Merged in feat/book-522-align (pull request #3101)

feat(BOOK-522): align items in topmenu, header and booking widget

* feat(BOOK-522): align items in topmenu, header and booking widget

* Delete old css variable and use new

* Fixed underline on icons


Approved-by: Erik Tiekstra

apps/scandic-web/components/HotelReservation/MyStay/Receipt/Total/total.module.css

@@ -17,11 +17,11 @@
 .totalContainer {
   border: 1px solid var(--Border-Divider-Subtle);
   border-radius: var(--Spacing-x1);
-  padding: var(--Spacing-x-one-and-half) var(--Spacing-x2) var(--Spacing-x2)
+  padding: var(--Space-x15) var(--Spacing-x2) var(--Spacing-x2)
     var(--Spacing-x2);
   flex-direction: column;
   align-items: stretch;
-  gap: var(--Spacing-x-one-and-half);
+  gap: var(--Space-x15);
   display: flex;
 }