feat: add SignupPromo component

components/HotelReservation/SelectRate/RoomSelection/RateSummary/rateSummary.module.css

@@ -33,7 +33,12 @@
   width: 100%;
 }
 
+.promoContainer {
+  display: none;
+  max-width: 264px;
+}
 .summaryPrice {
+  align-self: center;
   display: flex;
   width: 100%;
   gap: var(--Spacing-x4);
@@ -50,6 +55,7 @@
 }
 
 .summaryPriceTextDesktop {
+  align-self: center;
   display: none;
 }
 
@@ -64,27 +70,6 @@
   white-space: nowrap;
 }
 
-.memberDiscountBannerDesktop {
-  display: none;
-  background: var(--Primary-Light-Surface-Normal);
-  border-radius: var(--Corner-radius-xLarge) var(--Corner-radius-xLarge) 0px
-    var(--Corner-radius-xLarge);
-  flex-direction: row;
-  align-items: center;
-  padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
-  gap: var(--Spacing-x2);
-  max-width: 264px;
-}
-
-.memberDiscountBannerMobile {
-  width: 100%;
-  background: var(--Primary-Light-Surface-Normal);
-  padding: var(--Spacing-x-one-and-half);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
 @media (min-width: 768px) {
   .summary {
     padding: var(--Spacing-x3) var(--Spacing-x7) var(--Spacing-x5);
@@ -93,15 +78,12 @@
     flex-direction: row;
   }
   .petInfo,
+  .promoContainer,
   .summaryText,
   .summaryPriceTextDesktop {
     display: block;
   }
-  .memberDiscountBannerDesktop {
-    display: flex;
-  }
-  .summaryPriceTextMobile,
-  .memberDiscountBannerMobile {
+  .summaryPriceTextMobile {
     display: none;
   }
   .summaryPrice,