Refactor components to TypeScript, enhance media request handling, and improve UI elements

- Updated Radio component to TypeScript and added WebSocket connection checks.
- Enhanced DiscordLogs component with thread detection and improved bot presence checks.
- Modified Login component to include a client ID for authentication.
- Refactored RadioBanner for better styling and accessibility.
- Improved BreadcrumbNav with Astro reload attribute for better navigation.
- Enhanced MediaRequestForm to prevent rapid clicks during track play/pause.
- Updated RequestManagement to handle track lists and finalizing job status more effectively.
- Improved CSS for RequestManagement to enhance progress bar and track list display.

src/components/DiscordLogs.tsx

@@ -3284,9 +3284,14 @@ export default function DiscordLogs() {
     // Check if current channel is dds-archive
     const isArchiveChannel = selectedChannel?.name === 'dds-archive';
 
+    // Check if current channel is a thread (types 10, 11, 12)
+    const isThread = selectedChannel?.type === 10 || selectedChannel?.type === 11 || selectedChannel?.type === 12;
+
     // Check if Havoc bot is in the channel's member list
     const HAVOC_BOT_ID = '1219636064608583770';
     const isHavocInChannel = useMemo(() => {
+        // Threads inherit access from parent channel - if we can see the thread, Havoc has access
+        if (isThread) return true;
         if (!members?.groups) return true; // Assume present if members not loaded
         for (const group of members.groups) {
             if (group.members?.some(m => m.id === HAVOC_BOT_ID)) {
@@ -3294,7 +3299,7 @@ export default function DiscordLogs() {
             }
         }
         return false;
-    }, [members]);
+    }, [members, isThread]);
 
     // Group messages by author and time window (5 minutes)
     // Messages are in ASC order (oldest first, newest at bottom), so we group accordingly