DIGG-482: attemting to fix stickynav issues

Author: Kopin1

components/navigation/sticky-nav/index.tsx

@@ -40,18 +40,22 @@ export const StickyNav: FC<StickyNavProps> = ({ menuItems, menuHeading }) => {
     const watchScroll = () => {
       if (isScrolling.current) return;
 
-      for (const item of menuItems) {
-        const element = document.getElementById(item.id);
-        if (element && isInView(element)) {
-          setActiveItemId(item.id);
-          history.replaceState(null, "", `#${item.id}`);
-          break;
+      requestAnimationFrame(() => {
+        for (const item of menuItems) {
+          const element = document.getElementById(item.id);
+          if (element && isInView(element)) {
+            setActiveItemId(item.id);
+            history.replaceState(null, "", `#${item.id}`);
+            break;
+          }
         }
-      }
+      });
     };
 
-    const interval = setInterval(watchScroll, 100);
-    return () => clearInterval(interval);
+    window.addEventListener("scroll", watchScroll, { passive: true });
+    watchScroll();
+
+    return () => window.removeEventListener("scroll", watchScroll);
   }, [isLargeScreen, menuItems]);
 
   const handleClick = (e: MouseEvent<HTMLAnchorElement>, id: string) => {

features/search/search-page/search-page-content/index.tsx

@@ -249,15 +249,15 @@ export const SearchPageContent: FC<SearchProps> = () => {
                   ))}
               </ul>
             )}
+            {searchResult?.hits && (
+              <Pagination
+                totalResults={searchResult?.count || 0}
+                itemsPerPage={PER_PAGE}
+                pageNumber={pageNumber}
+                changePage={changePage}
+              />
+            )}
           </div>
-          {searchResult?.hits && (
-            <Pagination
-              totalResults={searchResult?.count || 0}
-              itemsPerPage={PER_PAGE}
-              pageNumber={pageNumber}
-              changePage={changePage}
-            />
-          )}
         </Container>
       </div>
     </div>