ref(global) clean project

app/layout.tsx

@@ -1,49 +1,22 @@
-import type { Metadata } from 'next';
-import './globals.css';
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+import "./globals.css";
 
-import { Inter as FontSans } from 'next/font/google';
-import { cn } from '@/lib/utils';
-import React from 'react';
-import { ThemeProvider } from '@/components/theme-provider';
-import Navbar from '@/app/navbar';
-import Footer from '@/app/footer';
+const inter = Inter({ subsets: ["latin"] });
 
-
-const fontSans = FontSans({
-    subsets: [ 'latin' ],
-    variable: '--font-sans'
-});
 export const metadata: Metadata = {
-    title: 'Lumither\'s blog',
-    description: 'a little blog site...'
+  title: "Lumither's site",
+  description: "a small corner on internet",
 };
 
 export default function RootLayout({
-    children
+  children,
 }: Readonly<{
-    children: React.ReactNode;
+  children: React.ReactNode;
 }>) {
-    return (
-        <html lang="en">
-        <body className={ cn(
-            'min-h-screen bg-background font-sans antialiased',
-            fontSans.variable
-        ) }>
-        <ThemeProvider
-            attribute="class"
-            defaultTheme="dark"
-            enableSystem
-            disableTransitionOnChange
-        >
-            <Navbar />
-            <div className={ 'h-screen' }>
-                <div className={ 'mt-20 overflow-scroll' }>
-                    { children }
-                </div>
-                <Footer />
-            </div>
-        </ThemeProvider>
-        </body>
-        </html>
-    );
+  return (
+    <html lang="en">
+      <body className={inter.className}>{children}</body>
+    </html>
+  );
 }