made more ticket components

resources/js/components/AppHeader.vue

@@ -1,6 +1,13 @@
 <script setup lang="ts">
 import { Link, usePage } from '@inertiajs/vue3';
-import { Folder, LayoutGrid, Menu, Search, Shield, Users } from 'lucide-vue-next';
+import {
+    Folder,
+    LayoutGrid,
+    Menu,
+    Search,
+    Shield,
+    Users,
+} from 'lucide-vue-next';
 import { computed } from 'vue';
 import AppLogo from '@/components/AppLogo.vue';
 import AppLogoIcon from '@/components/AppLogoIcon.vue';
@@ -85,7 +92,7 @@ const mainNavItems = computed<NavItem[]>(() => {
 
 <template>
     <div>
-        <div class="sticky top-0 z-50 bg-background/80 backdrop-blur-md">
+        <div class="bg-background/80 sticky top-0 z-50 backdrop-blur-md">
             <div class="mx-auto flex h-16 items-center px-4 md:max-w-7xl">
                 <!-- Mobile Menu -->
                 <div class="lg:hidden">