remake menu section and fix styling issues

public/app/chatDrawer.js

@@ -0,0 +1,58 @@
+import {chatDrawer, chatDrawerButton, chatDrawerCloseBtn} from "./dom.js";
+
+function syncChatDrawerState(isOpen) {
+    if (!chatDrawer || !chatDrawerButton) return;
+    if (isOpen) document.body.classList.remove("sidebar-open");
+    chatDrawer.classList.toggle("hidden", !isOpen);
+    chatDrawerButton.setAttribute("aria-expanded", String(isOpen));
+    document.body.classList.toggle("chat-drawer-open", isOpen);
+}
+
+function isChatDrawerOpen() {
+    return Boolean(chatDrawer && !chatDrawer.classList.contains("hidden"));
+}
+
+function openChatDrawer() {
+    syncChatDrawerState(true);
+}
+
+function closeChatDrawer() {
+    syncChatDrawerState(false);
+}
+
+function toggleChatDrawer() {
+    syncChatDrawerState(!isChatDrawerOpen());
+}
+
+function handleDocumentClick(event) {
+    if (!isChatDrawerOpen()) return;
+    const target = event.target;
+    if (!(target instanceof Node)) return;
+    if (chatDrawerButton?.contains(target)) return;
+    if (chatDrawer?.querySelector(".chat-drawer-panel")?.contains(target)) return;
+    closeChatDrawer();
+}
+
+function handleDocumentKeydown(event) {
+    if (event.key === "Escape") closeChatDrawer();
+}
+
+if (chatDrawerButton && chatDrawer) {
+    chatDrawerButton.addEventListener("click", () => {
+        toggleChatDrawer();
+    });
+}
+
+if (chatDrawerCloseBtn) {
+    chatDrawerCloseBtn.addEventListener("click", closeChatDrawer);
+}
+
+document.addEventListener("click", handleDocumentClick);
+document.addEventListener("keydown", handleDocumentKeydown);
+
+export {
+    closeChatDrawer,
+    isChatDrawerOpen,
+    openChatDrawer,
+    toggleChatDrawer
+};