Merge pull request #70 from StabilityNexus/Frontend

Linter error fixes

Author: DengreSarthak

web/src/app/create/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useEffect } from "react";
+import { useState, useEffect, useCallback } from "react";
 import Layout from "@/components/Layout";
 import { Button } from "@/components/ui/button";
 import { Label } from "@/components/ui/label";
@@ -144,11 +144,11 @@ export default function CreateCAT() {
     return history ? JSON.parse(history) : [];
   };
 
-  const saveTransaction = (txDetails: object) => {
+  const saveTransaction = useCallback((txDetails: object) => {
     const history = getTransactionHistory();
     history.push(txDetails);
     localStorage.setItem("transactionHistory", JSON.stringify(history));
-  };
+  }, []);
 
   const deployContract = async () => {
     try {

web/src/app/my-cats/page.tsx

@@ -258,7 +258,7 @@ export default function MyCATsPage() {
       console.error("Error fetching creator CATs:", error);
       return [];
     }
-  }, [address, fetchCATDetails]);
+  }, [address]);
 
   const fetchMinterCATs = useCallback(async (startIndex: number, endIndex: number): Promise<CatDetails[]> => {
     if (!address) return [];
@@ -316,7 +316,7 @@ export default function MyCATsPage() {
       console.error("Error fetching minter CATs:", error);
       return [];
     }
-  }, [address, fetchCATDetails]);
+  }, [address]);
 
   // Helper function to add delays between requests
   const delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));
@@ -426,7 +426,7 @@ export default function MyCATsPage() {
       console.error("Error fetching CAT details:", error);
       return [];
     }
-  }, [fetchTokenDetails]);
+  }, []);
 
   // Initialize pagination and load first page
   const initializePagination = useCallback(async () => {

web/src/app/page.tsx

@@ -83,7 +83,7 @@ export default function Home() {
 
         router.push(`/c?vault=${catAddress}&chainId=${selectedChain}`);
         setShowPopup(false);
-      } catch (error) {
+      } catch {
         showTransactionToast({
           hash: "0x0" as `0x${string}`,
           chainId: Number(selectedChain),

web/src/components/ui/input.tsx

@@ -2,10 +2,7 @@ import * as React from "react"
 
 import { cn } from "@/lib/utils"
 
-export interface InputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> { }
-
-const Input = React.forwardRef<HTMLInputElement, InputProps>(
+const Input = React.forwardRef<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>>(
   ({ className, type, ...props }, ref) => {
     return (
       <input