chore: adds icons for insights and playground paths to recently visited

frontend/src/component/commandBar/RecentlyVisited/RecentlyVisited.tsx

@@ -12,10 +12,13 @@ import {
     IconRenderer,
     StyledProjectIcon,
 } from 'component/layout/MainLayout/NavigationSidebar/IconRenderer';
+import PlaygroundIcon from '@mui/icons-material/AutoFixNormal';
+import InsightsIcon from '@mui/icons-material/Insights';
 import type { LastViewedPage } from 'hooks/useRecentlyVisited';
 import type { Theme } from '@mui/material/styles/createTheme';
 import useProjectOverview from 'hooks/api/getters/useProjectOverview/useProjectOverview';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
+import type { ReactElement } from 'react-markdown/lib/react-markdown';
 
 const listItemButtonStyle = (theme: Theme) => ({
     borderRadius: theme.spacing(0.5),
@@ -39,6 +42,12 @@ const StyledListItemText = styled(ListItemText)(({ theme }) => ({
     margin: 0,
 }));
 
+const overridePathIcons: Record<string, () => ReactElement> = {
+    '/insights': () => <InsightsIcon />,
+    '/playground': () => <PlaygroundIcon />,
+    '/projects': () => <StyledProjectIcon />,
+};
+
 const toListItemButton = (
     item: LastViewedPage,
     routes: Record<string, { path: string; route: string; title: string }>,
@@ -107,8 +116,8 @@ const RecentlyVisitedPathButton = ({
         >
             <StyledListItemIcon>
                 <ConditionallyRender
-                    condition={path === '/projects'}
+                    condition={overridePathIcons[path] !== undefined}
-                    show={<StyledProjectIcon />}
+                    show={overridePathIcons[path]}
                     elseShow={<IconRenderer path={path} />}
                 />
             </StyledListItemIcon>