feat: move headerToolbar functionality to Menubar component

- Remove headerToolbar from FullCalendar and set to false
- Create CalendarLayout component to manage state between Menubar and Calendar
- Add navigation controls (prev/today/next) to Menubar left-menu using MUI ButtonGroup
- Add current date/time display (April 2024 format) to Menubar left-menu
- Add view selector (Month/Week/Day) to Menubar right-menu using MUI Select
- Implement real-time date synchronization between Calendar and Menubar

src/App.tsx

@@ -1,13 +1,12 @@
 import { Suspense } from "react";
 import { Route, Routes } from "react-router-dom";
 import { HistoryRouter as Router } from "redux-first-history/rr6";
-import { Menubar } from "./components/Menubar/Menubar";
 import { CallbackResume } from "./features/User/LoginCallback";
 import { history } from "./app/store";
 import "./App.css";
 import { Loading } from "./components/Loading/Loading";
 import HandleLogin from "./features/User/HandleLogin";
-import CalendarApp from "./components/Calendar/Calendar";
+import CalendarLayout from "./components/Calendar/CalendarLayout";
 import { Error } from "./components/Error/Error";
 function App() {
   return (
@@ -15,15 +14,7 @@ function App() {
       <Router history={history}>
         <Routes>
           <Route path="/" element={<HandleLogin />} />
-          <Route
-            path="/calendar"
-            element={
-              <div className="App">
-                <Menubar />
-                <CalendarApp />
-              </div>
-            }
-          />
+          <Route path="/calendar" element={<CalendarLayout />} />
           <Route path="/callback" element={<CallbackResume />} />
           <Route path="/error" element={<Error />} />
         </Routes>