refactor: apply consistent formatting to improve code quality

Ensure uniform code formatting across components by aligning with the established code style. Adjust imports, indentation, and spacing to enhance readability and maintainability.

frontend/src/app/(dashboard)/_hooks/use-infinite-scroll.ts

@@ -1,42 +1,42 @@
 import * as React from "react";
 
 interface UseInfiniteScrollOptions {
-  threshold?: number;
-  hasMore: boolean;
-  loading: boolean;
-  onLoadMore: () => void;
+	threshold?: number;
+	hasMore: boolean;
+	loading: boolean;
+	onLoadMore: () => void;
 }
 
 export function useInfiniteScroll({
-  threshold = 1.0,
-  hasMore,
-  loading,
-  onLoadMore,
+	threshold = 1.0,
+	hasMore,
+	loading,
+	onLoadMore,
 }: UseInfiniteScrollOptions) {
-  const loaderRef = React.useRef<HTMLDivElement>(null);
+	const loaderRef = React.useRef<HTMLDivElement>(null);
 
-  React.useEffect(() => {
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (entries[0].isIntersecting && hasMore && !loading) {
-          onLoadMore();
-        }
-      },
-      { threshold }
-    );
+	React.useEffect(() => {
+		const observer = new IntersectionObserver(
+			(entries) => {
+				if (entries[0].isIntersecting && hasMore && !loading) {
+					onLoadMore();
+				}
+			},
+			{ threshold },
+		);
 
-    const currentLoader = loaderRef.current;
-    if (currentLoader) {
-      observer.observe(currentLoader);
-    }
+		const currentLoader = loaderRef.current;
+		if (currentLoader) {
+			observer.observe(currentLoader);
+		}
 
-    return () => {
-      if (currentLoader) {
-        observer.unobserve(currentLoader);
-      }
-      observer.disconnect();
-    };
-  }, [onLoadMore, hasMore, loading, threshold]);
+		return () => {
+			if (currentLoader) {
+				observer.unobserve(currentLoader);
+			}
+			observer.disconnect();
+		};
+	}, [onLoadMore, hasMore, loading, threshold]);
 
-  return { loaderRef };
+	return { loaderRef };
 }