add loading indicator to the pagination

src/common/data-fetcher/data-fetcher.ts

@@ -28,6 +28,7 @@ export default class DataFetcher {
    */
   private buildRequestUrl(useProxy: boolean, url: string): string {
     return (useProxy ? "https://proxy.fascinated.cc/" : "") + url;
+    // return (useProxy ? config.siteUrl + "/api/proxy?url=" : "") + url;
   }
 
   /**

src/common/utils.ts

@@ -1,6 +1,21 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
+  return twMerge(clsx(inputs));
+}
+
+/**
+ * Validates if the url is valid
+ *
+ * @param url the url to validate
+ * @returns true if the url is valid, false otherwise
+ */
+export function validateUrl(url: string) {
+  try {
+    new URL(url);
+    return true;
+  } catch {
+    return false;
+  }
 }