feat(KAN-19): add responsive permission-aware navigation

resources/js/types/global.d.ts

@@ -1,4 +1,5 @@
 import type { Auth } from '@/types/auth';
+import type { AppNavigation } from '@/types/navigation';
 import type { LocalizationSettings } from '@/types/localization';
 import type { Appearance } from '@/types/ui';
 import type { Page, Router } from '@inertiajs/core';
@@ -25,6 +26,7 @@ declare module '@inertiajs/core' {
             appearance: Appearance;
             auth: Auth;
             sidebarOpen: boolean;
+            navigation: AppNavigation;
         };
     }
 }

resources/js/types/navigation.ts

@@ -11,4 +11,17 @@ export type NavItem = {
     href: NonNullable<InertiaLinkProps['href']>;
     icon?: LucideIcon;
     isActive?: boolean;
+    match?: 'exact' | 'section';
+};
+
+export type NavigationProject = {
+    id: number;
+    name: string;
+    key: string;
+    canManage: boolean;
+    canCreateTickets: boolean;
+};
+
+export type AppNavigation = {
+    project: NavigationProject | null;
 };