Improve error handling for menu data fetching and update HTML structure: Enhance error logging in menuDataController, provide user-friendly error messages, and streamline the index.html file by adding new script references while removing an unused image.

src/store/index.js

@@ -15,6 +15,8 @@ export default createStore({
     user: user,
     token: localStorage.getItem('token') || '',
     menuData: [],
+    /** gesetzt, wenn /menu-data fehlschlägt (z. B. DB weg) — nicht mit „Seite nicht gefunden“ verwechseln */
+    menuLoadError: null,
     pageContent: '',
     pageTitle: '',
     selectedPage: '',
@@ -38,6 +40,10 @@ export default createStore({
     },
     setMenuData(state, menuData) {
       state.menuData = menuData;
+      state.menuLoadError = null;
+    },
+    setMenuLoadError(state, message) {
+      state.menuLoadError = message;
     },
     SET_PAGE_CONTENT(state, content) {
       state.pageContent = content;
@@ -59,6 +65,15 @@ export default createStore({
         commit('setMenuData', response.data);
       } catch (error) {
         console.error('Fehler beim Laden der Menü-Daten:', error);
+        const fromApi =
+          error.response?.data &&
+          typeof error.response.data === 'object' &&
+          error.response.data.error;
+        const msg =
+          typeof fromApi === 'string'
+            ? fromApi
+            : 'Die Website ist vorübergehend nicht vollständig erreichbar. Bitte versuchen Sie es später erneut.';
+        commit('setMenuLoadError', msg);
       }
     },
     async loadPageContent({ commit }, link) {
@@ -114,5 +129,6 @@ export default createStore({
     pageContent: state => state.pageContent,
     pageTitle: state => state.pageTitle,
     selectedPage: state => state.selectedPage,
+    menuLoadError: state => state.menuLoadError,
   }
 });