chore: web app use client directive (#4747)

* chore: use client directive

* chore: use client directive

web/components/onboarding/create-workspace.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 // types

web/components/onboarding/invitations.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useState } from "react";
 import useSWR from "swr";;
 // types

web/components/onboarding/invite-members.tsx

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

web/components/onboarding/profile-setup.tsx

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

web/components/onboarding/switch-account-dropdown.tsx

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

web/components/onboarding/switch-account-modal.tsx

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

web/components/onboarding/tour/root.tsx

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

web/components/onboarding/tour/sidebar.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 // icons
 import { FileText } from "lucide-react";
 import { ContrastIcon, DiceIcon, LayersIcon, PhotoFilterIcon } from "@plane/ui";