Fix Grid & List Layout

components/SearchAndLayout.tsx

@@ -1,5 +1,4 @@
 import { ChangeEvent } from "react";
-import Cookies from "js-cookie";
 
 interface SearchAndLayoutProps {
     search: string;

hooks/useSites.ts

@@ -13,7 +13,10 @@ const useSite = () => {
     const [siteId, setSiteId] = useState("");
     const [loading, setLoading] = useState(false);
     const [currentPage, setCurrentPage] = useState(1);
-    const [itemPerPage, setItemPerPage] = useState(5);
+    const [itemPerPage, setItemPerPage] = useState(() => {
+        const savedValue = Cookies.get('sites-itemPerPage');
+        return savedValue ? parseInt(savedValue, 10) : 5;
+    });
     const [total, setTotal] = useState(0);
     const [search, setSearch] = useState("");
     const [sites, setSites] = useState([]);