Working on style and color on the side bar, and the items buttons.

src/features/layout/Header.tsx

@@ -0,0 +1,27 @@
+import Image from "next/image"
+import {Layout} from "@/components/layout";
+import Link from "next/link";
+import {Badge} from "@/components/ui/badge";
+import {currentUser} from "@/auth/current-user";
+import {notFound} from "next/navigation";
+import {buttonVariants} from "@/components/ui/button";
+import {LoggedInButton} from "@/components/wrappers/Dashboard/LoggedInButton/LoggedInButton";
+import {SidebarTrigger} from "@/components/ui/sidebar";
+import {ModeToggle} from "@/features/theme/ModeToggle";
+
+export const Header = async () => {
+    const user = await currentUser()
+    if (!user) {
+        return notFound()
+    }
+    return (
+        <header className="flex h-16 shrink-0 items-center justify-between border-b px-4">
+            <SidebarTrigger className="-ml-1"/>
+            <div className="flex items-center gap-2">
+                <ModeToggle/>
+                <LoggedInButton/>
+            </div>
+        </header>
+
+    )
+}