feat: add form components and UI elements for enhanced user interaction

- Introduced Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage components for structured form handling. - Added Input, Textarea, and Select components for user input. - Implemented Label and Separator components for better UI organization. - Created Skeleton component for loading states. - Developed Toast and Toaster components for user notifications. - Integrated useToast hook for managing toast notifications. - Established AI analysis functionality with analyzeJournalWithLocalAI. - Set up Dexie for local database management with Journal and Task models. - Configured Supabase client for server-side and browser-side interactions. - Defined database schema for journals, tasks, chat sessions, and messages with Row Level Security policies. Co-authored-by: Copilot <copilot@github.com>
2026-05-06 16:20:14 +03:00
parent 3432bbab33
commit c73bf0e499
40 changed files with 9104 additions and 569 deletions
@@ -1,9 +1,16 @@
 import type { Metadata } from "next";
 import "./globals.css";
+import { Geist } from "next/font/google";
+import { cn } from "@/lib/utils";
+import { ThemeProvider } from "@/components/theme-provider";
+import { Sidebar } from "@/components/layout/sidebar";
+import { Header } from "@/components/layout/header";
+
+const geist = Geist({subsets:['latin'],variable:'--font-sans'});

 export const metadata: Metadata = {
-  title: "Mood Tracker MVP",
-  description: "LocalStorage tabanli minimal mood dashboard uygulamasi.",
+  title: "MindSpace",
+  description: "AI Destekli Kişisel Yaşam ve Planlama Dashboard'u",
 };

 export default function RootLayout({
@@ -12,8 +19,25 @@ export default function RootLayout({
  children: React.ReactNode;
 }>) {
  return (
-    <html lang="tr">
-      <body>{children}</body>
+    <html lang="tr" className={cn("font-sans", geist.variable)} suppressHydrationWarning>
+      <body>
+        <ThemeProvider
+            attribute="class"
+            defaultTheme="dark"
+            enableSystem
+            disableTransitionOnChange
+        >
+          <div className="flex min-h-screen bg-background text-foreground">
+            <Sidebar />
+            <div className="flex flex-col flex-1 h-screen overflow-hidden">
+              <Header />
+              <main className="flex-1 overflow-y-auto p-6 md:p-8">
+                {children}
+              </main>
+            </div>
+          </div>
+        </ThemeProvider>
+      </body>
    </html>
  );
 }