New MenuItem components (#1389)

* wip

* Finished

* Fix from review

* Fix lint

* Fixed toggle

front/src/modules/ui/menu-item/internals/components/MenuItemLeftContent.tsx

@@ -0,0 +1,24 @@
+import { useTheme } from '@emotion/react';
+
+import { IconComponent } from '@/ui/icon/types/IconComponent';
+
+import {
+  StyledMenuItemLabel,
+  StyledMenuItemLeftContent,
+} from './StyledMenuItemBase';
+
+type OwnProps = {
+  LeftIcon?: IconComponent;
+  text: string;
+};
+
+export function MenuItemLeftContent({ LeftIcon, text }: OwnProps) {
+  const theme = useTheme();
+
+  return (
+    <StyledMenuItemLeftContent>
+      {LeftIcon && <LeftIcon size={theme.icon.size.md} />}
+      <StyledMenuItemLabel hasLeftIcon={!!LeftIcon}>{text}</StyledMenuItemLabel>
+    </StyledMenuItemLeftContent>
+  );
+}