chore: web app use client directive (#4747)

* chore: use client directive

* chore: use client directive

web/components/dashboard/widgets/dropdowns/duration-filter.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useState } from "react";
 import { ChevronDown } from "lucide-react";
 // components

web/components/dashboard/widgets/error-states/issues.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { AlertTriangle, RefreshCcw } from "lucide-react";
 // ui
 import { Button } from "@plane/ui";

web/components/dashboard/widgets/issue-panels/issue-list-item.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import isToday from "date-fns/isToday";
 import { observer } from "mobx-react-lite";
 import { TIssue, TWidgetIssue } from "@plane/types";

web/components/dashboard/widgets/issue-panels/issues-list.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import Link from "next/link";
 import { TAssignedIssuesWidgetResponse, TCreatedIssuesWidgetResponse, TIssue, TIssuesListTypes } from "@plane/types";
 // hooks

web/components/dashboard/widgets/loaders/assigned-issues.tsx

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

web/components/dashboard/widgets/loaders/issues-by-priority.tsx

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

web/components/dashboard/widgets/loaders/issues-by-state-group.tsx

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

web/components/dashboard/widgets/loaders/overview-stats.tsx

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

web/components/dashboard/widgets/loaders/recent-activity.tsx

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

web/components/dashboard/widgets/loaders/recent-collaborators.tsx

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

web/components/dashboard/widgets/loaders/recent-projects.tsx

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

web/components/dashboard/widgets/recent-activity.tsx

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

web/components/dashboard/widgets/recent-collaborators/collaborators-list.tsx

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

web/components/dashboard/widgets/recent-collaborators/default-list.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useState } from "react";
 // components
 import { Button } from "@plane/ui";

web/components/dashboard/widgets/recent-collaborators/search-list.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useState } from "react";
 import Image from "next/image";
 import { useTheme } from "next-themes";

web/components/dashboard/widgets/recent-projects.tsx

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