feat(global) project init

app/layout.tsx

@@ -1,22 +1,43 @@
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import "./globals.css";
+import type { Metadata } from 'next';
+import './globals.css';
 
-const inter = Inter({ subsets: ["latin"] });
+import { Inter as FontSans } from 'next/font/google';
+import { cn } from '@/lib/utils';
+import React from 'react';
+import { ThemeProvider } from '@/components/theme-provider';
+import Header from '@/app/header';
 
+
+const fontSans = FontSans({
+    subsets: [ 'latin' ],
+    variable: '--font-sans'
+});
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+    title: 'Lumither\'s blog',
+    description: 'a little blog site...'
 };
 
 export default function RootLayout({
-  children,
+    children
 }: Readonly<{
-  children: React.ReactNode;
+    children: React.ReactNode;
 }>) {
-  return (
-    <html lang="en">
-      <body className={inter.className}>{children}</body>
-    </html>
-  );
+    return (
+        <html lang="en">
+        <body className={ cn(
+            'min-h-screen bg-background font-sans antialiased',
+            fontSans.variable
+        ) }>
+        <ThemeProvider
+            attribute="class"
+            defaultTheme="system"
+            enableSystem
+            disableTransitionOnChange
+        >
+            <Header />
+            { children }
+        </ThemeProvider>
+        </body>
+        </html>
+    );
 }