first fixes

inertia/pages/layout/header.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { useSidebar } from '~/composables/useSidebar'
-import { Link, usePage } from '@inertiajs/vue3'
+import { Link } from '@adonisjs/inertia/vue'
+import { usePage } from '@inertiajs/vue3'
 import { userProfileIcon } from '~/assets/icons'
 
 const dropdownOpen = ref(false)
@@ -31,16 +32,23 @@ const user = computed(() => {
     </div>
 
     <div class="flex items-center gap-6">
-      <button class="text-on-surface-variant hover:bg-surface-container-low p-2 rounded-full transition-all">
+      <button
+        class="text-on-surface-variant hover:bg-surface-container-low p-2 rounded-full transition-all"
+      >
         <span class="material-symbols-outlined">notifications</span>
       </button>
-      <button class="text-on-surface-variant hover:bg-surface-container-low p-2 rounded-full transition-all">
+      <button
+        class="text-on-surface-variant hover:bg-surface-container-low p-2 rounded-full transition-all"
+      >
         <span class="material-symbols-outlined">settings</span>
       </button>
 
       <div class="h-8 w-px bg-outline-variant mx-2"></div>
 
-      <div class="relative flex items-center gap-3 cursor-pointer group" @click="dropdownOpen = !dropdownOpen">
+      <div
+        class="relative flex items-center gap-3 cursor-pointer group"
+        @click="dropdownOpen = !dropdownOpen"
+      >
         <div class="text-right hidden sm:block">
           <p class="font-label-md text-label-md text-on-surface">{{ user.name }}</p>
         </div>
@@ -65,7 +73,9 @@ const user = computed(() => {
         >
           <div class="px-4 py-3 border-b border-outline-variant">
             <p class="font-label-md text-label-md text-on-surface truncate">{{ user.name }}</p>
-            <p class="font-label-sm text-label-sm text-on-surface-variant truncate">{{ user.email }}</p>
+            <p class="font-label-sm text-label-sm text-on-surface-variant truncate">
+              {{ user.email }}
+            </p>
           </div>
 
           <Link

inertia/pages/layout/sidebar.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { ref, useAttrs } from 'vue'
 import { useSidebar } from '~/composables/useSidebar'
-import { Link } from '@inertiajs/vue3'
+import { Link } from '@adonisjs/inertia/vue'
 import { siteIcon } from '~/assets/icons'
 
 const { isOpen } = useSidebar()