fix: unify theme system - fix theme switching persistence

- Unified localStorage key to 'theme-preference' across all components - Fixed header.tsx using wrong localStorage key ('theme' instead of 'theme-preference') - Added localStorage hybrid persistence for instant theme changes - Removed router.refresh() which was causing stale data revert - Replaced Blue theme with Sepia - Consolidated auth() calls to prevent race conditions - Updated UserSettingsData types to include all themes
2026-01-18 22:33:41 +01:00
parent ef60dafd73
commit ddb67ba9e5
306 changed files with 59580 additions and 6063 deletions
--- a/app_layout_backup.tsx
+++ b/app_layout_backup.tsx
@@ -0,0 +1,66 @@
+import type { Metadata, Viewport } from "next";
+import { Inter } from "next/font/google";
+import "./globals.css";
+import { Toaster } from "@/components/ui/toast";
+import { LabelProvider } from "@/context/LabelContext";
+import { NoteRefreshProvider } from "@/context/NoteRefreshContext";
+import { SessionProviderWrapper } from "@/components/session-provider-wrapper";
+import { LanguageProvider } from "@/lib/i18n/LanguageProvider";
+import { detectUserLanguage } from "@/lib/i18n/detect-user-language";
+import { NotebooksProvider } from "@/context/notebooks-context";
+import { NotebookDragProvider } from "@/context/notebook-drag-context";
+
+const inter = Inter({
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "Memento - Your Digital Notepad",
+  description: "A beautiful note-taking app inspired by Google Keep, built with Next.js 16",
+  manifest: "/manifest.json",
+  icons: {
+    icon: "/icons/icon-512.svg",
+    apple: "/icons/icon-512.svg",
+  },
+  appleWebApp: {
+    capable: true,
+    statusBarStyle: "default",
+    title: "Memento",
+  },
+};
+
+export const viewport: Viewport = {
+  themeColor: "#f59e0b",
+};
+
+export const dynamic = "force-dynamic";
+
+export default async function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  // Detect initial language for user
+  const initialLanguage = await detectUserLanguage()
+
+  return (
+    <html lang={initialLanguage} suppressHydrationWarning>
+      <body className={inter.className}>
+        <SessionProviderWrapper>
+          <NoteRefreshProvider>
+            <LabelProvider>
+              <NotebooksProvider>
+                <NotebookDragProvider>
+                  <LanguageProvider initialLanguage={initialLanguage}>
+                    {children}
+                  </LanguageProvider>
+                </NotebookDragProvider>
+              </NotebooksProvider>
+            </LabelProvider>
+          </NoteRefreshProvider>
+          <Toaster />
+        </SessionProviderWrapper>
+      </body>
+    </html>
+  );
+}