Feedacksystem hinzugefügt, Bugs in der Timelock behoben

xxxthegame/src/main/resources/static/js/icons.js

@@ -54,6 +54,7 @@ window.ICONS = {
     SETTINGS:       { type: 'emoji',  value: '⚙️' },
     LOGOUT:         { type: 'emoji',  value: '⏏️' },
     PROFILE:        { type: 'emoji',  value: '👤' },
+    HELP:           { type: 'emoji',  value: '❓' },
 
     // ── Aufgaben / Items ──────────────────────────────────────────────────
     TOYS:           { type: 'emoji', value: '➰' },

xxxthegame/src/main/resources/static/js/sidebar.js

@@ -77,25 +77,36 @@
     const adminCls = path === '/admin.html' ? ' class="active"' : '';
     const adminItem = `<li id="navAdminLink" style="display:none"><a href="/admin.html"${adminCls}><span class="icon">${I('ADMIN') || '⚙'}</span> Administration</a></li>`;
 
+    const footerLinks = [
+        { href: '/help/kontakt.html', icon: '✉️', label: 'Kontakt & Feedback' },
+        { href: '/help/impressum.html', icon: '📄', label: 'Impressum' },
+    ];
+    const footerNav = footerLinks.map(({ href, icon, label }) => {
+        const cls = path === href ? ' class="active"' : '';
+        return `<li><a href="${href}"${cls}><span class="icon">${icon}</span> ${label}</a></li>`;
+    }).join('');
+
     document.body.insertAdjacentHTML('afterbegin', `
         <div class="sidebar-overlay" id="sidebarOverlay"></div>
         <button class="burger" id="burgerBtn" aria-label="Menü öffnen">
             <span class="burger-icon"><span></span><span></span><span></span></span>
         </button>
-        <aside class="sidebar" id="sidebar">
-            <div class="sidebar-logo-area">
-                <a href="/userhome.html"><img src="/img/logo.png" alt="Logo"></a>
+        <div class="sidebar-wrapper" id="sidebar">
+            <aside class="sidebar">
+                <div class="sidebar-scroll-area">
+                    <ul>
+                        ${socialNav}
+                        <li><hr style="border:none;border-top:1px solid var(--color-secondary);margin:0.4rem 1rem;"></li>
+                        ${nav}
+                        <li><hr style="border:none;border-top:1px solid var(--color-secondary);margin:0.4rem 1rem;" id="navAdminDivider" style="display:none"></li>
+                        ${adminItem}
+                    </ul>
+                </div>
+            </aside>
+            <div class="sidebar-footer">
+                <ul>${footerNav}</ul>
             </div>
-            <ul>
-                ${homeItem}
-                <li><hr style="border:none;border-top:1px solid var(--color-secondary);margin:0.4rem 1rem;"></li>
-                ${socialNav}
-                <li><hr style="border:none;border-top:1px solid var(--color-secondary);margin:0.4rem 1rem;"></li>
-                ${nav}
-                <li><hr style="border:none;border-top:1px solid var(--color-secondary);margin:0.4rem 1rem;" id="navAdminDivider" style="display:none"></li>
-                ${adminItem}
-            </ul>
-        </aside>
+        </div>
     `);
 
     // Sidebar und .main in einen zentrierten App-Wrapper verschieben

xxxthegame/src/main/resources/static/js/topbar.js

@@ -25,7 +25,9 @@
         topbar.className = 'topbar';
         topbar.id = 'topbar';
         topbar.innerHTML = `
-            <div class="topbar-left"></div>
+            <div class="topbar-left">
+                <a href="/userhome.html"><img class="topbar-banner" src="/img/banner.png" alt="xXx Sphere"></a>
+            </div>
             <div class="topbar-search-wrap">
                 <span class="topbar-search-icon">${IC('SEARCH')}</span>
                 <input type="text" id="topbarSearchInput" placeholder="Suchen…" autocomplete="off" spellcheck="false">
@@ -100,6 +102,10 @@
                         <a href="/einstellungen.html" class="topbar-profile-link">
                             <span>${IC('SETTINGS')}</span> Einstellungen
                         </a>
+                        <a href="/help/overview.html" class="topbar-profile-link">
+                            <span>${IC('HELP')}</span> Hilfe
+                        </a>
+                        <hr style="border:none;border-top:1px solid var(--color-secondary);margin:0;">
                         <a href="/login/logout" class="topbar-profile-link topbar-profile-link--danger">
                             <span>${IC('LOGOUT')}</span> Abmelden
                         </a>