feat: init the sidebar of workbench

Author: wewoor

src/workbench/sidebar/index.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+import { prefixClaName } from '@/common/className';
+
+import './sidebar.scss';
+
+const Sidebar: React.FunctionComponent = () => {
+    return (
+        <div className={prefixClaName('sidebar')}>
+            Sidebar
+        </div>
+    );
+};
+export default Sidebar;

src/workbench/sidebar/sidebar.scss

@@ -0,0 +1,12 @@
+@import '@/style/const.scss';
+
+.#{$prefix}-sidebar {
+    position: relative;
+    left: 0;
+    min-width: 246px;
+    width: 100%;
+    height: 100%;
+    // TODO temp style, just for development
+    background-color: rgb(37, 37, 38);
+    outline-color: rgba(83, 89, 93, 0.5);
+}