create header component

src/app/layout.tsx

@@ -1,12 +1,13 @@
+'use client'
 import type { Metadata } from 'next';
 import './globals.css';
 import { I18nextProvider } from 'react-i18next';
 import i18n from '../config/i18n';
 
-export const metadata: Metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
-};
+// export const metadata: Metadata = {
+//   title: 'Create Next App',
+//   description: 'Generated by create next app',
+// };
 
 export default function RootLayout({
   children,

src/app/page.tsx

@@ -1,4 +1,5 @@
 // ... existing imports ...
+import Header from '@/components/layout/header';
 import Navbar from '@/components/layout/navbar';
 
 async function getData() {
@@ -11,8 +12,9 @@ export default async function Home() {
   const data = await getData();
 
   return (
-    <main className=" container mx-auto">
-      <Navbar/>
+    <main className="">
+      <Header/>
+      {/* <Navbar/> */}
     </main>
   );
 }