restructured components folders and layout (#1886)

web/components/ui/Sidebar/Sidebar.tsx

@@ -0,0 +1,19 @@
+import Sider from 'antd/lib/layout/Sider';
+import { useRecoilValue } from 'recoil';
+import { chatCurrentlyVisible } from '../../stores/ClientConfigStore';
+
+export default function Sidebar() {
+  let chatOpen = useRecoilValue(chatCurrentlyVisible);
+  return (
+    <Sider
+      collapsed={!chatOpen}
+      width={300}
+      style={{
+        position: 'fixed',
+        right: 0,
+        top: 0,
+        bottom: 0,
+      }}
+    />
+  );
+}

web/components/ui/Sidebar/index.ts

@@ -0,0 +1 @@
+export { default } from './Sidebar';