feat(ui): add clickable logo to redirect to homepage #95

web/src/components/layout/app-sidebar.tsx

@@ -27,6 +27,7 @@ import {
 import { NavGroup } from '@/components/layout/nav-group'
 import Logo from '@/assets/logo.svg'
 import { useSidebarData } from './data/sidebar-data'
+import { Link } from '@tanstack/react-router';
 
 export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
   const { open } = useSidebar();
@@ -36,8 +37,10 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
       <SidebarHeader>
         <SidebarMenuButton
           size='lg'
+          asChild
           className='data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground'
         >
+          <Link to="/">
             <div className='flex aspect-square size-16 items-center justify-center rounded-lg text-sidebar-primary-foreground'>
               <img
                 className={open ? "relative ml-[12px] mr-[12px]" : "mr-[30px]"}
@@ -52,6 +55,7 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
                 Bichon
               </span>
             </div>
+          </Link>
         </SidebarMenuButton>
       </SidebarHeader>
       <SidebarContent>