fix: client component rendering

web/components/web-hooks/create-webhook-modal.tsx

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

web/components/web-hooks/delete-webhook-modal.tsx

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

web/components/web-hooks/empty-state.tsx

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

web/components/web-hooks/form/delete-section.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { ChevronDown, ChevronUp } from "lucide-react";
 import { Disclosure, Transition } from "@headlessui/react";
 import { Button } from "@plane/ui";

web/components/web-hooks/form/form.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { FC, useEffect, useState } from "react";
 import { observer } from "mobx-react";
 import { Controller, useForm } from "react-hook-form";

web/components/web-hooks/form/input.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Input } from "@plane/ui";
 
 type Props = {

web/components/web-hooks/form/secret-key.tsx

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

web/components/web-hooks/form/toggle.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Control, Controller } from "react-hook-form";
 import { IWebhook } from "@plane/types";
 // ui

web/components/web-hooks/webhooks-list-item.tsx

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