feat: RTL/i18n, AI translate+undo, no-refresh saves, settings perf

- RTL: force dir=rtl on LabelFilter, NotesViewToggle, LabelManagementDialog
- i18n: add missing keys (notifications, privacy, edit/preview, AI translate/undo)
- Settings pages: convert to Server Components (general, appearance) + loading skeleton
- AI menu: add Translate option (10 languages) + Undo AI button in toolbar
- Fix: saveInline uses REST API instead of Server Action → eliminates all implicit refreshes in list mode
- Fix: NotesTabsView notes sync effect preserves selected note on content changes
- Fix: auto-tag suggestions now filter already-assigned labels
- Fix: color change in card view uses local state (no refresh)
- Fix: nav links use <Link> for prefetching (Settings, Admin)
- Fix: suppress duplicate label suggestions already on note
- Route: add /api/ai/translate endpoint

keep-notes/components/notes-view-toggle.tsx

@@ -0,0 +1,89 @@
+'use client'
+
+import { useTransition } from 'react'
+import { LayoutGrid, PanelsTopLeft } from 'lucide-react'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'
+import { updateAISettings } from '@/app/actions/ai-settings'
+import { useLanguage } from '@/lib/i18n'
+import type { NotesViewMode } from '@/components/notes-main-section'
+
+interface NotesViewToggleProps {
+  mode: NotesViewMode
+  onModeChange: (mode: NotesViewMode) => void
+  className?: string
+}
+
+export function NotesViewToggle({ mode, onModeChange, className }: NotesViewToggleProps) {
+  const { t, language } = useLanguage()
+  const [pending, startTransition] = useTransition()
+
+  const setMode = (next: NotesViewMode) => {
+    if (next === mode) return
+    const previous = mode
+    onModeChange(next)
+    startTransition(async () => {
+      try {
+        await updateAISettings({ notesViewMode: next })
+      } catch {
+        onModeChange(previous)
+      }
+    })
+  }
+
+  return (
+    <TooltipProvider delayDuration={300}>
+      <div
+        dir={language === 'fa' || language === 'ar' ? 'rtl' : 'ltr'}
+        className={cn(
+          'inline-flex rounded-full border border-border bg-muted/40 p-0.5 shadow-sm',
+          className
+        )}
+        role="group"
+        aria-label={t('notes.viewModeGroup')}
+      >
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              type="button"
+              variant="ghost"
+              size="sm"
+              disabled={pending}
+              className={cn(
+                'h-9 rounded-full px-3 gap-1.5',
+                mode === 'masonry' && 'bg-background shadow-sm text-foreground'
+              )}
+              onClick={() => setMode('masonry')}
+              aria-pressed={mode === 'masonry'}
+            >
+              <LayoutGrid className="h-4 w-4" aria-hidden />
+              <span className="hidden sm:inline text-xs font-medium">{t('notes.viewCards')}</span>
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent side="bottom">{t('notes.viewCardsTooltip')}</TooltipContent>
+        </Tooltip>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              type="button"
+              variant="ghost"
+              size="sm"
+              disabled={pending}
+              className={cn(
+                'h-9 rounded-full px-3 gap-1.5',
+                mode === 'tabs' && 'bg-background shadow-sm text-foreground'
+              )}
+              onClick={() => setMode('tabs')}
+              aria-pressed={mode === 'tabs'}
+            >
+              <PanelsTopLeft className="h-4 w-4" aria-hidden />
+              <span className="hidden sm:inline text-xs font-medium">{t('notes.viewTabs')}</span>
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent side="bottom">{t('notes.viewTabsTooltip')}</TooltipContent>
+        </Tooltip>
+      </div>
+    </TooltipProvider>
+  )
+}