feat: refactor of my stay

apps/scandic-web/components/HotelReservation/MyStay/myStay.module.css

@@ -1,38 +1,3 @@
-.main {
-  background-color: var(--Base-Surface-Primary-light-Normal);
-}
-
-.imageContainer {
-  position: absolute;
-  width: 100%;
-  height: 480px;
-}
-
-.blurOverlay {
-  position: absolute;
-  inset: 0;
-  backdrop-filter: blur(12px);
-  pointer-events: none;
-  z-index: 1;
-  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, transparent 100%);
-  background: linear-gradient(
-    to bottom,
-    rgba(0, 0, 0, 0.5) 0%,
-    transparent 100%
-  );
-}
-
-.image {
-  object-fit: cover;
-  object-position: center;
-}
-
-.headerContainer {
-  display: flex;
-  flex-direction: column;
-  gap: var(--Spacing-x4);
-}
-
 .content {
   width: 100%;
   display: flex;
@@ -44,13 +9,6 @@
   padding-bottom: var(--Spacing-x3);
 }
 
-.form {
-  max-width: 640px;
-  margin-left: auto;
-  margin-right: auto;
-  padding: var(--Spacing-x5) 0;
-}
-
 .headerSkeleton {
   display: flex;
   flex-direction: column;
@@ -59,6 +17,12 @@
   padding: var(--Spacing-x6) var(--Spacing-x2) 0;
 }
 
+.cardSkeleton {
+  max-width: 100%;
+  margin: -30px auto 0;
+  padding: 0 var(--Spacing-x2);
+}
+
 .section {
   display: flex;
   flex-direction: column;
@@ -66,39 +30,12 @@
   padding: 0 var(--Spacing-x2);
 }
 
-.cardSkeleton {
-  max-width: 100%;
-  margin: -30px auto 0;
-  padding: 0 var(--Spacing-x2);
-}
-
 .ancillariesSkeleton {
   display: flex;
   flex-direction: column;
   gap: var(--Spacing-x2);
 }
 
-.paymentDetailsSkeleton {
-  display: flex;
-  flex-direction: column;
-  gap: var(--Spacing-x2);
-}
-
-.hotelDetailsSkeleton {
-  display: flex;
-  flex-direction: column;
-  gap: var(--Spacing-x2);
-}
-
-.logIn {
-  padding: var(--Spacing-x9) var(--Spacing-x2);
-  display: flex;
-  flex-direction: column;
-  gap: var(--Spacing-x2);
-  align-items: center;
-  color: var(--Scandic-Grey-100);
-}
-
 @media (min-width: 768px) {
   .content {
     width: var(--max-width-content);