copied the code from the working repo

mtucijobsweb2/fsd/widgets/Header/Header.module.scss

@@ -0,0 +1,69 @@
+.header {
+  background: #BDB1E7;
+  display: flex;
+  align-items: center;
+  padding: 0 20px;
+}
+
+.logo {
+  color: white;
+  font-size: 20px;
+  font-weight: bold;
+  margin-right: 20px;
+  cursor: pointer;
+}
+
+.menu {
+  background: #BDB1E7; /* Задает фон меню такой же, как и у шапки */
+  flex: 1;
+}
+
+.burgerIcon {
+  display: none;
+  font-size: 24px;
+  color: white;
+  cursor: pointer;
+}
+
+.logoutButton {
+  background-color: #372579;
+}
+
+.logoutButton:hover {
+  background: #47309C !important;
+}
+.logoutButtonBurger {
+  background-color: #372579;
+  color:#BDB1E7;
+  margin-top:20px;
+  width:100%;
+}
+
+.logoutButtonBurger:hover {
+  background: #47309C !important;
+}
+
+// .menuBurger{
+//   color:white;
+//   		background-color:#372579;
+// }
+
+@media screen and (max-width: 580px) {
+  .burgerIcon {
+    display: block;
+    position: absolute;
+    right:10px;
+
+  }
+
+  .menu {
+    display: none; /* Скрываем горизонтальное меню на мобильных */
+  }
+}
+
+@media screen and (max-width: 748px) {
+ .logo{
+  line-height: 20px;
+  text-align: center;
+ }
+}