feat(frontend): rebuild chatbot UI to match backend — wider panel, guild context, Indonesian

- Chatbot bubble: 220px → 320px wide, 440px tall; proper header with
  drag handle; quick-prompt row when chat is closed
- ChatPanel: show ALL history (not last 8), Indonesian placeholder/empty
  state/error copy (backend speaks Indonesian), timestamps (id-ID),
  clear-history button, typing indicator bubbles, Enter-to-send
- Send active guildId as context so backend answers reference the real
  server (serverInsights path in chatbot.service)
- GuildId sync from layout → ChatbotProvider via ChatbotGuildSync
- chatbotApi.send(message, guildId) → POST /api/chat {message, context}
  matching BE zod schema (guildId optional)

services/frontend/src/app/(dashboard)/layout.tsx

@@ -14,10 +14,19 @@ import { MiniPlayer } from "@/components/media/mini-player";
 import { MediaPlayerProvider } from "@/lib/hooks/use-media-player";
 import { useWebSocket, WsProvider } from "@/lib/ws/context";
 
+function ChatbotGuildSync({ guildId }: { guildId: string }) {
+  const { setGuildId } = useChatbot();
+
+  useEffect(() => {
+    setGuildId(guildId);
+  }, [guildId, setGuildId]);
+
+  return null;
+}
+
 function ChatbotExpressionSync() {
   const ws = useWebSocket();
   const { setExpression } = useChatbot();
-
   useEffect(() => {
     const unsub1 = ws.on("message_created", (data: any) => {
       if (data.ai_status === "flagged" || data.ai_status === "warn") {
@@ -58,6 +67,7 @@ export default function DashboardLayout({
       <WsProvider>
         <MediaPlayerProvider>
           <ChatbotProvider>
+            <ChatbotGuildSync guildId={guildId} />
             <ChatbotExpressionSync />
             <div className="min-h-screen bg-canvas">
               <TopNav />