ref(global) update project structure

frontend/app/layout.tsx

@@ -0,0 +1,34 @@
+import type { Metadata } from 'next';
+import './globals.css';
+import React from 'react';
+import { ThemeProvider as NextThemesProvider } from 'next-themes';
+import Navbar from '@/components/Navbar';
+import Footer from '@/components/Footer';
+
+
+export const metadata: Metadata = {
+    title: 'Lumither\'s site',
+    description: 'a small corner on internet'
+};
+
+export default function RootLayout({
+    children
+}: Readonly<{
+    children: React.ReactNode;
+}>) {
+    return (
+        <html lang="en" suppressHydrationWarning>
+        <body className={ `dark:bg-[#282830] min-h-screen` }>
+        <NextThemesProvider attribute="class" defaultTheme="dark">
+            <div className={ `justify-center flex flex-row w-full` }>
+                <Navbar />
+                <div className={ `flex flex-col flex-auto max-w-[1024px]` }>
+                    { children }
+                    <Footer />
+                </div>
+            </div>
+        </NextThemesProvider>
+        </body>
+        </html>
+    );
+}