fix: dashboard and workbench theme mode

apps/fronted/src/app/app/dashboard/layout.tsx

@@ -1,8 +1,9 @@
+import { ReactNode } from "react";
 import { Metadata } from "next";
 import { NextIntlClientProvider } from "next-intl";
 import { getLocale, getMessages, getTranslations } from "next-intl/server";
-import { ReactNode } from "react";
 import Document from "@/components/Document";
+import { Providers } from "@/app/providers";
 import Client from "./client";
 type Props = {
   children: ReactNode;
@@ -26,7 +27,9 @@ export default async function LocaleLayout({ children }: Props) {
   return (
     <Document locale={locale}>
       <NextIntlClientProvider messages={messages}>
-        <Client>{children}</Client>
+        <Providers>
+          <Client>{children}</Client>
+        </Providers>
       </NextIntlClientProvider>
     </Document>
   );

apps/fronted/src/app/app/dashboard/resumes/page.tsx

@@ -1,9 +1,9 @@
 "use client";
-
 import React, { useEffect } from "react";
+import { useTranslations } from "next-intl";
+import { useRouter } from "next/navigation";
 import { Plus, FileText, Settings, AlertCircle } from "lucide-react";
 import { motion, AnimatePresence } from "framer-motion";
-import { useRouter } from "next/navigation";
 import { Button } from "@/components/ui/button";
 import {
   Card,
@@ -16,7 +16,6 @@ import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
 import { getConfig, getFileHandle, verifyPermission } from "@/utils/fileSystem";
 import { useResumeStore } from "@/store/useResumeStore";
 import { cn } from "@/lib/utils";
-import { useTranslations } from "next-intl";
 
 const ResumesList = () => {
   return <ResumeWorkbench />;

apps/fronted/src/app/app/workbench/layout.tsx

@@ -3,8 +3,12 @@ import { NextIntlClientProvider } from "next-intl";
 import { getLocale, getMessages, getTranslations } from "next-intl/server";
 import { ReactNode } from "react";
 import Document from "@/components/Document";
+import { Providers } from "@/app/providers";
 type Props = {
   children: ReactNode;
+  params: {
+    locale: string;
+  };
 };
 export async function generateMetadata({
   params: { locale },
@@ -22,7 +26,7 @@ export default async function LocaleLayout({ children }: Props) {
   return (
     <Document locale={locale}>
       <NextIntlClientProvider messages={messages}>
-        {children}
+        <Providers>{children}</Providers>
       </NextIntlClientProvider>
     </Document>
   );