th-297: The Burger Menu Extends Beyond The Header (#305)

* th-252: * fix weird behaviour of password eye icon toggling on pressing enter

* th-297: * burger menu preservers lines instead of X sign and does not overlap the header

* th-297: * substitute the calcuation for burger-menu offset with explicit value definitions

---------

Co-authored-by: Alina Kupchyk <[email protected]>

Author: Some14u

frontend/src/libs/components/burger-menu/burger-menu.tsx

@@ -70,7 +70,7 @@ const BurgerMenu: React.FC<Properties> = ({ burgerItems }: Properties) => {
       className={getValidClassNames(styles.burgerMenu, isOpen && styles.open)}
     >
       <Icon
-        iconName={isOpen ? IconName.XMARK : IconName.BARS}
+        iconName={IconName.BARS}
         onClick={toggleMenu}
         className={styles.burgerIcon}
       />

frontend/src/libs/components/burger-menu/styles.module.scss

@@ -17,8 +17,8 @@
 
 .menu {
   position: absolute;
-  top: 110%;
-  right: 0;
+  top: 68px;
+  right: -21px;
   z-index: 10;
   width: 220px;
   overflow: hidden;