feat: add configurable size to CustomLoader component

src/frontend/src/customization/components/custom-loader.tsx

@@ -1,8 +1,16 @@
 import LoadingComponent from "@/components/common/loadingComponent";
 import { ENABLE_DATASTAX_LANGFLOW } from "../feature-flags";
 
-const CustomLoader = () => {
-  return ENABLE_DATASTAX_LANGFLOW ? <></> : <LoadingComponent remSize={30} />;
+type CustomLoaderProps = {
+  remSize?: number;
+};
+
+const CustomLoader = ({ remSize = 30 }: CustomLoaderProps) => {
+  return ENABLE_DATASTAX_LANGFLOW ? (
+    <></>
+  ) : (
+    <LoadingComponent remSize={remSize} />
+  );
 };
 
 export default CustomLoader;

src/frontend/src/pages/AdminPage/index.tsx

@@ -303,7 +303,7 @@ export default function AdminPage() {
           </div>
           {isPending || isIdle ? (
             <div className="flex h-full w-full items-center justify-center">
-              <CustomLoader />
+              <CustomLoader remSize={12} />
             </div>
           ) : userList.current.length === 0 && !isIdle ? (
             <>

src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx

@@ -638,7 +638,7 @@ export default function Page({ view }: { view?: boolean }): JSX.Element {
         </div>
       ) : (
         <div className="flex h-full w-full items-center justify-center">
-          <CustomLoader />
+          <CustomLoader remSize={30} />
         </div>
       )}
     </div>

src/frontend/src/pages/MainPage/pages/index.tsx

@@ -90,7 +90,7 @@ export default function CollectionPage(): JSX.Element {
           </div>
         ) : (
           <div className="flex h-full w-full items-center justify-center">
-            <CustomLoader />
+            <CustomLoader remSize={30} />
           </div>
         )}
       </main>