add responsiveness

frontend/src/app/components/sidebar/styles.module.css

@@ -11,6 +11,7 @@
   user-select: none;
   border-right: 1px solid #2c2d3d;
   background: #191a24;
+  transition: all 150ms;
 }
 .topContainer {
   display: flex;
@@ -142,7 +143,7 @@
 }
 .navFooterContainer > div > div {
   display: flex;
-  width: 186px;
+  width: 100%;
   justify-content: space-between;
   align-items: center;
   flex: 1 0 0;
@@ -155,3 +156,28 @@
   font-weight: 500;
   line-height: normal;
 }
+.collapsed {
+  width: 80px;
+}
+.noDisplay {
+  display: none;
+}
+.blockDisplay {
+  display: block;
+}
+@media (max-width: 1050px) {
+  .mainContainer {
+    width: 80px;
+  }
+  .label {
+    display: none;
+  }
+}
+@media (max-width: 768px) {
+  .mainContainer {
+    display: none;
+  }
+  .label {
+    display: none;
+  }
+}