chore: swap dropdown component with plane/ui component (#2480)

* chore: swap custom menu component with plane/ui component

* chore: swap custom select component with plane/ui component

* chore: swap custom search select component with plane/ui component

web/pages/[workspaceSlug]/me/profile/index.tsx

@@ -14,8 +14,7 @@ import { WorkspaceSettingLayout } from "layouts/setting-layout/workspace-setting
 import { ImagePickerPopover, ImageUploadModal } from "components/core";
 import { WorkspaceSettingHeader } from "components/headers";
 // ui
-import { Button, Input, Spinner } from "@plane/ui";
-import { CustomSearchSelect, CustomSelect } from "components/ui";
+import { Button, CustomSelect, CustomSearchSelect, Input, Spinner } from "@plane/ui";
 // icons
 import { User2, UserCircle2 } from "lucide-react";
 // types

web/pages/[workspaceSlug]/projects/[projectId]/cycles/[cycleId].tsx

@@ -19,8 +19,7 @@ import { CycleService } from "services/cycle.service";
 import useToast from "hooks/use-toast";
 import useUserAuth from "hooks/use-user-auth";
 // ui
-import { BreadcrumbItem, Breadcrumbs, ContrastIcon } from "@plane/ui";
-import { CustomMenu } from "components/ui";
+import { BreadcrumbItem, Breadcrumbs, CustomMenu, ContrastIcon } from "@plane/ui";
 import { EmptyState } from "components/common";
 // images
 import emptyCycle from "public/empty-state/cycle.svg";
@@ -126,8 +125,7 @@ const SingleCycle: React.FC = () => {
             {cycles?.map((cycle) => (
               <CustomMenu.MenuItem
                 key={cycle.id}
-                renderAs="a"
-                href={`/${workspaceSlug}/projects/${projectId}/cycles/${cycle.id}`}
+                onClick={() => router.push(`/${workspaceSlug}/projects/${projectId}/cycles/${cycle.id}`)}
               >
                 {truncateText(cycle.name, 40)}
               </CustomMenu.MenuItem>

web/pages/[workspaceSlug]/projects/[projectId]/modules/[moduleId].tsx

@@ -15,8 +15,7 @@ import { ModuleDetailsSidebar } from "components/modules";
 import { ModuleLayoutRoot } from "components/issues";
 import { ModuleIssuesHeader } from "components/headers";
 // ui
-import { BreadcrumbItem, Breadcrumbs, DiceIcon } from "@plane/ui";
-import { CustomMenu } from "components/ui";
+import { BreadcrumbItem, Breadcrumbs, CustomMenu, DiceIcon } from "@plane/ui";
 import { EmptyState } from "components/common";
 // images
 import emptyModule from "public/empty-state/module.svg";
@@ -121,8 +120,7 @@ const SingleModule: React.FC = () => {
             {modules?.map((module) => (
               <CustomMenu.MenuItem
                 key={module.id}
-                renderAs="a"
-                href={`/${workspaceSlug}/projects/${projectId}/modules/${module.id}`}
+                onClick={() => router.push(`/${workspaceSlug}/projects/${projectId}/modules/${module.id}`)}
               >
                 {truncateText(module.name, 40)}
               </CustomMenu.MenuItem>

web/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx

@@ -28,9 +28,8 @@ import { CreateUpdateBlockInline, SinglePageBlock } from "components/pages";
 import { CreateLabelModal } from "components/labels";
 import { CreateBlock } from "components/pages/create-block";
 // ui
-import { CustomSearchSelect } from "components/ui";
 import { EmptyState } from "components/common";
-import { BreadcrumbItem, Breadcrumbs, TextArea, Loader, ToggleSwitch, Tooltip } from "@plane/ui";
+import { BreadcrumbItem, Breadcrumbs, CustomSearchSelect, TextArea, Loader, ToggleSwitch, Tooltip } from "@plane/ui";
 // images
 import emptyPage from "public/empty-state/page.svg";
 // icons

web/pages/[workspaceSlug]/projects/[projectId]/settings/members.tsx

@@ -19,8 +19,7 @@ import SendProjectInvitationModal from "components/project/send-project-invitati
 import { MemberSelect } from "components/project";
 import { ProjectSettingHeader } from "components/headers";
 // ui
-import { Button, Loader } from "@plane/ui";
-import { CustomMenu, CustomSelect } from "components/ui";
+import { Button, CustomMenu, CustomSelect, Loader } from "@plane/ui";
 // icons
 import { ChevronDown, X } from "lucide-react";
 // types

web/pages/[workspaceSlug]/projects/[projectId]/views/[viewId].tsx

@@ -11,8 +11,7 @@ import { ProjectAuthorizationWrapper } from "layouts/auth-layout-legacy";
 // components
 import { ProjectViewLayoutRoot } from "components/issues";
 // ui
-import { BreadcrumbItem, Breadcrumbs, PhotoFilterIcon } from "@plane/ui";
-import { CustomMenu } from "components/ui";
+import { BreadcrumbItem, Breadcrumbs, CustomMenu, PhotoFilterIcon } from "@plane/ui";
 import { EmptyState } from "components/common";
 // icons
 // images
@@ -77,8 +76,7 @@ const SingleView: React.FC = () => {
           {views?.map((view) => (
             <CustomMenu.MenuItem
               key={view.id}
-              renderAs="a"
-              href={`/${workspaceSlug}/projects/${projectId}/views/${view.id}`}
+              onClick={() => router.push(`/${workspaceSlug}/projects/${projectId}/views/${view.id}`)}
             >
               {truncateText(view.name, 40)}
             </CustomMenu.MenuItem>

web/pages/[workspaceSlug]/settings/index.tsx

@@ -20,8 +20,7 @@ import { DeleteWorkspaceModal } from "components/workspace";
 import { WorkspaceSettingHeader } from "components/headers";
 // ui
 import { Disclosure, Transition } from "@headlessui/react";
-import { CustomSelect } from "components/ui";
-import { Button, Input, Spinner } from "@plane/ui";
+import { Button, CustomSelect, Input, Spinner } from "@plane/ui";
 // icons
 import { ChevronDown, ChevronUp, Pencil } from "lucide-react";
 // types

web/pages/[workspaceSlug]/settings/members.tsx

@@ -18,8 +18,7 @@ import ConfirmWorkspaceMemberRemove from "components/workspace/confirm-workspace
 import SendWorkspaceInvitationModal from "components/workspace/send-workspace-invitation-modal";
 import { WorkspaceSettingHeader } from "components/headers";
 // ui
-import { Button, Loader } from "@plane/ui";
-import { CustomMenu, CustomSelect } from "components/ui";
+import { Button, CustomMenu, CustomSelect, Loader } from "@plane/ui";
 // icons
 import { ChevronDown, X } from "lucide-react";
 // types