keycloak init

client/src/main.tsx

@@ -1,9 +1,26 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App';
+import { initKeycloak } from './auth/keycloak';
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-);
+const root = ReactDOM.createRoot(document.getElementById('root')!);
+
+async function bootstrap() {
+  await initKeycloak();
+
+  root.render(
+    <React.StrictMode>
+      <App />
+    </React.StrictMode>,
+  );
+}
+
+bootstrap().catch((error) => {
+  console.error('Failed to initialize authentication', error);
+
+  root.render(
+    <React.StrictMode>
+      <div>Authentication initialization failed. Check your environment variables.</div>
+    </React.StrictMode>,
+  );
+});