fixed hydration error when changing theme and added dynamic default avatar

components/navigationbar/navigationbar.tsx

@@ -16,7 +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";
+import DarkToggle from "../darkmode";
 const HeaderNavigation = async () => {
   const { user } = await getAuth();
 
@@ -51,7 +51,7 @@ const HeaderNavigation = async () => {
                 />
               </div>
             </form>
-            <ModeToggle />
+            <DarkToggle />
 
             <DropdownMenu>
               <DropdownMenuTrigger asChild>