[WEB-4724] feat: migrate tooltips from blueprintjs to base-ui (#7646)

* feat: add card component to propel package and update tooltip imports

* refactor: remove @plane/ui dependency and update tooltip imports to use local card component

* fix: lint

* refactor: update import from @plane/ui to @plane/utils in command component

* chore: removed blueprintjs/core and blueprintjs/popover2 dependencies

* chore: updated tooltip instances across platform and performed related code refactoring

* chore: code refactor

* chore: code refactor

* fix: lint and build error

* chore: code refactor

* chore: code refactor

* chore: code refactor

* chore: code refactor

* fix: format issue

* fix: build fix

---------

Co-authored-by: Jayash Tripathy <76092296+JayashTripathy@users.noreply.github.com>

packages/ui/src/avatar/avatar-group.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 // ui
-import { Tooltip } from "../tooltip";
+import { Tooltip } from "@plane/propel/tooltip";
 // helpers
 import { cn } from "../utils";
 // types

packages/ui/src/avatar/avatar.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 // ui
-import { Tooltip } from "../tooltip";
+import { Tooltip } from "@plane/propel/tooltip";
 // helpers
 import { cn } from "../utils";
 

packages/ui/src/breadcrumbs/breadcrumbs.tsx

@@ -1,6 +1,6 @@
 import { ChevronRight } from "lucide-react";
 import * as React from "react";
-import { Tooltip } from "../tooltip";
+import { Tooltip } from "@plane/propel/tooltip";
 import { cn } from "../utils";
 
 type BreadcrumbsProps = {

packages/ui/src/breadcrumbs/navigation-dropdown.tsx

@@ -3,8 +3,8 @@
 import { CheckIcon } from "lucide-react";
 import * as React from "react";
 // ui
+import { Tooltip } from "@plane/propel/tooltip";
 import { CustomMenu, TContextMenuItem } from "../dropdowns";
-import { Tooltip } from "../tooltip";
 import { cn } from "../utils";
 import { Breadcrumbs } from "./breadcrumbs";
 

packages/ui/src/breadcrumbs/navigation-search-dropdown.tsx

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { useState } from "react";
+import { Tooltip } from "@plane/propel/tooltip";
 import { ICustomSearchSelectOption } from "@plane/types";
 import { CustomSearchSelect } from "../dropdowns";
-import { Tooltip } from "../tooltip";
 import { cn } from "../utils";
 import { Breadcrumbs } from "./breadcrumbs";
 

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

@@ -6,8 +6,8 @@ import { usePopper } from "react-popper";
 // plane imports
 import { useOutsideClickDetector } from "@plane/hooks";
 // local imports
+import { Tooltip } from "@plane/propel/tooltip";
 import { useDropdownKeyDown } from "../hooks/use-dropdown-key-down";
-import { Tooltip } from "../tooltip";
 import { cn } from "../utils";
 import { ICustomSearchSelectProps } from "./helper";
 

packages/ui/src/dropdowns/helper.tsx

@@ -1,7 +1,20 @@
 // FIXME: fix this!!!
-import { Placement } from "@blueprintjs/popover2";
 import { ICustomSearchSelectOption } from "@plane/types";
 
+type Placement =
+  | "top"
+  | "top-start"
+  | "top-end"
+  | "bottom"
+  | "bottom-start"
+  | "bottom-end"
+  | "left"
+  | "left-start"
+  | "left-end"
+  | "right"
+  | "right-start"
+  | "right-end";
+
 export interface IDropdownProps {
   customButtonClassName?: string;
   customButtonTabIndex?: number;

packages/ui/src/form-fields/password/password-input.tsx

@@ -1,7 +1,7 @@
 import { Eye, EyeClosed } from "lucide-react";
 import React, { useState } from "react";
+import { Tooltip } from "@plane/propel/tooltip";
 import { cn } from "@plane/utils";
-import { Tooltip } from "../../tooltip";
 
 interface PasswordInputProps {
   id: string;

packages/ui/src/progress/linear-progress-indicator.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Tooltip } from "../tooltip";
+import { Tooltip } from "@plane/propel/tooltip";
 import { cn } from "../utils";
 
 type Props = {