correct user button in editor

frontend/components/dashboard/navbar/index.tsx

@@ -2,7 +2,7 @@ import Image from "next/image"
 import Link from "next/link"
 import Logo from "@/assets/logo.svg"
 import DashboardNavbarSearch from "./search"
-import DashboardUserButton from "./userButton"
+import UserButton from "../../ui/userButton"
 import { User } from "@/lib/types"
 
 export default function DashboardNavbar({ userData }: { userData: User }) {
@@ -19,7 +19,7 @@ export default function DashboardNavbar({ userData }: { userData: User }) {
       </div>
       <div className="flex items-center space-x-4">
         <DashboardNavbarSearch />
-        <DashboardUserButton userData={userData} />
+        <UserButton userData={userData} />
       </div>
     </div>
   )

frontend/components/dashboard/navbar/userButton.tsx

@@ -1,39 +0,0 @@
-"use client"
-
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu"
-import { User } from "@/lib/types"
-import { LogOut, Pencil } from "lucide-react"
-
-export default function DashboardUserButton({ userData }: { userData: User }) {
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger>
-        <div className="w-9 h-9 font-mono rounded-full overflow-hidden bg-gradient-to-t from-neutral-800 to-neutral-600 flex items-center justify-center text-sm font-medium">
-          {userData.name
-            .split(" ")
-            .slice(0, 2)
-            .map((name) => name[0].toUpperCase())}
-        </div>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent align="end">
-        <DropdownMenuItem className="cursor-pointer">
-          <Pencil className="mr-2 h-4 w-4" />
-          <span>Edit Profile</span>
-          {/* open modal with name and email (disabled) */}
-        </DropdownMenuItem>
-        <DropdownMenuSeparator />
-        <DropdownMenuItem className="!text-destructive cursor-pointer">
-          <LogOut className="mr-2 h-4 w-4" />
-          <span>Log Out</span>
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  )
-}