chore: web app use client directive (#4747)

* chore: use client directive

* chore: use client directive

web/components/inbox/modals/accept-issue-modal.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useState } from "react";
 import { CheckCircle } from "lucide-react";
 import { Dialog, Transition } from "@headlessui/react";

web/components/inbox/modals/create-edit-modal/create-root.tsx

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

web/components/inbox/modals/create-edit-modal/edit-root.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, useCallback, useEffect, useRef, useState } from "react";
 import { observer } from "mobx-react";
 import { usePathname } from "next/navigation";

web/components/inbox/modals/create-edit-modal/issue-description.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, RefObject } from "react";
 import { observer } from "mobx-react";
 import { EditorRefApi } from "@plane/rich-text-editor";

web/components/inbox/modals/create-edit-modal/issue-title.tsx

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

web/components/inbox/modals/select-duplicate.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useState } from "react";
 import { useParams } from "next/navigation";
 import useSWR from "swr";

web/components/inbox/modals/snooze-issue-modal.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC, Fragment, useState } from "react";
 import { DayPicker } from "react-day-picker";
 import { Dialog, Transition } from "@headlessui/react";