feat(project): add layout component

src/components/Layout/Layout.module.scss

@@ -0,0 +1,7 @@
+@use '../../styles/variables';
+@use '../../styles/theme';
+
+.Layout {
+  width: 100vw;
+  height: 100vh;
+}

src/components/Layout/Layout.test.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+
+import { render } from '../../testUtils';
+
+import Layout from './Layout';
+
+describe('<Layout />', () => {
+  test('renders layout', () => {
+    const { container } = render(<Layout />);
+
+    expect(container).toMatchSnapshot();
+  });
+});

src/components/Layout/Layout.tsx

@@ -0,0 +1,27 @@
+import React, { ReactNode, FC, useState } from 'react';
+
+import Header from '../Header/Header';
+import SideBar from '../SideBar/SideBar';
+
+import styles from './Layout.module.scss';
+
+type LayoutProps = {
+  children?: ReactNode;
+};
+
+const Layout: FC<LayoutProps> = ({ children }) => {
+  const [sideBarOpen, toggleSideBar] = useState(false);
+
+  return (
+    <div className={styles.layout}>
+      <Header openSideBar={() => toggleSideBar(true)} />
+      <SideBar
+        sideBarOpen={sideBarOpen}
+        closeSideBar={() => toggleSideBar(false)}
+      />
+      {children}
+    </div>
+  );
+};
+
+export default Layout;