UI: #334 add config page language setting (#374)

* UI: #334 add config page language setting

* temporary remove logout button

* Unify fullscreen view class for dialog expanded and settings view

- Replace dialog-expanded and settings-view with single fullscreen-view class
- Update ResponsiveDialog to use fullscreen-view class
- Update CalendarLayout to use fullscreen-view class for settings view
- Consolidate CSS rules in Menubar.styl to use fullscreen-view
- Update test cases to use new class name

---------

Co-authored-by: Lê Nhân Phụng <lenhanphung@Phung-Mac-M4.local>

src/components/Calendar/CalendarLayout.tsx

@@ -1,4 +1,4 @@
-import { useRef, useState } from "react";
+import { useRef, useState, useEffect } from "react";
 import { Menubar, MenubarProps } from "../Menubar/Menubar";
 import CalendarApp from "./Calendar";
 import { useAppDispatch } from "../../app/hooks";
@@ -51,6 +51,20 @@ export default function CalendarLayout() {
     setCurrentView(view);
   };
 
+  // Hide topbar navigation elements when in settings view (same as fullscreen dialog mode)
+  useEffect(() => {
+    if (view === "settings") {
+      document.body.classList.add("fullscreen-view");
+    } else {
+      document.body.classList.remove("fullscreen-view");
+    }
+
+    // Cleanup on unmount
+    return () => {
+      document.body.classList.remove("fullscreen-view");
+    };
+  }, [view]);
+
   const menubarProps: MenubarProps = {
     calendarRef,
     onRefresh: handleRefresh,