[WEB-5416] fix: Use proper import syntax (#8105)

packages/ui/src/dropdowns/combo-box.tsx

@@ -1,15 +1,6 @@
 import { Combobox } from "@headlessui/react";
-import React, {
-  ElementType,
-  Fragment,
-  KeyboardEventHandler,
-  ReactNode,
-  Ref,
-  forwardRef,
-  useEffect,
-  useRef,
-  useState,
-} from "react";
+import type { ElementType, KeyboardEventHandler, ReactNode, Ref } from "react";
+import React, { Fragment, forwardRef, useEffect, useRef, useState } from "react";
 
 type Props = {
   as?: ElementType | undefined;

packages/ui/src/dropdowns/context-menu/item.tsx

@@ -4,7 +4,8 @@ import { ChevronRightIcon } from "@plane/propel/icons";
 // helpers
 import { cn } from "../../utils";
 // types
-import { TContextMenuItem, ContextMenuContext, Portal } from "./root";
+import type { TContextMenuItem } from "./root";
+import { ContextMenuContext, Portal } from "./root";
 
 type ContextMenuItemProps = {
   handleActiveItem: () => void;

packages/ui/src/dropdowns/custom-menu.tsx

@@ -11,7 +11,7 @@ import { useDropdownKeyDown } from "../hooks/use-dropdown-key-down";
 import { cn } from "../utils";
 // hooks
 // types
-import {
+import type {
   ICustomMenuDropdownProps,
   ICustomMenuItemProps,
   ICustomSubMenuProps,

packages/ui/src/dropdowns/custom-search-select.tsx

@@ -10,7 +10,7 @@ import { ChevronDownIcon } from "@plane/propel/icons";
 import { Tooltip } from "@plane/propel/tooltip";
 import { useDropdownKeyDown } from "../hooks/use-dropdown-key-down";
 import { cn } from "../utils";
-import { ICustomSearchSelectProps } from "./helper";
+import type { ICustomSearchSelectProps } from "./helper";
 
 export const CustomSearchSelect = (props: ICustomSearchSelectProps) => {
   const {

packages/ui/src/dropdowns/custom-select.tsx

@@ -11,7 +11,7 @@ import { useDropdownKeyDown } from "../hooks/use-dropdown-key-down";
 // helpers
 import { cn } from "../utils";
 // types
-import { ICustomSelectItemProps, ICustomSelectProps } from "./helper";
+import type { ICustomSelectItemProps, ICustomSelectProps } from "./helper";
 
 const CustomSelect = (props: ICustomSelectProps) => {
   const {

packages/ui/src/dropdowns/helper.tsx

@@ -1,5 +1,5 @@
 // FIXME: fix this!!!
-import { ICustomSearchSelectOption } from "@plane/types";
+import type { ICustomSearchSelectOption } from "@plane/types";
 
 type Placement =
   | "top"