Refactored shared css & removed unused styles

src/routes/Header.svelte

@@ -97,11 +97,11 @@
     font-size: 1.8rem;
   }
 
-  .corner img {
-    width: 2em;
-    height: 2em;
-    object-fit: contain;
-  }
+  // .corner img {
+  //   width: 2em;
+  //   height: 2em;
+  //   object-fit: contain;
+  // }
 
   nav {
     display: flex;

src/routes/orders/OrdersTable.svelte

@@ -55,6 +55,19 @@
 <style lang="scss" module="scoped">
   @import '../../styles/media-queries.scss';
 
+  h2 {
+    // text-decoration: underline;
+    font-size: 1.2rem;
+
+    .section-count {
+      background-color: rgba(0,0,0,0.15);
+      padding: 0.3rem 0.4rem;
+      margin-left: 0.5rem;
+      border-radius: 0.5rem;
+      font-size: 1rem;
+    }
+  }
+
   table {
     width: 100%;
     border-collapse: collapse;

src/routes/orders/[id]/OrderProducts.svelte

@@ -39,9 +39,13 @@
 </table>
 
 <style lang="scss">
-  // @import "../styles/global.scss";
   @import '../../../styles/media-queries.scss';
-  @import './styles-order-page.scss';
+
+  h2 {
+    width: 100%;
+    font-size: 1.5rem;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
+  }
 
   table {
     width: 100%;
@@ -73,10 +77,6 @@
     }
 
     tbody {
-      a {
-        font-size: inherit;
-      }
-
       img {
         width: 4rem;
         height: 4rem;

src/routes/orders/[id]/OrderSummary.svelte

@@ -28,16 +28,27 @@
 </ul>
 
 <style lang="scss">
-  @import './styles-order-page.scss';
+  .label {
+    color: grey;
+  }
+
+  span.name {
+    text-transform: capitalize;
+  }
 
   ul {
     width: 100%;
+    list-style: none;
+    padding-left: 0;
+    margin-top: 0;
   }
 
   li {
+    padding: 0.4rem 0;
     display: inline-flex;
     align-items: flex-start;
     flex-direction: column;
+    white-space: pre;
 
     &:not(:last-of-type) {
       margin-right: 3rem;

src/routes/privacy-policy/+page.svelte

@@ -176,4 +176,8 @@
 
 <style lang="scss" module="scoped">
   @import '../../styles/generic-article.scss';
+
+  a {
+    text-decoration: underline;
+  }
 </style>