refactor: Upgrade to the new UI (#521)

Co-authored-by: MystiPanda <mystipanda@proton.me>

src/assets/styles/page.scss

@@ -3,23 +3,23 @@
   height: 100%;
   display: flex;
   flex-direction: column;
-
   > header {
     flex: 0 0 58px;
     width: 100%;
     // max-width: 850px;
     margin: 0 auto;
-    padding-right: 8px;
+    padding: 0 20px;
     box-sizing: border-box;
     display: flex;
     align-items: center;
     justify-content: space-between;
+    border-bottom: 1px solid var(--divider-color);
   }
 
   .base-container {
     height: 100%;
     overflow: hidden;
-    border-top-left-radius: var(--border-radius);
+    // border-top-left-radius: var(--border-radius);
 
     > section {
       position: relative;
@@ -27,12 +27,11 @@
       width: 100%;
       height: 100%;
       overflow: auto;
-      padding: 10px 0;
+      padding: 16px 0;
       box-sizing: border-box;
       scrollbar-gutter: stable;
-
       .base-content {
-        width: calc(100% - 10px * 2);
+        width: calc(100% - 16px * 2);
         margin: 0 auto;
       }
     }
@@ -41,7 +40,6 @@
       > section {
         padding: 0;
         overflow: visible;
-
         .base-content {
           width: 100%;
         }