change loading spinner from jsx to tsx

(cherry picked from commit c26339522bfcdc715950126b8d04fb473084e855)

apps/app/src/components/LoadingSpinner.jsx

@@ -1,7 +0,0 @@
-import React from 'react';
-
-import styles from './LoadingSpinner.module.scss';
-
-export const LoadingSpinner = () => (
-  <span className={`material-symbols-outlined pb-0 ${styles.spinner}`}>progress_activity</span>
-);

apps/app/src/components/LoadingSpinner.tsx

@@ -0,0 +1,7 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+
+import styles from './LoadingSpinner.module.scss';
+
+export const LoadingSpinner = ({ className }: ComponentPropsWithoutRef<'span'>): JSX.Element => (
+  <span className={`material-symbols-outlined pb-0 ${styles.spinner} ${className}`}>progress_activity</span>
+);