improve full menu animation

web/src/components/layout/header.module.scss

@@ -18,7 +18,7 @@
     }
 
     .fullMenu {
-      right: 0;
+      transform: translateX(0);
     }
 
     .toggleMenu {
@@ -137,18 +137,19 @@
 
 .fullMenu {
   position: fixed;
-  right: -100%;
+  right: 0;
   top: 0;
   bottom: 0;
   z-index: 1000;
   width: 50%;
   overflow-y: auto;
+  transform: translateX(100%);
 
   background: var(--color-menu-background);
   color: var(--color-menu-text);
   padding: var(--spacing-sitepadding-block);
 
-  transition: all var(--transition-easing);
+  transition: transform var(--transition-easing);
 
   a {
     --size-icon: var(--font-size-caption);