fix: 修复聊天界面 UI 布局 — 输入框被挤出 + 通知被裁剪

问题1: ChatInput/IoTStatusBar 被推到屏幕底部
- ChatContainer.tsx: MessageList 父级改为 flex flex-col，
  IoTStatusBar 加 flex-shrink-0
- App.tsx: ChatInput 加 flex-shrink-0

问题2: 通知下拉面板被 overflow-hidden 裁剪
- AppLayout.tsx: overflow-hidden 从 Header 父级移到 <main>

frontend/web/src/App.tsx

@@ -330,7 +330,9 @@ export default function App() {
           <div className="flex-1 min-h-0 overflow-hidden">
             <ChatContainer />
           </div>
-          <ChatInput onSend={send} />
+          <div className="flex-shrink-0">
+            <ChatInput onSend={send} />
+          </div>
         </div>
       </AppLayout>
     </ErrorBoundary>