Update app.js

app.js

@@ -532,6 +532,33 @@ function buildChannelList() {
       list.appendChild(div);
     }
   }
+  // ─── Ticket-Button in Sidebar ───
+  const ticketCat = document.createElement('div');
+  ticketCat.className = 'channel-category';
+  ticketCat.textContent = '— Support';
+  list.appendChild(ticketCat);
+
+  const myOpenTickets = Object.values(DB.tickets||{}).filter(t=>
+    (t.author===currentUser.username || hasRole('mod')) && t.status==='open'
+  ).length;
+
+  const ticketBtn = document.createElement('div');
+  ticketBtn.className = 'channel-item ticket-sidebar-btn';
+  ticketBtn.innerHTML = `
+    <span class="channel-icon">🎫</span>
+    <span class="channel-name">tickets</span>
+    ${myOpenTickets>0 ? `<span class="unread-badge" style="background:var(--purple)">${myOpenTickets}</span>` : ''}
+  `;
+  ticketBtn.onclick = () => openTicketMenu();
+  list.appendChild(ticketBtn);
+
+  const newTicketBtn = document.createElement('div');
+  newTicketBtn.className = 'channel-item';
+  newTicketBtn.style.cssText = 'opacity:.75';
+  newTicketBtn.innerHTML = `<span class="channel-icon">➕</span><span class="channel-name">neues ticket</span>`;
+  newTicketBtn.onclick = () => openCreateTicket();
+  list.appendChild(newTicketBtn);
+
   // Voice Channels
   const vcCat=document.createElement('div');
   vcCat.className='channel-category';