feat(ai): localize AI features

keep-notes/components/user-nav.tsx

@@ -14,10 +14,12 @@ import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
 import { useSession, signOut } from 'next-auth/react'
 import { useRouter } from 'next/navigation'
 import { LogOut, Settings, User, Shield } from 'lucide-react'
+import { useLanguage } from '@/lib/i18n'
 
 export function UserNav({ user }: { user?: any }) {
   const { data: session } = useSession()
   const router = useRouter()
+  const { t } = useLanguage()
 
   const currentUser = user || session?.user
 
@@ -51,23 +53,23 @@ export function UserNav({ user }: { user?: any }) {
         <DropdownMenuGroup>
           <DropdownMenuItem onClick={() => router.push('/settings/profile')}>
             <User className="mr-2 h-4 w-4" />
-            <span>Profile</span>
+            <span>{t('nav.profile')}</span>
           </DropdownMenuItem>
           {userRole === 'ADMIN' && (
             <DropdownMenuItem onClick={() => router.push('/admin')}>
               <Shield className="mr-2 h-4 w-4" />
-              <span>Admin Dashboard</span>
+              <span>{t('nav.adminDashboard')}</span>
             </DropdownMenuItem>
           )}
           <DropdownMenuItem onClick={() => router.push('/settings')}>
             <Settings className="mr-2 h-4 w-4" />
-            <span>Diagnostics</span>
+            <span>{t('nav.diagnostics')}</span>
           </DropdownMenuItem>
         </DropdownMenuGroup>
         <DropdownMenuSeparator />
         <DropdownMenuItem onClick={() => signOut({ callbackUrl: '/login' })}>
           <LogOut className="mr-2 h-4 w-4" />
-          <span>Log out</span>
+          <span>{t('nav.logout')}</span>
         </DropdownMenuItem>
       </DropdownMenuContent>
     </DropdownMenu>