Feature/update mui deps (#188)

* restore Changes

* yarn lock changes (cause yarn command)

* Updating mui and emotion and fixing error in LayerBox.tsx caused by non existing CSS Object

* revert LayerBox changes and replace wrong CSSObject type with SxProps

---------

Co-authored-by: jannik brack <jannik.brack@wheregroup.com>
Co-authored-by: Max Tobias Weber <tobias.weber@wheregroup.com>

src/components/MlLayerSwitcher/components/LayerBox.tsx

@@ -1,8 +1,9 @@
 import React from 'react';
-import { css, CSSObject } from '@emotion/css';
+import { css } from '@emotion/css';
 import { Box } from '@mui/system';
 import ImageLoader from '../../../ui_components/ImageLoader';
 import useMapState from '../../../hooks/useMapState';
+import { SxProps } from '@mui/material';
 
 interface LayerBoxProps {
 	mapId?: string;
@@ -31,7 +32,7 @@ const LayerBox: React.FC<LayerBoxProps> = (props) => {
 		}
 	`;
 
-	const imageLoaderStyle: CSSObject = {
+	const imageLoaderStyle: SxProps = {
 		border: `2px solid ${layers?.[0]?.visible ? '#64c864' : '#fd720f'}`,
 		borderRadius: '8px',
 		height: '40px',
@@ -80,4 +81,4 @@ const LayerBox: React.FC<LayerBoxProps> = (props) => {
 	);
 };
 
-export default LayerBox;
+export default LayerBox;