Uniformize folder structure (#693)

* Uniformize folder structure

* Fix icons

* Fix icons

* Fix tests

* Fix tests

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

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import styled from '@emotion/styled';
+
+import { TopBarHotkeys } from '../top-bar/components/TableTopBarHotkeys';
+import { TOP_BAR_MIN_HEIGHT, TopBar } from '../top-bar/components/TopBar';
+
+import { RightDrawerContainer } from './RightDrawerContainer';
+
+type OwnProps = {
+  children: JSX.Element | JSX.Element[];
+  title: string;
+  icon: ReactNode;
+  onAddButtonClick?: () => void;
+};
+
+const StyledContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`;
+
+export function WithTopBarContainer({
+  children,
+  title,
+  icon,
+  onAddButtonClick,
+}: OwnProps) {
+  return (
+    <StyledContainer>
+      <TopBarHotkeys onAddButtonClick={onAddButtonClick} />
+      <TopBar title={title} icon={icon} onAddButtonClick={onAddButtonClick} />
+      <RightDrawerContainer topMargin={TOP_BAR_MIN_HEIGHT + 16 + 16}>
+        {children}
+      </RightDrawerContainer>
+    </StyledContainer>
+  );
+}