[#668] Tablet view (#716)

* draft for tablet view
* adapt sidebar to tablet view
* split menubar to handle tablet and desktop separatly
* split sidebar to handle tablet and desktop separatly
* prettier day navigationin tablet view
* added missing translations
* coderabbit comments
* fix UI of view switcher on tablet, remove hard text
* fix style of selected view option
* fix wrong I18n key
* extracted menubar recurring components to own files
* adjust test case of calendar component
* refactor function change calendar view

Co-authored-by: Camille Moussu <cmoussu@linagora.com>
Co-authored-by: lethemanh <lethemanh@lethemanhs-MacBook-Pro.local>

src/components/Calendar/MiniCalendar.tsx

@@ -9,6 +9,7 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'
 import moment from 'moment'
 import { useEffect, useState } from 'react'
 import { useI18n } from 'twake-i18n'
+import { CALENDAR_VIEWS } from './utils/constants'
 
 export function MiniCalendar({
   calendarRef,
@@ -70,11 +71,11 @@ export function MiniCalendar({
 
             const isToday = date.getTime() === today.getTime()
             const isSelectedDay =
-              calendarRef.current?.view.type === 'timeGridDay' &&
+              calendarRef.current?.view.type === CALENDAR_VIEWS.timeGridDay &&
               date.getTime() === selected.getTime()
 
             const isInSelectedWeek =
-              calendarRef.current?.view.type === 'timeGridWeek' ||
+              calendarRef.current?.view.type === CALENDAR_VIEWS.timeGridWeek ||
               calendarRef.current?.view.type === undefined
                 ? (() => {
                     const startOfWeek = computeStartOfTheWeek(selected)