Merged in fix/SW-2626-error-message-multiroom-reward (pull request #2299)

fix(SW-2626): add multiroom reward error message for mobile

* fix(SW-2626): add multiroom reward error message for mobile

* fix(SW-2626): error message to red color

* fix(SW-2626): fix errorContainer

* fix(SW-2626): fix button fullwidth

* fix(SW-2626): fix button fullwidth

* fix(SW-2626): add design

* fix(SW-2626): add new colors for checkbox

* fix(SW-2626): new color for input

* fix(SW-2626): fix pr comment

* fix(SW-2626): final ui for desktop and mobile


Approved-by: Hrishikesh Vaipurkar

apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css

@@ -2,6 +2,17 @@
   display: none;
 }
 
+.errorContainer {
+  display: flex;
+  padding: var(--Space-x2);
+}
+
+.error {
+  display: flex;
+  gap: var(--Space-x1);
+  color: var(--UI-Text-Error);
+}
+
 .pickerContainerMobile {
   --header-height: 72px;
   --sticky-button-height: 140px;
@@ -59,6 +70,10 @@
   padding: 20px var(--Spacing-x-one-and-half) 0;
 }
 
+.guestsAndRooms {
+  color: var(--Text-Default);
+}
+
 .footer {
   display: flex;
   flex-direction: row;
@@ -132,7 +147,6 @@
   .addRoomMobileContainer {
     display: grid;
     padding-bottom: calc(var(--sticky-button-height) + 20px);
-    gap: var(--Spacing-x2);
   }
 
   .addRoomMobileContainer button {