fix view

src/lib/components/Layout/AppHeader.svelte

@@ -44,10 +44,8 @@
     justify-content: space-between;
     align-items: center;
     padding: 1rem;
-    padding-top: calc(1rem + env(safe-area-inset-top, 0));
-    position: sticky;
-    top: 0;
-    z-index: 100;
+    background: white;
+    border-bottom: 1px solid #f0f0f0;
   }
   
   .app-title {

src/lib/components/Layout/ProgressBar.svelte

@@ -44,11 +44,19 @@
     display: flex;
     align-items: center;
     gap: 0.75rem;
-    padding: 0.5rem 1rem;
+    padding: 0.4rem 1rem;
+    padding-top: env(safe-area-inset-top);
     background: white;
     border-bottom: 1px solid #f0f0f0;
   }
   
+  @media (max-width: 768px) {
+    .progress-container {
+      padding: 0.3rem 1rem;
+      padding-top: env(safe-area-inset-top);
+    }
+  }
+  
   .progress-bar {
     flex: 1;
     background: #f0f0f0;