- verbeteringen client

- Enkel nog probleem met vertaling van de ProgressTracker constanten

nginx/frontend_src/js/chat-client.js

@@ -13,6 +13,9 @@ import { createApp, version } from 'vue';
 import { marked } from 'marked';
 import { FormField } from '../../../../../../../../../Users/josako/Library/Application Support/JetBrains/PyCharm2025.1/scratches/old js files/FormField.js';
 
+// Import LanguageProvider for sidebar translation support
+import { createLanguageProvider, LANGUAGE_PROVIDER_KEY } from '../../../eveai_chat_client/static/assets/js/services/LanguageProvider.js';
+
 // Vue en andere bibliotheken beschikbaar maken
 window.Vue = { createApp, version };
 window.marked = marked;
@@ -78,6 +81,12 @@ function initializeSidebar() {
     // Mount de component
     const app = createApp(SideBar, props);
     
+    // Create and provide LanguageProvider for sidebar components
+    const initialLanguage = window.chatConfig?.language || 'nl';
+    const apiPrefix = window.chatConfig?.apiPrefix || '';
+    const languageProvider = createLanguageProvider(initialLanguage, apiPrefix);
+    app.provide(LANGUAGE_PROVIDER_KEY, languageProvider);
+    
     // Error handler
     app.config.errorHandler = (err, vm, info) => {
       console.error('🚨 [Vue Error in Sidebar]', err);
@@ -87,7 +96,19 @@ function initializeSidebar() {
 
     const mountedApp = app.mount(container);
     
-    console.log('✅ Sidebar component successfully mounted');
+    // Listen to language change events and update the sidebar's language provider
+    const languageChangeHandler = (event) => {
+      if (event.detail && event.detail.language) {
+        console.log('Sidebar: Received language change event:', event.detail.language);
+        languageProvider.setLanguage(event.detail.language);
+      }
+    };
+    document.addEventListener('language-changed', languageChangeHandler);
+    
+    // Store the handler for cleanup if needed
+    mountedApp._languageChangeHandler = languageChangeHandler;
+    
+    console.log('✅ Sidebar component successfully mounted with LanguageProvider');
     return mountedApp;
   } catch (error) {
     console.error('🚨 [CRITICAL ERROR] Bij initialiseren sidebar:', error);