Merge pull request #3 from sliit-foss/fix/page-state

Fix: reset page when filter or sort something

src/pages/home.jsx

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { ScoreCardSkeleton } from "@/components";
 import { ScoreCard } from "@/components/home";
 import { filters as filterData, sorts as sortData } from "@/filters";
@@ -17,6 +17,10 @@ const Home = () => {
 
   useTitle("Leaderboard | Bashaway");
 
+  useEffect(() => {
+    if (page !== 1) setPage(1);
+  }, [filters, sorts]);
+
   return (
     <>
       <div className="w-full flex flex-col justify-center items-center gap-6 mb-8 max-w-4xl">