feat(layout): add main layout

src/components/footer/Footer.jsx

@@ -0,0 +1,5 @@
+function Footer() {
+    return <div className='h-48 w-full'>Footer</div>;
+}
+
+export default Footer;

src/components/navbar/Navbar.jsx

@@ -0,0 +1,5 @@
+function Navbar() {
+    return <div className='h-10 w-full'>Navbar</div>;
+}
+
+export default Navbar;

src/layout/Layout.jsx

@@ -1,15 +1,12 @@
-import * as React from "react";
+import Footer from "@/components/footer/Footer";
+import Navbar from "@/components/navbar/Navbar";
 
 export default function Layout({ children }) {
-    // Put Header or Footer around the children element
-    // Example
-    // return (
-    //     <>
-    //         <Navbar />
-    //         {children}
-    //         <Footer />
-    //     </>
-    // );
-
-    return <>{children}</>;
+    return (
+        <div className='container mx-auto '>
+            <Navbar />
+            {children}
+            <Footer />
+        </div>
+    );
 }