chore: web app use client directive (#4747)

* chore: use client directive

* chore: use client directive

web/components/issues/issue-detail/issue-activity/activity/actions/archived-at.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC } from "react";
 import { observer } from "mobx-react";
 import { RotateCcw } from "lucide-react";

web/components/issues/issue-detail/issue-activity/activity/actions/cycle.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC } from "react";
 import { observer } from "mobx-react";
 // hooks

web/components/issues/issue-detail/issue-activity/activity/actions/default.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC } from "react";
 import { observer } from "mobx-react";
 // hooks

web/components/issues/issue-detail/issue-activity/activity/actions/helpers/activity-block.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, ReactNode } from "react";
 import { Network } from "lucide-react";
 // hooks

web/components/issues/issue-detail/issue-activity/activity/actions/helpers/issue-link.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC } from "react";
 // hooks
 import { Tooltip } from "@plane/ui";

web/components/issues/issue-detail/issue-activity/activity/actions/module.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC } from "react";
 import { observer } from "mobx-react";
 // hooks

web/components/issues/issue-detail/issue-activity/activity/actions/state.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC } from "react";
 import { observer } from "mobx-react";
 // hooks

web/components/issues/issue-detail/issue-activity/comments/comment-card.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, useEffect, useRef, useState } from "react";
 import { observer } from "mobx-react";
 import { useForm } from "react-hook-form";

web/components/issues/issue-detail/issue-activity/root.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, useMemo, useState } from "react";
 import { observer } from "mobx-react-lite";
 import { History, LucideIcon, MessageCircle } from "lucide-react";

web/components/issues/issue-detail/label/create-label.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, useState, Fragment, useEffect } from "react";
 import { TwitterPicker } from "react-color";
 import { Controller, useForm } from "react-hook-form";

web/components/issues/issue-detail/label/root.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, useMemo } from "react";
 import { observer } from "mobx-react-lite";
 import { IIssueLabel, TIssue } from "@plane/types";

web/components/issues/issue-detail/links/create-update-link-modal.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, useEffect, Fragment } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { Dialog, Transition } from "@headlessui/react";

web/components/issues/issue-detail/links/link-detail.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, useState } from "react";
 // hooks
 // ui

web/components/issues/issue-detail/links/root.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, useCallback, useMemo, useState } from "react";
 import { Plus } from "lucide-react";
 import { TIssueLink } from "@plane/types";

web/components/issues/issue-detail/main-content.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useEffect, useState } from "react";
 import { observer } from "mobx-react";
 // types

web/components/issues/issue-detail/parent-select.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 import { observer } from "mobx-react";
 import Link from "next/link";

web/components/issues/issue-detail/parent/root.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC } from "react";
 import { observer } from "mobx-react";
 import Link from "next/link";

web/components/issues/issue-detail/parent/sibling-item.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC } from "react";
 import { observer } from "mobx-react";
 import Link from "next/link";

web/components/issues/issue-detail/reactions/issue-comment.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, useMemo } from "react";
 import { observer } from "mobx-react-lite";
 import { IUser } from "@plane/types";

web/components/issues/issue-detail/reactions/issue.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, useMemo } from "react";
 import { observer } from "mobx-react-lite";
 import { IUser } from "@plane/types";

web/components/issues/issue-detail/relation-select.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 import { observer } from "mobx-react";
 import Link from "next/link";

web/components/issues/issue-detail/root.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, useMemo } from "react";
 import { observer } from "mobx-react";
 import { usePathname, useRouter } from "next/navigation";

web/components/issues/issue-detail/sidebar.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useState } from "react";
 import { observer } from "mobx-react";
 import { useRouter } from "next/navigation";

web/components/issues/issue-detail/subscription.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, useState } from "react";
 import isNil from "lodash/isNil";
 import { observer } from "mobx-react";