Uniformize folder structure (#693)

* Uniformize folder structure

* Fix icons

* Fix icons

* Fix tests

* Fix tests

front/src/modules/ui/layout/components/RightDrawerContainer.tsx

@@ -0,0 +1,44 @@
+import styled from '@emotion/styled';
+
+import { RightDrawer } from '@/ui/right-drawer/components/RightDrawer';
+
+import { Panel } from './Panel';
+
+type OwnProps = {
+  children: JSX.Element | JSX.Element[];
+  topMargin?: number;
+};
+
+const StyledMainContainer = styled.div<{ topMargin: number }>`
+  background: ${({ theme }) => theme.background.noisy};
+  display: flex;
+
+  flex-direction: row;
+  gap: ${({ theme }) => theme.spacing(2)};
+  height: calc(100% - ${(props) => props.topMargin}px);
+
+  padding-bottom: ${({ theme }) => theme.spacing(3)};
+  padding-right: ${({ theme }) => theme.spacing(3)};
+  width: calc(100% - ${({ theme }) => theme.spacing(3)});
+`;
+
+type LeftContainerProps = {
+  isRightDrawerOpen?: boolean;
+};
+
+const StyledLeftContainer = styled.div<LeftContainerProps>`
+  display: flex;
+  position: relative;
+  width: 100%;
+`;
+
+export function RightDrawerContainer({ children, topMargin }: OwnProps) {
+  return (
+    <StyledMainContainer topMargin={topMargin ?? 0}>
+      <StyledLeftContainer>
+        <Panel>{children}</Panel>
+      </StyledLeftContainer>
+      <RightDrawer />
+    </StyledMainContainer>
+  );
+}