fix: build error (#4554)

apps/web/core/components/core/activity.tsx

@@ -655,7 +655,7 @@ const activityDetails: {
           </>
         );
     },
-    icon: <DuplicatePropertyIcon size={12} className="text-custom-text-200" />,
+    icon: <DuplicatePropertyIcon height={12} width={12} className="text-custom-text-200" />,
   },
   state: {
     message: (activity, showIssue) => (

apps/web/ee/components/initiatives/components/labels/initiative-label-dropdown.tsx

@@ -221,7 +221,7 @@ const SelectedLabelsDisplay: FC<{
 
 const PlaceholderDisplay: FC<{ placeholder: string }> = ({ placeholder }) => (
   <div className="text-custom-text-400 flex items-center gap-2">
-    <LabelPropertyIcon size={14} />
+    <LabelPropertyIcon height={14} width={14} />
     {placeholder}
   </div>
 );

apps/web/ee/components/relations/index.tsx

@@ -23,7 +23,7 @@ export const ISSUE_RELATION_OPTIONS: { [key in TIssueRelationTypes]?: TRelationO
     key: "duplicate",
     i18n_label: "issue.relation.duplicate",
     className: "bg-custom-background-80 text-custom-text-200",
-    icon: (size) => <DuplicatePropertyIcon size={size} className="text-custom-text-200" />,
+    icon: (size) => <DuplicatePropertyIcon height={size} width={size} className="text-custom-text-200" />,
     placeholder: "None",
   },
   blocked_by: {

packages/editor/src/core/constants/common.ts

@@ -21,7 +21,7 @@ import {
   TextQuote,
   Underline,
 } from "lucide-react";
-import { ListLayoutIcon } from "@plane/propel/icons";
+import { ISvgIcons, ListLayoutIcon } from "@plane/propel/icons";
 import { TCommandExtraProps, TEditorCommands } from "@/types/editor";
 
 export type TEditorTypes = "lite" | "document";
@@ -35,7 +35,7 @@ export type ToolbarMenuItem<T extends TEditorCommands = TEditorCommands> = {
   itemKey: T;
   renderKey: string;
   name: string;
-  icon: LucideIcon;
+  icon: LucideIcon | React.FC<ISvgIcons>;
   shortcut?: string[];
   editors: TEditorTypes[];
   extraProps?: ExtraPropsForCommand<T>;