chore: web app use client directive (#4747)

* chore: use client directive

* chore: use client directive

space/components/editor/toolbar.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useEffect, useState, useCallback } from "react";
 // editor
 import { EditorMenuItemNames, EditorRefApi } from "@plane/lite-text-editor";

space/components/issues/issue-layouts/properties/state.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 // ui
 import { StateGroupIcon } from "@plane/ui";
 

space/components/issues/peek-overview/comment/add-comment.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useRef } from "react";
 import { observer } from "mobx-react-lite";
 import { useForm, Controller } from "react-hook-form";

space/components/issues/peek-overview/comment/comment-reactions.tsx

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

space/components/issues/peek-overview/full-screen-peek-view.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { observer } from "mobx-react-lite";
 // components
 import { Loader } from "@plane/ui";

space/components/issues/peek-overview/header.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 import { observer } from "mobx-react-lite";
 import { Link2, MoveRight } from "lucide-react";

space/components/issues/peek-overview/issue-activity.tsx

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

space/components/issues/peek-overview/issue-emoji-reactions.tsx

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

space/components/issues/peek-overview/issue-properties.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { CalendarCheck2, Signal } from "lucide-react";
 // ui
 import { DoubleCircleIcon, StateGroupIcon, TOAST_TYPE, setToast } from "@plane/ui";

space/components/issues/peek-overview/side-peek-view.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { observer } from "mobx-react-lite";
 // components
 import { Loader } from "@plane/ui";