Added SideBar component

src/components/SideBar/SideBar.js

@@ -0,0 +1,22 @@
+import React from "react";
+import "./sidebar.scss";
+
+export const SideBar = ({ active, setActive }) => {
+  return (
+    <div className={active ? "auth-menu active" : "auth-menu"}>
+      <div className="auth-title">
+        <div className="text">
+          <h3>МЕНЮ</h3>
+          <div className="burger">
+            <span className="burger__line"></span>
+            <span className="burger__line"></span>
+            <span className="burger__line"></span>
+          </div>
+        </div>
+        <p>2023 © Outstaffing</p>
+      </div>
+    </div>
+  );
+};
+
+export default SideBar;

src/components/SideBar/sidebar.scss

@@ -0,0 +1,26 @@
+.auth-menu {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 141px;
+  height: 100%;
+  background: #e1fccf;
+}
+
+.auth-menu.active {
+}
+
+.auth-title {
+  .text {
+  }
+
+  .burger {
+    &__line {
+      width: 35px;
+      height: 5px;
+      background-color: #333;
+      margin: 6px 0;
+      transition: 0.4s;
+    }
+  }
+}