#12 topbar search (#371)

- added search in topbar
 - added skeleton search results page
 - added tests
 - set personal calendars as default search in and allow to select personal and shared as a search in option

---------

Co-authored-by: Camille Moussu <cmoussu@linagora.com>

src/components/Menubar/Menubar.tsx

@@ -35,6 +35,7 @@ import {
   ru as ruLocale,
   vi as viLocale,
 } from "date-fns/locale";
+import SearchBar from "./EventSearchBar";
 const dateLocales = { en: enGB, fr: frLocale, ru: ruLocale, vi: viLocale };
 
 export type AppIconProps = {
@@ -86,9 +87,9 @@ export function Menubar({
     setAnchorEl(null);
   };
 
-  const handleNavigation = (action: "prev" | "next" | "today") => {
+  const handleNavigation = async (action: "prev" | "next" | "today") => {
     if (!calendarRef.current) return;
-
+    await dispatch(setView("calendar"));
     switch (action) {
       case "prev":
         calendarRef.current.prev();
@@ -108,8 +109,10 @@ export function Menubar({
     }
   };
 
-  const handleViewChange = (view: string) => {
+  const handleViewChange = async (view: string) => {
     if (!calendarRef.current) return;
+    await dispatch(setView("calendar"));
+
     calendarRef.current.changeView(view);
 
     // Notify parent about view change
@@ -190,6 +193,9 @@ export function Menubar({
           </div>
         </div>
         <div className="right-menu">
+          <div className="search-container">
+            <SearchBar />
+          </div>
           <div className="menu-items">
             <IconButton
               className="refresh-button"
@@ -350,9 +356,15 @@ export function Menubar({
 
 export function MainTitle() {
   const { t } = useI18n();
+  const dispatch = useAppDispatch();
   return (
     <div className="menubar-item tc-home">
-      <img className="logo" src={logo} alt={t("menubar.logoAlt")} />
+      <img
+        className="logo"
+        src={logo}
+        alt={t("menubar.logoAlt")}
+        onClick={() => dispatch(setView("calendar"))}
+      />
     </div>
   );
 }