package-lock.json

@@ -14,8 +14,7 @@
         "axios": "^1.7.9",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
-        "react-router-dom": "^7.1.1",
+        "react-router-dom": "^7.1.1"
-        "react-spinners": "^0.15.0"
       },
       "devDependencies": {
         "@eslint/js": "^9.17.0",
@@ -5220,16 +5219,6 @@
         "react-dom": ">=18"
       }
     },
-    "node_modules/react-spinners": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/react-spinners/-/react-spinners-0.15.0.tgz",
-      "integrity": "sha512-ZO3/fNB9Qc+kgpG3SfdlMnvTX6LtLmTnOogb3W6sXIaU/kZ1ydEViPfZ06kSOaEsor58C/tzXw2wROGQu3X2pA==",
-      "license": "MIT",
-      "peerDependencies": {
-        "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-      }
-    },
     "node_modules/react-transition-group": {
       "version": "4.4.5",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",

package.json

@@ -16,8 +16,7 @@
     "axios": "^1.7.9",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router-dom": "^7.1.1",
+    "react-router-dom": "^7.1.1"
-    "react-spinners": "^0.15.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",

src/pages/HomePage.jsx

@@ -2,7 +2,6 @@ import React, { useState } from "react";
 import useFetch from "../hooks/useFetch";
 
 import { Pagination } from "@mui/material";
-import { ClipLoader } from "react-spinners";
 
 import Card from "../components/Card";
 
@@ -48,7 +47,6 @@ const HomePage = () => {
             </div>
             {data?.Search?.length > 0 && (
                 <div className="flex flex-col items-center m-10">
-                    {/* <ClipLoader color="#fff" loading={loading} size={100} /> */}
                     {loading && (
                         <svg
                             className="animate-spin h-12 w-12 border-4 border-[#fff] mb-6"