chore: use client directive

packages/ui/src/dropdown/common/button.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { Fragment } from "react";
 // headless ui
 import { Combobox } from "@headlessui/react";

packages/ui/src/dropdown/common/input-search.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { FC, useEffect, useRef } from "react";
 // headless ui
 import { Combobox } from "@headlessui/react";

packages/ui/src/dropdown/common/loader.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 export const DropdownOptionsLoader = () => (

packages/ui/src/dropdown/common/options.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 // headless ui
 import { Combobox } from "@headlessui/react";

packages/ui/src/dropdown/multi-select.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { FC, useMemo, useRef, useState } from "react";
 import sortBy from "lodash/sortBy";
 // headless ui

packages/ui/src/dropdown/single-select.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { FC, useMemo, useRef, useState } from "react";
 import sortBy from "lodash/sortBy";
 // headless ui

packages/ui/src/emoji/emoji-icon-helper.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Placement } from "@popperjs/core";
 import { EmojiClickData, Theme } from "emoji-picker-react";
 

packages/ui/src/icons/archive-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/blocked-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/blocker-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/calendar-after-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/calendar-before-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/center-panel-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/create-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/cycle/circle-dot-full-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "../type";

packages/ui/src/icons/cycle/contrast-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "../type";

packages/ui/src/icons/cycle/cycle-group-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ContrastIcon } from "./contrast-icon";

packages/ui/src/icons/cycle/double-circle-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "../type";

packages/ui/src/icons/dice-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/discord-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/full-screen-panel-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/github-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/info-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/layer-stack.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/layers-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/module/backlog.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "../type";

packages/ui/src/icons/module/cancelled.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "../type";

packages/ui/src/icons/module/completed.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "../type";

packages/ui/src/icons/module/in-progress.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "../type";

packages/ui/src/icons/module/module-status-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ModuleBacklogIcon } from "./backlog";

packages/ui/src/icons/module/paused.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "../type";

packages/ui/src/icons/module/planned.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "../type";

packages/ui/src/icons/photo-filter-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/priority-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 import { AlertCircle, Ban, SignalHigh, SignalLow, SignalMedium } from "lucide-react";
 import { cn } from "../../helpers";

packages/ui/src/icons/related-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/side-panel-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";

packages/ui/src/icons/state/backlog-group-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "../type";

packages/ui/src/icons/state/cancelled-group-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "../type";

packages/ui/src/icons/state/completed-group-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "../type";

packages/ui/src/icons/state/started-group-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "../type";

packages/ui/src/icons/state/state-group-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { BacklogGroupIcon } from "./backlog-group-icon";

packages/ui/src/icons/state/unstarted-group-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "../type";

packages/ui/src/icons/transfer-icon.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { ISvgIcons } from "./type";