improve dashboard usability and fix backend TS build errors

Frontend: fix HeroUI Switch usage across the whole app (Content/Control/
Thumb composition was missing, so no toggle ever rendered visibly),
replace raw channel/role ID text fields with proper name-based dropdowns
(ChannelSelect/RoleSelect) backed by the existing /guild/resources
endpoint, redesign Automod's filters as inline toggle rows, turn the
Ticket Pipeline tab into a drag-and-drop Kanban board, narrow the
sidebar further and rework its collapse toggle and profile footer, and
add a Discord-style message preview for Welcome/Support Login.

Backend: fix the ~50 TypeScript build errors blocking `npm run build`
(SlashCommandBuilder typing, discord.js v14 channel-union guards,
Prisma JSON null handling, logger.warn signature, and related type
narrowing) so the project compiles cleanly again.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

frontend/src/pages/ReactionRoles.tsx

@@ -2,9 +2,12 @@ import { Card, CardContent, CardHeader, Input, TextArea, Button, Chip, Separator
 import { Tag, Save, Hash, List } from 'lucide-react';
 import { useApp } from '../context/AppContext';
 import { SectionCard } from '../components/shared/SectionCard';
+import { ChannelSelect } from '../components/shared/ChannelSelect';
+import { useGuildResources } from '../hooks/useGuildResources';
 
 export function ReactionRoles() {
-  const { reactionRoles, reactionDraft, setReactionDraft, saveReactionRole } = useApp();
+  const { reactionRoles, reactionDraft, setReactionDraft, saveReactionRole, currentGuildId } = useApp();
+  const { channels } = useGuildResources(currentGuildId);
 
   return (
     <SectionCard title="Reaction Roles" subtitle="Sets anzeigen und neue Zuordnungen anlegen">
@@ -49,11 +52,12 @@ export function ReactionRoles() {
             </TextField>
 
             <TextField>
-              <Label>Channel ID</Label>
-              <Input
-                placeholder="Channel für die Nachricht"
+              <Label>Channel</Label>
+              <ChannelSelect
+                options={channels}
                 value={reactionDraft.channelId}
-                onChange={(e) => setReactionDraft((s) => ({ ...s, channelId: e.target.value }))}
+                onChange={(id) => setReactionDraft((s) => ({ ...s, channelId: id }))}
+                placeholder="Channel für die Nachricht wählen"
               />
             </TextField>