fix: client component rendering

web/components/project/applied-filters/members.tsx

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

web/components/project/applied-filters/root.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { X } from "lucide-react";
 // types
 import { TProjectAppliedDisplayFilterKeys, TProjectFilters } from "@plane/types";

web/components/project/dropdowns/filters/lead.tsx

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

web/components/project/dropdowns/filters/members.tsx

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

web/components/project/dropdowns/order-by.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { ArrowDownWideNarrow, Check, ChevronDown } from "lucide-react";
 import { TProjectOrderByOptions } from "@plane/types";
 // ui

web/components/project/project-feature-update.tsx

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

web/components/project/project-settings-member-defaults.tsx

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

web/components/project/settings/archive-project/archive-restore-modal.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useState, Fragment } from "react";
 import { useRouter } from "next/navigation";
 import { Dialog, Transition } from "@headlessui/react";
@@ -8,6 +10,7 @@ import { useProject } from "@/hooks/store";
 
 type Props = {
   workspaceSlug: string;
+
   projectId: string;
   isOpen: boolean;
   onClose: () => void;

web/components/project/settings/archive-project/selection.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 import { ChevronRight, ChevronUp } from "lucide-react";
 import { Disclosure, Transition } from "@headlessui/react";

web/components/project/settings/delete-project-section.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 import { ChevronRight, ChevronUp } from "lucide-react";
 import { Disclosure, Transition } from "@headlessui/react";

web/components/project/settings/features-list.tsx

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

web/components/project/sidebar-list-item.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useEffect, useRef, useState } from "react";
 import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { draggable, dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";