UI/update global UI (#459)

* Update loading screen to use Lottie animation

- Replace simple logo with Lottie animation from loadercalendar.lottie
- Center animation on screen with full viewport coverage
- Set animation width to 175px
- Install @lottiefiles/dotlottie-react package

* update spacing event modal

* add twake workplace logo to loading screen

* update spacing create calendar modal

* fix evenchip description color

* using variant instead of sx

src/components/Event/EventFormFields.tsx

@@ -13,6 +13,7 @@ import {
   TextField,
   ToggleButtonGroup,
   ToggleButton,
+  Typography,
 } from "@linagora/twake-mui";
 import {
   Description as DescriptionIcon,
@@ -481,7 +482,9 @@ export default function EventFormFields({
             control={
               <Checkbox checked={allday} onChange={handleAllDayToggle} />
             }
-            label={t("event.form.allDay")}
+            label={
+              <Typography variant="h6">{t("event.form.allDay")}</Typography>
+            }
           />
           <FormControlLabel
             control={
@@ -513,7 +516,9 @@ export default function EventFormFields({
                 }}
               />
             }
-            label={t("event.form.repeat")}
+            label={
+              <Typography variant="h6">{t("event.form.repeat")}</Typography>
+            }
           />
           <TimezoneAutocomplete
             value={timezone}