add fix pagination

app/[slug]/page.tsx

@@ -84,7 +84,6 @@ const PageStock = async ({ params }: Props) => {
           ) : (
             <span>Not data</span>
           )}
-
         </div>
       </div>
     );

components/Header/Header.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import Link from 'next/link';
 import { Logo } from '@/components/Logo';
 import { Profile } from '@/components/Profile';
 
@@ -10,9 +9,9 @@ export const Header = () => {
     <div className={styles.header}>
       <div className={styles.main}>
         <div className={styles.logo}>
-          <Link href="/" aria-label="Homepage">
+          <a href="/" aria-label="Homepage">
             <Logo />
-          </Link>
+          </a>
         </div>
       </div>
       <div className={styles.side}>

components/StocksList/Pagination/LoadMore/LoadMore.tsx

@@ -0,0 +1,42 @@
+'use client';
+
+import { useEffect, useRef } from 'react';
+import styles from '../pagination.module.scss';
+import Link from 'next/link';
+
+interface LoadMoreProps {
+  currentStart: number;
+  currentEnd: number;
+  itemsPerPage: number;
+}
+
+export const LoadMore = ({
+  currentStart,
+  currentEnd,
+  itemsPerPage,
+}: LoadMoreProps) => {
+  const scrollPosition = useRef<number>(0);
+
+  useEffect(() => {
+    if (scrollPosition.current > 0) {
+      window.scrollTo({
+        top: scrollPosition.current,
+      });
+      scrollPosition.current = 0;
+    }
+  });
+
+  const handleLoadMoreClick = () => {
+    scrollPosition.current = window.scrollY;
+  };
+
+  return (
+    <Link
+      onClick={handleLoadMoreClick}
+      className={styles.btn}
+      href={`?start=${currentStart}&end=${currentEnd + itemsPerPage}`}
+    >
+      Show more
+    </Link>
+  );
+};

components/StocksList/Pagination/LoadMore/index.ts

@@ -0,0 +1 @@
+export { LoadMore as default } from './LoadMore';

components/StocksList/Pagination/Pagination.tsx

@@ -1,7 +1,8 @@
 import Link from 'next/link';
 import classNames from 'classnames';
 import { createPageArray } from '@/utils';
-
+import dynamic from 'next/dynamic';
+const LoadMore = dynamic(() => import('./LoadMore'), { ssr: false });
 import styles from './pagination.module.scss';
 
 export const Pagination = ({
@@ -35,12 +36,11 @@ export const Pagination = ({
   return (
     <div className={styles.box}>
       <div className={styles.loadMore}>
-        <Link
-          className={styles.btn}
-          href={`?start=${currentStart}&end=${currentEnd + itemsPerPage}`}
-        >
-          Show more
-        </Link>
+        <LoadMore
+          currentStart={currentStart}
+          currentEnd={currentEnd}
+          itemsPerPage={itemsPerPage}
+        />
       </div>
       <div className={styles.pagination}>
         <div className={styles.prev}>