feat: custom icons

frontend/src/app/kosmos/KosmosSidebar.tsx

@@ -17,11 +17,12 @@ import {
   SidebarRail,
   SidebarTrigger,
 } from '@/components/ui/sidebar'
-import { Plus, Settings, Triangle } from 'lucide-react'
+import { Plus, Settings } from 'lucide-react'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { useSidebar } from '@/components/ui/sidebar'
 import { usePlatform } from './KosmosContext'
 import { getRecollectionIcon } from '@/lib/iconMap'
+import { RecollectionsIcon } from '@/lib/icons'
 import { NewRecollectionDialog } from './NewRecollectionDialog'
 import { SettingsDialog } from './SettingsDialog'
 import type { Recollection } from './types'
@@ -132,7 +133,7 @@ export function KosmosSidebar() {
               <SidebarMenuItem>
                 <SidebarMenuButton asChild tooltip="Recollections" isActive={location.pathname === '/recollections' && !selectedRecollectionId}>
                   <Link to="/recollections">
-                    <Triangle className="size-4" />
+                    <RecollectionsIcon className="size-4 shrink-0" />
                     <span>Recollections</span>
                   </Link>
                 </SidebarMenuButton>