fix: ahora no hace autoscroll hacia arriba

Front/src/Componentes/PaginacionStepper.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
     import { onMount } from "svelte";
-
+    let {
-    let {currentPag,
+        currentPag,
         cantpag,
         queryPag,
-         centrado = false
+        centrado = false,
-        }:{
+    }: {
-         currentPag: number,
+        currentPag: number;
-         cantpag: number,
+        cantpag: number;
-         queryPag: (a:number) => void,
+        queryPag: (a: number) => void;
-         centrado:boolean
+        centrado: boolean;
     } = $props();
 
     function getVisiblePages() {
@@ -20,28 +20,56 @@
         if (currentPag <= 3) {
             return [1, 2, 3, 4, 5];
         } else if (currentPag >= cantpag - 2) {
-            return [cantpag - 4, cantpag - 3, cantpag - 2, cantpag - 1, cantpag];
+            return [
+                cantpag - 4,
+                cantpag - 3,
+                cantpag - 2,
+                cantpag - 1,
+                cantpag,
+            ];
         } else {
-            return [currentPag - 2, currentPag - 1, currentPag, currentPag + 1, currentPag + 2];
+            return [
+                currentPag - 2,
+                currentPag - 1,
+                currentPag,
+                currentPag + 1,
+                currentPag + 2,
+            ];
         }
     }
     let visiblePages = $derived.by(getVisiblePages);
-
-    
 </script>
 
 {#if cantpag > 1}
-<nav aria-label="Paginador">
+    <nav aria-label="Paginador">
         <ul class="pagination">
             <li class="page-item {currentPag === 1 ? 'disabled' : ''}">
-            <a class="page-link" href="#" onclick={() => currentPag > 1 && queryPag(currentPag - 1)}>Anterior</a>
+                <button
+                    class="page-link"
+                    onclick={() => currentPag > 1 && queryPag(currentPag - 1)}
+                >
+                    Anterior
+                </button>
+            </li>
+            {#each visiblePages as num}
+                <li class="page-item">
+                    <button
+                        class="page-link"
+                        class:active={currentPag === num}
+                        onclick={() => queryPag(num)}
+                    >
+                        {String(num)}
+                    </button>
                 </li>
-        {#each visiblePages as num }
-        <li class="page-item"><a class="page-link" class:active={currentPag === num} href="#" onclick={()=>queryPag(num)}>{String(num)}</a></li>
             {/each}
             <li class="page-item {currentPag === cantpag ? 'disabled' : ''}">
-            <a class="page-link" href="#" onclick={() => currentPag < cantpag && queryPag(currentPag + 1)}>Siguiente</a>
+                <button
+                    class="page-link"
+                    onclick={() =>
+                        currentPag < cantpag && queryPag(currentPag + 1)}
+                    >Siguiente</button
+                >
             </li>
         </ul>
-</nav>
+    </nav>
 {/if}