chore: web app use client directive (#4747)

* chore: use client directive

* chore: use client directive

web/components/integration/github/auth.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { observer } from "mobx-react-lite";
 // types
 import { IWorkspaceIntegration } from "@plane/types";

web/components/integration/github/import-configure.tsx

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

web/components/integration/github/import-confirm.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC } from "react";
 
 // react-hook-form

web/components/integration/github/import-data.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC } from "react";
 import { observer } from "mobx-react";
 import { Control, Controller, UseFormWatch } from "react-hook-form";

web/components/integration/github/import-users.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC } from "react";
 
 // react-hook-form

web/components/integration/github/repo-details.tsx

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

web/components/integration/github/root.tsx

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

web/components/integration/github/select-repository.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 import { useParams } from "next/navigation";
 import useSWRInfinite from "swr/infinite";

web/components/integration/github/single-user-select.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useParams } from "next/navigation";
 import useSWR from "swr";
 import { IGithubRepoCollaborator } from "@plane/types";