fix: pin functionality issue in the comment dropdown menu

src/app/error.tsx

@@ -1,16 +1,13 @@
 'use client';
 
-import { Button } from '@/components/ui/button';
 import { InfoIcon } from 'lucide-react';
 import Link from 'next/link';
 import { useEffect } from 'react';
 
 export default function ErrorPage({
   error,
-  reset,
 }: {
   error: Error & { digest?: string };
-  reset: () => void;
 }) {
   useEffect(() => {
     // Log the error to an error reporting service

src/components/Copy-to-clipbord.tsx

@@ -19,8 +19,8 @@ const CopyToClipboard = ({
   };
 
   return (
-    <div>
-      <button onClick={handleCopyClick}>
+    <div className="w-full">
+      <button className="w-full" onClick={handleCopyClick}>
         <div className="flex items-center gap-x-2">
           Copy <CopyIcon size={15} />
         </div>

src/components/comment/CommentApproveForm.tsx

@@ -34,8 +34,8 @@ const CommentApproveForm = ({
     });
   };
   return (
-    <form onSubmit={handleFormSubmit}>
-      <button type="submit" disabled={isLoading}>
+    <form className="w-full" onSubmit={handleFormSubmit}>
+      <button className="w-full" type="submit" disabled={isLoading}>
         <div className="flex items-center gap-1">
           Approve Chapters <CheckIcon className="h-4 w-4" />
         </div>

src/components/comment/CommentDeleteForm.tsx

@@ -27,8 +27,8 @@ const CommentDeleteForm = ({ commentId }: { commentId: number }) => {
     });
   };
   return (
-    <form onSubmit={handleFormSubmit}>
-      <button type="submit" disabled={isLoading}>
+    <form className="w-full" onSubmit={handleFormSubmit}>
+      <button className="w-full" type="submit" disabled={isLoading}>
         <div className="flex items-center gap-x-2">
           Delete <Trash2Icon className="h-4 w-4" />
         </div>

src/components/comment/CommentPinForm.tsx

@@ -34,8 +34,8 @@ const CommentPinForm = ({
     });
   };
   return (
-    <form onSubmit={handleFormSubmit}>
-      <button type="submit" disabled={isLoading}>
+    <form className="w-full" onSubmit={handleFormSubmit}>
+      <button className="w-full" type="submit" disabled={isLoading}>
         <div className="flex items-center gap-1">
           Pin <PinIcon className="h-4 w-4" />
         </div>

tsconfig.json

@@ -16,14 +16,14 @@
     "incremental": true,
     "plugins": [
       {
-        "name": "next"
-      }
+        "name": "next",
+      },
     ],
     "paths": {
       "@/*": ["./src/*"],
-      "@public/*": ["./public/*"]
-    }
+      "@public/*": ["./public/*"],
+    },
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules"],
 }