references and spinner fixes

src/components/LoadingSpinner.tsx

@@ -1,16 +1,12 @@
+import { Spinner } from "~/components/Spinner";
+
 export default function LoadingSpinner(props: {
   height: number;
   width: number;
 }) {
   return (
-    <picture class="animate-spin-reverse flex w-full justify-center">
-      <source srcset="/WhiteLogo.png" media="(prefers-color-scheme: dark)" />
-      <img
-        src="/BlackLogo.png"
-        alt="logo"
-        width={props.width}
-        height={props.height}
-      />
-    </picture>
+    <div class="flex w-full justify-center">
+      <Spinner size={props.height} />
+    </div>
   );
 }