styled userbox page and removed sticky nav

components/navigationbar/desktopNavBar.tsx

@@ -2,7 +2,6 @@
 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

@@ -23,7 +23,7 @@ const HeaderNavigation = async () => {
   return (
     <>
       {user && (
-        <header className="sticky top-0 flex h-16 items-center gap-4 border-b bg-background px-4 md:px-6">
+        <header className="top-0 flex h-16 items-center gap-4 border-b bg-background px-4 md:px-6">
           <NavigationMenuDesktop />
           <Sheet>
             <SheetTrigger asChild>
@@ -81,7 +81,7 @@ const HeaderNavigation = async () => {
                 )}
                 <DropdownMenuSeparator />
                 <form action={signOut}>
-                  <Button className="bg-transparent text-primary hover:bg-transparent pl-2  font-normal">
+                  <Button className="bg-transparent pl-2 font-normal text-primary hover:bg-transparent">
                     Logout
                   </Button>
                 </form>