feat: add header

src/routes/-/RootLayout/components/Navigation/Navigation.module.css

@@ -1,6 +1,6 @@
 :root {
   --navigation-height: 74px;
-  --navigation-padding: var(--tg-viewport-safe-area-inset-bottom, 0px);
+  --navigation-padding: var(--safe-bottom);
   --navigation-total: calc(var(--navigation-height) + var(--navigation-padding));
 }
 
@@ -12,6 +12,8 @@
     left: 0;
     z-index: 10;
     max-width: 500px;
+    padding-left: var(--safe-left);
+    padding-right: var(--safe-right);
     margin: auto;
     display: flex;
     align-items: flex-end;
@@ -84,9 +86,10 @@
     border-radius: 27px 0 0 27px;
     display: flex;
     flex-direction: column;
-    align-items: center;
+    align-items: flex-start;
     justify-content: flex-start;
     padding-right: 20px;
+    padding-left: 20px;
     cursor: pointer;
   }