fix(iOS): top padding issue for iPhone

src/main/frontend/components/header.css

@@ -203,8 +203,12 @@ html.is-native-iphone,
 html.is-native-iphone-without-notch,
 html.is-native-ipad {
 
-    #main-container {
-        padding-top: 20px;
+     #main-container {
+        padding-top: 0px;
+    }
+
+    #main-content-container {
+        padding-top: 0px;
     }
     
     .cp__header > .r {
@@ -215,14 +219,6 @@ html.is-native-ipad {
 html.is-native-ipad {
     --ls-headbar-inner-top-padding: 0px;
     --ls-headbar-height: 4rem;
-
-    #main-container {
-        padding-top: 0px;
-    }
-
-    #main-container-content {
-        padding-top: 0px;
-    }
     
     .cp__header {
       background-color: transparent !important;
@@ -282,11 +278,7 @@ html.is-native-iphone {
             padding-bottom: 12px;
         }
     }
-
-    #main-container {
-        padding-top: 83px;
-    }
-
+    
     @media (orientation: landscape) {
         --ls-headbar-inner-top-padding: 8px;
         --ls-headbar-height: 2.5rem;
@@ -294,10 +286,6 @@ html.is-native-iphone {
         .cp__header {
             @apply shadow z-10;
         }
-
-        #main-container {
-            padding-top: 45px;
-        }
     }
 }