Add header component with responsive navigation

app/(backend)/layout.tsx

@@ -0,0 +1,14 @@
+import Header from "@/components/Header";
+
+const Layout = ({ children }: { children: React.ReactNode }) => {
+  return (
+    <main className="min-h-screen text-gray-400">
+        <Header />
+        <div className="container py-10">
+            {children}
+        </div>
+    </main>
+  )
+}
+
+export default Layout;

app/(backend)/page.tsx

@@ -0,0 +1,11 @@
+import { Button } from "@/components/ui/button";
+
+const Home = () => {
+  return (
+    <div className="flex min-h-screen home-wrapper">
+      <Button>Backend Home Page</Button>
+    </div>
+  )
+}
+
+export default Home;