🚸 Improved UX

If you were in page let's say 27 and then clicked on a tab item to
search for that topic, the query params would perform a `&` so most
likely there are no video of ZK (for example) in page 27.

The improvement consists on redoing the URL to it only matches the
topic, giving it priority over the page number.

packages/app/app/explore/components/ExploreTabs.tsx

@@ -1,18 +1,15 @@
 'use client'
-import {
-  Tabs,
-  TabsTrigger,
-  TabsList,
-  TabsContent,
-} from '@/components/ui/tabs'
+import { Tabs, TabsTrigger, TabsList } from '@/components/ui/tabs'
 import useSearchParams from '@/lib/hooks/useSearchParams'
+import { useRouter } from 'next/navigation'
 
 const ExploreTabs = () => {
   const { handleTermChange, searchParams } = useSearchParams()
+  const router = useRouter()
   const currentTerm = searchParams.get('searchQuery') || ''
 
   const tabData = [
-    { name: 'All', searchQuery: '' },
+    { name: 'Home', searchQuery: '' },
     { name: 'Vitalik', searchQuery: 'vitalik' },
     { name: 'Zk', searchQuery: 'zk' },
     { name: 'Identity', searchQuery: 'identity' },
@@ -22,13 +19,20 @@ const ExploreTabs = () => {
     { name: 'Cryptography', searchQuery: 'cryptography' },
   ]
 
+  const handleTabChange = (value: string) => {
+    const newParams = new URLSearchParams(searchParams)
+    newParams.set('searchQuery', value)
+    newParams.delete('page')
+
+    const newUrl = `${window.location.pathname}?${newParams.toString()}`
+    router.push(newUrl)
+  }
+
   return (
     <Tabs
       defaultValue={currentTerm}
       className="w-full"
-      onValueChange={(value) =>
-        handleTermChange([{ key: 'searchQuery', value }])
-      }>
+      onValueChange={handleTabChange}>
       <TabsList className="flex flex-wrap justify-center">
         {tabData.map((tab) => (
           <TabsTrigger