fix spinner sizings

src/components/layout/Spinner.css

@@ -1,5 +1,4 @@
 .spinner {
-  font-size: 48px;
   width: 1em;
   height: 1em;
   border: 0.12em solid var(--color,white);

src/components/player/atoms/LoadingSpinner.tsx

@@ -6,5 +6,5 @@ export function LoadingSpinner() {
 
   if (!isLoading) return null;
 
-  return <Spinner />;
+  return <Spinner className="text-4xl" />;
 }

src/pages/parts/admin/BackendTestPart.tsx

@@ -115,10 +115,10 @@ export function BackendTestPart() {
           )}
           <Button
             theme="purple"
+            loading={testState.loading}
             className="whitespace-nowrap"
             onClick={runTests}
           >
-            {testState.loading ? <Spinner className="text-base mr-2" /> : null}
             Test backend
           </Button>
         </div>

src/pages/parts/admin/WorkerTestPart.tsx

@@ -113,8 +113,7 @@ export function WorkerTestPart() {
         })}
         <Divider />
         <div className="flex justify-end">
-          <Button theme="purple" onClick={runTests}>
+          <Button theme="purple" loading={testState.loading} onClick={runTests}>
-            {testState.loading ? <Spinner className="text-base mr-2" /> : null}
             Test workers
           </Button>
         </div>