fix: client component rendering

web/components/api-token/delete-token-modal.tsx

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

web/components/api-token/empty-state.tsx

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

web/components/api-token/modal/create-token-modal.tsx

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

web/components/api-token/modal/form.tsx

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

web/components/api-token/modal/generated-token-details.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Copy } from "lucide-react";
 import { IApiToken } from "@plane/types";
 // ui

web/components/api-token/token-list-item.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useState } from "react";
 import { XCircle } from "lucide-react";
 import { IApiToken } from "@plane/types";