refactor: move web utils to packages (#7145)

* refactor: move web utils to packages

* fix: build and lint errors

* chore: update drag handle plugin

* chore: update table cell type to fix build errors

* fix: build errors

* chore: sync few changes

* fix: build errors

* chore: minor fixes related to duplicate assets imports

* fix: build errors

* chore: minor changes

web/core/components/editor/embeds/mentions/user.tsx

@@ -7,10 +7,9 @@ import { usePopper } from "react-popper";
 import { ROLE } from "@plane/constants";
 // plane ui
 import { Avatar } from "@plane/ui";
+import { cn, getFileURL } from "@plane/utils";
 // constants
 // helpers
-import { cn } from "@/helpers/common.helper";
-import { getFileURL } from "@/helpers/file.helper";
 // hooks
 import { useMember, useUser } from "@/hooks/store";
 

web/core/components/editor/lite-text-editor/lite-text-editor.tsx

@@ -7,10 +7,9 @@ import { EditorRefApi, ILiteTextEditor, LiteTextEditorWithRef, TFileHandler } fr
 import { useTranslation } from "@plane/i18n";
 // components
 import { MakeOptional } from "@plane/types";
+import { cn, isCommentEmpty } from "@plane/utils";
 import { EditorMentionsRoot, IssueCommentToolbar } from "@/components/editor";
 // helpers
-import { cn } from "@/helpers/common.helper";
-import { isCommentEmpty } from "@/helpers/string.helper";
 // hooks
 import { useEditorConfig, useEditorMention } from "@/hooks/editor";
 // store hooks

web/core/components/editor/lite-text-editor/lite-text-read-only-editor.tsx

@@ -3,9 +3,9 @@ import React from "react";
 import { EditorReadOnlyRefApi, ILiteTextReadOnlyEditor, LiteTextReadOnlyEditorWithRef } from "@plane/editor";
 import { MakeOptional } from "@plane/types";
 // components
+import { cn } from "@plane/utils";
 import { EditorMentionsRoot } from "@/components/editor";
 // helpers
-import { cn } from "@/helpers/common.helper";
 // hooks
 import { useEditorConfig } from "@/hooks/editor";
 // store hooks

web/core/components/editor/lite-text-editor/toolbar.tsx

@@ -10,9 +10,9 @@ import { useTranslation } from "@plane/i18n";
 // ui
 import { Button, Tooltip } from "@plane/ui";
 // constants
+import { cn } from "@plane/utils";
 import { TOOLBAR_ITEMS, ToolbarMenuItem } from "@/constants/editor";
 // helpers
-import { cn } from "@/helpers/common.helper";
 
 type Props = {
   accessSpecifier?: EIssueCommentAccessSpecifier;

web/core/components/editor/rich-text-editor/rich-text-editor.tsx

@@ -3,9 +3,9 @@ import React, { forwardRef } from "react";
 import { EditorRefApi, IRichTextEditor, RichTextEditorWithRef, TFileHandler } from "@plane/editor";
 import { MakeOptional, TSearchEntityRequestPayload, TSearchResponse } from "@plane/types";
 // components
+import { cn } from "@plane/utils";
 import { EditorMentionsRoot } from "@/components/editor";
 // helpers
-import { cn } from "@/helpers/common.helper";
 // hooks
 import { useEditorConfig, useEditorMention } from "@/hooks/editor";
 // store hooks

web/core/components/editor/rich-text-editor/rich-text-read-only-editor.tsx

@@ -1,11 +1,13 @@
+"use client";
+
 import React from "react";
 // plane imports
 import { EditorReadOnlyRefApi, IRichTextReadOnlyEditor, RichTextReadOnlyEditorWithRef } from "@plane/editor";
 import { MakeOptional } from "@plane/types";
 // components
+import { cn } from "@plane/utils";
 import { EditorMentionsRoot } from "@/components/editor";
 // helpers
-import { cn } from "@/helpers/common.helper";
 // hooks
 import { useEditorConfig } from "@/hooks/editor";
 // store hooks

web/core/components/editor/sticky-editor/editor.tsx

@@ -6,7 +6,7 @@ import { EditorRefApi, ILiteTextEditor, LiteTextEditorWithRef, TFileHandler } fr
 // components
 import { TSticky } from "@plane/types";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 // hooks
 import { useEditorConfig } from "@/hooks/editor";
 // plane web hooks

web/core/components/editor/sticky-editor/toolbar.tsx

@@ -9,9 +9,9 @@ import { useOutsideClickDetector } from "@plane/hooks";
 import { TSticky } from "@plane/types";
 import { Tooltip } from "@plane/ui";
 // constants
+import { cn } from "@plane/utils";
 import { TOOLBAR_ITEMS, ToolbarMenuItem } from "@/constants/editor";
 // helpers
-import { cn } from "@/helpers/common.helper";
 import { ColorPalette } from "./color-palette";
 
 type Props = {