chore: web app use client directive (#4747)

* chore: use client directive

* chore: use client directive

web/components/profile/activity/download-button.tsx

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

web/components/profile/notification/email-notification-form.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { FC, useEffect } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { IUserEmailNotificationSettings } from "@plane/types";

web/components/profile/overview/activity.tsx

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

web/components/profile/overview/priority-distribution.tsx

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

web/components/profile/overview/priority-distribution/priority-distribution.tsx

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

web/components/profile/overview/stats.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import Link from "next/link";
 import { useParams } from "next/navigation";
 

web/components/profile/sidebar.tsx

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