Fix web routing

web/app/adopt/[id]/page.js

@@ -15,8 +15,6 @@ export default function PetDetailPage() {
 
   useEffect(() => {
     if (!id) return;
-    setLoading(true);
-    setError(null);
 
     fetch(`${API_BASE}/api/v1/pets/${id}`)
       .then((res) => {

web/app/adopt/page.js

@@ -12,10 +12,8 @@ export default function AdoptPage() {
   const [health, setHealth] = useState(null);
   const [search, setSearch] = useState("");
   const [query, setQuery] = useState("");
-  const [page, setPage] = useState(0);
-  const [totalPages, setTotalPages] = useState(0);
 
-  const PAGE_SIZE = 12;
+  const PAGE_SIZE = 200;
 
   useEffect(() => {
     fetch(`${API_BASE}/api/v1/health`)
@@ -24,10 +22,7 @@ export default function AdoptPage() {
   }, []);
 
   useEffect(() => {
-    setLoading(true);
-    setError(null);
-
-    const params = new URLSearchParams({ page, size: PAGE_SIZE, sort: "id,asc" });
+    const params = new URLSearchParams({ page: 0, size: PAGE_SIZE, sort: "petId,asc" });
     if (query) params.set("q", query);
 
     fetch(`${API_BASE}/api/v1/pets?${params}`)
@@ -37,15 +32,15 @@ export default function AdoptPage() {
       })
       .then((data) => {
         setPets(data.content ?? []);
-        setTotalPages(data.totalPages ?? 0);
       })
       .catch((err) => setError(err.message))
       .finally(() => setLoading(false));
-  }, [page, query]);
+  }, [query]);
 
   function handleSearch(e) {
     e.preventDefault();
-    setPage(0);
+    setLoading(true);
+    setError(null);
     setQuery(search.trim());
   }
 
@@ -72,7 +67,7 @@ export default function AdoptPage() {
               <button
                 className="adopt-clear-btn"
                 type="button"
-                onClick={() => { setSearch(""); setQuery(""); setPage(0); }}
+                onClick={() => { setLoading(true); setError(null); setSearch(""); setQuery(""); }}
               >
                 Clear
               </button>
@@ -125,25 +120,6 @@ export default function AdoptPage() {
           </div>
         )}
 
-        {!loading && totalPages > 1 && (
-          <div className="adopt-pagination">
-            <button
-              className="pagination-btn"
-              disabled={page === 0}
-              onClick={() => setPage((p) => p - 1)}
-            >
-              ← Prev
-            </button>
-            <span className="pagination-info">Page {page + 1} of {totalPages}</span>
-            <button
-              className="pagination-btn"
-              disabled={page >= totalPages - 1}
-              onClick={() => setPage((p) => p + 1)}
-            >
-              Next →
-            </button>
-          </div>
-        )}
       </section>
     </main>
   );