fix: reset contact list page when filters change (#368)

apps/web/src/app/(dashboard)/contacts/[contactBookId]/contact-list.tsx

@@ -96,9 +96,15 @@ export default function ContactList({
   });
 
   const debouncedSearch = useDebouncedCallback((value: string) => {
-    setSearch(value);
+    setSearch(value || null);
+    setPage("1");
   }, 1000);
 
+  const handleStatusChange = (val: string) => {
+    setStatus(val === "All" ? null : val);
+    setPage("1");
+  };
+
   const exportQuery = api.contacts.exportContacts.useQuery(
     {
       contactBookId,
@@ -182,10 +188,7 @@ export default function ContactList({
             />
           </div>
           <div className="flex gap-2">
-            <Select
+            <Select value={status ?? "All"} onValueChange={handleStatusChange}>
-              value={status ?? "All"}
-              onValueChange={(val) => setStatus(val === "All" ? null : val)}
-            >
               <SelectTrigger className="w-[180px] capitalize">
                 {status || "All statuses"}
               </SelectTrigger>