fix(logout): clear Inertia prefetch cache on logout to prevent data leakage.

Ensure the `router.flushAll()` method is called during the logout process to clear the Inertia prefetch cache.
This prevents potential data leakage where a later user on the same device could access preloaded data from the previous session.

Author: SkandarS0

resources/js/components/user-menu-content.tsx

@@ -2,7 +2,7 @@ import { DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSep
 import { UserInfo } from '@/components/user-info';
 import { useMobileNavigation } from '@/hooks/use-mobile-navigation';
 import { type User } from '@/types';
-import { Link } from '@inertiajs/react';
+import { Link, router } from '@inertiajs/react';
 import { LogOut, Settings } from 'lucide-react';
 
 interface UserMenuContentProps {
@@ -12,6 +12,11 @@ interface UserMenuContentProps {
 export function UserMenuContent({ user }: UserMenuContentProps) {
     const cleanup = useMobileNavigation();
 
+    const handleLogout = () => {
+        cleanup();
+        router.flushAll();
+    };
+
     return (
         <>
             <DropdownMenuLabel className="p-0 font-normal">
@@ -30,7 +35,7 @@ export function UserMenuContent({ user }: UserMenuContentProps) {
             </DropdownMenuGroup>
             <DropdownMenuSeparator />
             <DropdownMenuItem asChild>
-                <Link className="block w-full" method="post" href={route('logout')} as="button" onClick={cleanup}>
+                <Link className="block w-full" method="post" href={route('logout')} as="button" onClick={handleLogout}>
                     <LogOut className="mr-2" />
                     Log out
                 </Link>