added cursor based pagination for links

hooks/useLinks.tsx

@@ -0,0 +1,58 @@
+import { LinkRequestQuery } from "@/types/global";
+import { useEffect } from "react";
+import useDetectPageBottom from "./useDetectPageBottom";
+import { useRouter } from "next/router";
+import useLinkStore from "@/store/links";
+
+export default function useLinks({
+  sort,
+  searchFilter,
+  searchQuery,
+  pinnedOnly,
+  collectionId,
+  tagId,
+}: Omit<LinkRequestQuery, "cursor"> = {}) {
+  const { links, setLinks, resetLinks } = useLinkStore();
+  const router = useRouter();
+
+  const hasReachedBottom = useDetectPageBottom();
+
+  const getLinks = async (isInitialCall: boolean, cursor?: number) => {
+    const response = await fetch(
+      `/api/routes/links?cursor=${cursor}${
+        (sort ? "&sort=" + sort : "") +
+        (searchQuery && searchFilter
+          ? "&searchQuery=" +
+            searchQuery +
+            "&searchFilter=" +
+            searchFilter.name +
+            "-" +
+            searchFilter.url +
+            "-" +
+            searchFilter.description +
+            "-" +
+            searchFilter.collection +
+            "-" +
+            searchFilter.tags
+          : "") +
+        (collectionId ? "&collectionId=" + collectionId : "") +
+        (tagId ? "&tagId=" + tagId : "") +
+        (pinnedOnly ? "&pinnedOnly=" + pinnedOnly : "")
+      }`
+    );
+
+    const data = await response.json();
+
+    if (response.ok) setLinks(data.response, isInitialCall);
+  };
+
+  useEffect(() => {
+    resetLinks();
+
+    getLinks(true);
+  }, [router, sort, searchFilter]);
+
+  useEffect(() => {
+    if (hasReachedBottom) getLinks(false, links?.at(-1)?.id);
+  }, [hasReachedBottom]);
+}