added dark mode and jacket art

components/navigationbar/desktopNavBar.tsx

@@ -2,6 +2,7 @@
 import Link from "next/link";
 
 import { usePathname } from "next/navigation";
+import { ModeToggle } from "../darkmode";
 
 const NAV_ITEMS = [
   { href: "/home", label: "Home" },

components/navigationbar/navigationbar.tsx

@@ -16,6 +16,7 @@ import { getAuth } from "@/auth/queries/getauth";
 import NavigationMenuDesktop from "./desktopNavBar";
 import NavigationMenuMobile from "./mobileNavBar";
 import { signOut } from "@/auth/components/signout";
+import { ModeToggle } from "../darkmode";
 const HeaderNavigation = async () => {
   const { user } = await getAuth();
 
@@ -50,6 +51,8 @@ const HeaderNavigation = async () => {
                 />
               </div>
             </form>
+            <ModeToggle />
+
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
                 <Button