feat: refactor dropdown menu components to use base-dropdown-menu for consistency

apps/web/src/components/mode-toggle.tsx

@@ -1,12 +1,12 @@
 import { Moon, Sun } from "lucide-react";
 import { useTheme } from "@/components/theme-provider";
-import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
+} from "@/components/ui/base-dropdown-menu";
+import { Button } from "@/components/ui/button";
 
 export function ModeToggle() {
   const { setTheme } = useTheme();

apps/web/src/components/space-actions.tsx

@@ -2,14 +2,14 @@ import { MoreHorizontal, Pencil, Trash2 } from "lucide-react";
 import { useEffect, useState } from "react";
 import { DeleteSpaceDialog } from "@/components/delete-space-dialog";
 import { EditSpaceDialog } from "@/components/edit-space-dialog";
-import { Button } from "@/components/ui/button";
-import type { ColorValue } from "@/components/ui/color-picker";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
+} from "@/components/ui/base-dropdown-menu";
+import { Button } from "@/components/ui/button";
+import type { ColorValue } from "@/components/ui/color-picker";
 import { deleteSpace, updateSpace } from "@/lib/appwrite-db";
 
 export type SpaceActionsProps = {

apps/web/src/components/user-menu.tsx

@@ -7,7 +7,7 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
+} from "@/components/ui/base-dropdown-menu";
 import { authClient } from "@/lib/auth-client";
 import { Button } from "./ui/button";
 import { Skeleton } from "./ui/skeleton";