fix(TransactionsGrid): improve pagination scrolling behavior

src/lib/components/transactions/TransactionsGrid.svelte

@@ -26,15 +26,17 @@
 	export let initialTransactions: TransactionArray;
 
 	$: currentPage = tryParseInt($page.url.searchParams.get('page')) ?? 1;
-	$: currentPage,
-		tick().then(() =>
-			document.querySelector('main.main')?.scrollTo({
-				behavior: 'smooth',
-				top:
-					(document.querySelector<HTMLDivElement>('#transactionsGrid')?.offsetTop ??
-						120) - 120
-			})
-		);
+	const scrollTop = async () => {
+		await tick();
+		await tick();
+
+		document.querySelector('main.main')?.scrollTo({
+			behavior: 'smooth',
+			top:
+				(document.querySelector<HTMLDivElement>('#transactionsGrid')?.offsetTop ??
+					120) - 120
+		});
+	};
 
 	let preferences = usePreferencesStore();
 
@@ -131,6 +133,7 @@
 		const url = new URL($page.url);
 		url.searchParams.set('page', newPage.toString());
 		goto(url);
+		scrollTop();
 	};
 </script>
 
@@ -144,6 +147,7 @@
 					{pages}
 					on:previous={() => updatePage(-1)}
 					on:next={() => updatePage(1)}
+					on:click={() => scrollTop()}
 				/>
 			</div>
 		{/if}