Styling fix and scraper bug fix

frontend/src/components/common/LoadingSpinner.tsx

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react'
+import './loading-spinner.css'
 
 interface LoadingSpinnerProps {
   message?: string
@@ -7,9 +8,9 @@ interface LoadingSpinnerProps {
 
 export function LoadingSpinner({ message = 'Loading...', ariaLabel = 'Loading' }: LoadingSpinnerProps): ReactNode {
   return (
-    <div role="status" aria-label={ariaLabel} aria-busy={true} data-testid="loading-spinner">
-      <div data-testid="spinner-icon" role="presentation">⊙</div>
-      <p data-testid="spinner-message">{message}</p>
+    <div className="loading-spinner" role="status" aria-label={ariaLabel} aria-busy={true} data-testid="loading-spinner">
+      <div className="loading-spinner__icon" data-testid="spinner-icon" role="presentation">⊙</div>
+      <p className="loading-spinner__message" data-testid="spinner-message">{message}</p>
     </div>
   )
 }