Use inertia link tag instead of html a tag (#12)

* Use inertia link tag instead of html a tag

* Added missing import

* formatting

---------

Co-authored-by: Taylor Otwell <[email protected]>

Author: shuvroroy

resources/js/components/AppSidebar.vue

@@ -4,6 +4,7 @@ import NavMain from '@/components/NavMain.vue';
 import NavUser from '@/components/NavUser.vue';
 import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem } from '@/components/ui/sidebar';
 import { type NavItem } from '@/types';
+import { Link } from '@inertiajs/vue3';
 import { BookOpen, Folder, LayoutGrid } from 'lucide-vue-next';
 import AppLogo from './AppLogo.vue';
 
@@ -35,9 +36,9 @@ const footerNavItems: NavItem[] = [
             <SidebarMenu>
                 <SidebarMenuItem>
                     <SidebarMenuButton size="lg" as-child>
-                        <a :href="route('dashboard')">
+                        <Link :href="route('dashboard')">
                             <AppLogo />
-                        </a>
+                        </Link>
                     </SidebarMenuButton>
                 </SidebarMenuItem>
             </SidebarMenu>