refactor(ui): route boot fallback through the LoadingSpinner primitive

Assisted-by: Claude:claude-opus-4-8 [Claude Code]
Signed-off-by: Ettore Di Giacinto <mudler@localai.io>

core/http/react-ui/src/components/LoadingSpinner.jsx

@@ -1,7 +1,11 @@
 export default function LoadingSpinner({ size = 'md', className = '' }) {
-  const sizeClass = size === 'sm' ? 'spinner-sm' : size === 'lg' ? 'spinner-lg' : 'spinner-md'
+  const sizeClass =
+    size === 'sm' ? 'spinner-sm'
+    : size === 'lg' ? 'spinner-lg'
+    : size === 'boot' ? 'spinner-lg'
+    : 'spinner-md'
   return (
-    <div className={`spinner ${sizeClass} ${className}`}>
+    <div className={`spinner ${sizeClass} ${className}`} role="status" aria-label="Loading">
       <div className="spinner-ring" />
     </div>
   )

core/http/react-ui/src/main.jsx

@@ -14,11 +14,12 @@ import '@fontsource-variable/fraunces'
 import './index.css'
 import './theme.css'
 import './App.css'
+import LoadingSpinner from './components/LoadingSpinner'
 
 function BootFallback() {
   return (
-    <div className="app-boot-spinner" role="status" aria-label="Loading">
-      <div className="app-boot-spinner-dot" />
+    <div className="app-boot-spinner">
+      <LoadingSpinner size="boot" />
     </div>
   )
 }