The code returns the following error:

[browser] A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:  
  
- A server/client branch `if (typeof window !== 'undefined')`.  
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.  
- Date formatting in a user's locale which doesn't match the server.  
- External changing data without sending a snapshot of it along with the HTML.  
- Invalid HTML tag nesting.  
  
It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.  
  
https://react.dev/link/hydration-mismatch  
  
  ...  
    <MenuProvider scope={{Menu:[...], ...}} open={false} onOpenChange={function useCallbackRef.useMemo} content={null} ...>  
      <MenuProvider scope={{Menu:[...], ...}} onClose={function Menu.useCallback} isUsingKeyboardRef={{current:false}} ...>  
        <DropdownMenuTrigger asChild={true}>  
          <DropdownMenuTrigger data-slot="dropdown-m..." asChild={true}>  
            <MenuAnchor asChild={true} __scopeMenu={{Menu:[...], ...}}>  
              <PopperAnchor __scopePopper={{Menu:[...], ...}} asChild={true} ref={null}>  
                <Primitive.div asChild={true} ref={function}>  
                  <Primitive.div.Slot ref={function}>  
                    <Primitive.div.SlotClone ref={function}>  
                      <Primitive.button type="button" id="radix-_R_3..." aria-haspopup="menu" aria-expanded={false} ...>  
                        <Primitive.button.Slot type="button" id="radix-_R_3..." aria-haspopup="menu" ...>  
                          <Primitive.button.SlotClone type="button" id="radix-_R_3..." aria-haspopup="menu" ...>  
                            <button  
                              className="flex items-center gap-2 rounded-xl px-2 py-1.5 hover:bg-muted transition-colors"  
                              type="button"  
+                             id="radix-_R_3lindlb_"  
-                             id="radix-_R_t9indlb_"  
                              aria-haspopup="menu"  
                              aria-expanded={false}  
                              aria-controls={undefined}  
                              data-state="closed"  
                              data-disabled={undefined}  
                              disabled={false}  
                              data-slot="dropdown-menu-trigger"  
                              onPointerDown={function handleEvent}  
                              onKeyDown={function handleEvent}  
                              ref={function}  
                            >  
        ...  
   
    at button (<anonymous>)  
    at Navbar (components/navbar.tsx:116:17)  
    at DropdownMenuTrigger (components/ui/dropdown-menu.tsx:27:5)  
    at Navbar (components/navbar.tsx:115:15)  
    at HomePage (app/page.tsx:156:7)  
  114 |             <DropdownMenu>  
  115 |               <DropdownMenuTrigger asChild>  
> 116 |                 <button className="flex items-center gap-2 rounded-xl px-2 py-1.5 hover:bg-muted transition-colors">  
      |                 ^  
  117 |                   <Avatar className="h-8 w-8 ring-2 ring-primary/20">  
  118 |                     <AvatarImage src="/placeholder.svg" alt="Kullanıcı" />  
  119 |                     <AvatarFallback className="bg-primary text-primary-foreground text-xs font-bold"> (<anonymous>)  
  

Revise the code to address the error.