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

__test__/features/user/HandleLogin.test.tsx

@@ -56,7 +56,7 @@ describe("HandleLogin", () => {
     };
 
     renderWithProviders(<HandleLogin />, preloadedState);
-    expect(screen.getByAltText(/loading/i)).toBeInTheDocument();
+    expect(screen.getByTestId("loading")).toBeInTheDocument();
   });
   test("shows Loading when userData exists and calendars pending is false", () => {
     const preloadedState = {
@@ -71,7 +71,7 @@ describe("HandleLogin", () => {
     };
     renderWithProviders(<HandleLogin />, preloadedState);
 
-    expect(screen.getByAltText("loading")).toBeInTheDocument();
+    expect(screen.getByTestId("loading")).toBeInTheDocument();
   });
   test("goes to error page when there is error in user data", () => {
     const dispatch = appHooks.useAppDispatch();