fix file closing bug

frontend/components/ui/tab.tsx

@@ -2,7 +2,7 @@
 
 import { X } from "lucide-react"
 import { Button } from "./button"
-import { useEffect } from "react"
+import { MouseEvent, MouseEventHandler, useEffect } from "react"
 
 export default function Tab({
   children,
@@ -14,7 +14,7 @@ export default function Tab({
   children: React.ReactNode
   saved?: boolean
   selected?: boolean
-  onClick?: () => void
+  onClick?: MouseEventHandler<HTMLButtonElement>
   onClose?: () => void
 }) {
   return (