feat: support user appearance preferences with persisted theme and language #85

web/src/features/settings/index.tsx

@@ -20,7 +20,7 @@
 import { Outlet } from '@tanstack/react-router'
 import { Main } from '@/components/layout/main'
 import SidebarNav from './components/sidebar-nav'
-import { KeyRound, SettingsIcon, UserCog, Waypoints } from 'lucide-react'
+import { KeyRound, Palette, SettingsIcon, UserCog, Waypoints } from 'lucide-react'
 import { FixedHeader } from '@/components/layout/fixed-header'
 import { useCurrentUser } from '@/hooks/use-current-user'
 import { useTranslation } from 'react-i18next'
@@ -36,6 +36,11 @@ export default function Settings() {
       href: '/settings/profile',
       icon: <UserCog size={18} />,
     },
+    {
+      title: t('settings.appearance.title'),
+      href: '/settings/appearance',
+      icon: <Palette size={18} />,
+    },
     {
       title: t('settings.sidebar.apiTokens'),
       href: '/settings/api-tokens',