feat(navbar) a navbar with theme switcher

app/about/page.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+function About() {
+    return (
+        <div></div>
+    );
+}
+
+export default About;

app/blog/page.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+function Blog() {
+    return (
+        <div></div>
+    );
+}
+
+export default Blog;

app/layout.tsx

@@ -3,6 +3,7 @@ import { Inter } from 'next/font/google';
 import './globals.css';
 import React from 'react';
 import { ThemeProvider as NextThemesProvider } from 'next-themes';
+import Navbar from '@/components/Navbar';
 
 const inter = Inter({ subsets: [ 'latin' ] });
 
@@ -20,6 +21,7 @@ export default function RootLayout({
         <html lang="en" suppressHydrationWarning>
         <body className={ inter.className }>
         <NextThemesProvider attribute="class" defaultTheme="dark">
+            <Navbar />
             { children }
         </NextThemesProvider>
         </body>

app/page.tsx

@@ -1,9 +1,7 @@
-import ThemeSwitcher from '@/components/ThemeSwitcher';
-
 export default function Home() {
     return (
         <main>
-            <ThemeSwitcher />
+            {/*<ThemeSwitcher />*/ }
         </main>
     );
 }