feat(navbar) update navbar

app/archive/page.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const Archive = () => {
+    return (
+        <div>
+
+        </div>
+    );
+};
+
+export default Archive;

app/blog/post/[id]/page.tsx

@@ -4,7 +4,7 @@ import Generate from '@/app/blog/post/[id]/generate';
 function BlogReader({ params }: { params: { id: string } }) {
 
     return (
-        <div className={ `mx-7 my-7 w-full` }>
+        <div className={ `w-full` }>
             <Generate id={ params.id } />
         </div>
     );

app/layout.tsx

@@ -3,6 +3,7 @@ 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 = {
@@ -21,8 +22,9 @@ export default function RootLayout({
         <NextThemesProvider attribute="class" defaultTheme="dark">
             <div className={ `justify-center flex flex-row w-full` }>
                 <Navbar />
-                <div className={ `flex-auto max-w-[1024px]` }>
+                <div className={ `flex flex-col flex-auto max-w-[1024px]` }>
                     { children }
+                    <Footer />
                 </div>
             </div>
         </NextThemesProvider>

app/search/page.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const Search = () => {
+    return (
+        <div>
+
+        </div>
+    );
+};
+
+export default Search;

app/tags/page.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const Tags = () => {
+    return (
+        <div>
+
+        </div>
+    );
+};
+
+export default Tags;