side pane

src/containers/MainLayout/index.tsx

@@ -1,11 +1,17 @@
 import * as React from 'react';
 import { Header } from "$components/main/Header";
+import {SidePane} from "$components/main/SidePane";
 
 const style = require('./style.scss');
 
 export const MainLayout = ({ children }) => (
   <div className={style.wrapper}>
-    <Header />
+    {
+      // <Header />
+    }
+    {
+      <SidePane />
+    }
     {children}
   </div>
 );

src/containers/MainLayout/style.scss

@@ -1,4 +1,4 @@
 .wrapper {
   width: 100%;
-  //padding: $gap 0;
+  padding: $gap 0;
 }