Add option to position spinner for certain pages

Author: MrDogeBro

src/ui/Spinner.tsx

@@ -4,16 +4,21 @@ import styles from '@styles/modules/Spinner.module.scss';
 
 export type SpinnerProps = {
   className?: string;
+  spinnerClassName?: string;
 };
 
 export const Spinner: React.FC<SpinnerProps> = (props) => {
   return (
     <div
-      className={`flex justify-center items-center ${styles.loadingSpinnerContainer} rounded-sm ${props.className}`}
+      className={`flex justify-center items-center ${
+        styles.loadingSpinnerContainer
+      } rounded-sm ${props.className || ''}`}
     >
-      <div
-        className={`w-9 h-9 bg-brand-gradient rounded-sm ${styles.loadingSpinner}`}
-      ></div>
+      <div className={`${props.spinnerClassName || ''}`}>
+        <div
+          className={`w-9 h-9 bg-brand-gradient rounded-sm ${styles.loadingSpinner}`}
+        ></div>
+      </div>
     </div>
   );
 };