fix: client component rendering

web/components/core/activity.tsx

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

web/components/core/image-picker-popover.tsx

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

web/components/core/modals/bulk-delete-issues-modal.tsx

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

web/components/core/modals/existing-issues-list-modal.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useEffect, useState } from "react";
 import { Rocket, Search, X } from "lucide-react";
 import { Combobox, Dialog, Transition } from "@headlessui/react";

web/components/core/modals/gpt-assistant-popover.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useEffect, useState, useRef, Fragment, Ref } from "react";
 import { Placement } from "@popperjs/core";
 import { useParams } from "next/navigation";

web/components/core/modals/link-modal.tsx

@@ -1,5 +1,6 @@
-import { FC, useEffect, Fragment } from "react";
+"use client";
 
+import { FC, useEffect, Fragment } from "react";
 // react-hook-form
 import { Controller, useForm } from "react-hook-form";
 // headless ui

web/components/core/modals/user-image-upload-modal.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useState } from "react";
 import { observer } from "mobx-react";
 import { useDropzone } from "react-dropzone";

web/components/core/modals/workspace-image-upload-modal.tsx

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