Merged in chore/SW-3145-move-country (pull request #2545)

chore: SW-3145 Moved country into design system

* chore: SW-3145 Moved country into design system


Approved-by: Anton Gunnarsson

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/SelectQuantityStep/index.tsx

@@ -2,6 +2,7 @@ import { useFormContext } from "react-hook-form"
 import { useIntl } from "react-intl"
 
 import Body from "@scandic-hotels/design-system/Body"
+import { ErrorMessage } from "@scandic-hotels/design-system/Form/ErrorMessage"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { AlertTypeEnum } from "@scandic-hotels/trpc/types/alertType"
@@ -9,8 +10,8 @@ import { AlertTypeEnum } from "@scandic-hotels/trpc/types/alertType"
 import { useAddAncillaryStore } from "@/stores/my-stay/add-ancillary-flow"
 
 import Alert from "@/components/TempDesignSystem/Alert"
-import ErrorMessage from "@/components/TempDesignSystem/Form/ErrorMessage"
 import Select from "@/components/TempDesignSystem/Form/Select"
+import { getErrorMessage } from "@/utils/getErrorMessage"
 
 import styles from "./selectQuantityStep.module.css"
 
@@ -116,7 +117,14 @@ export default function SelectQuantityStep({ user }: SelectQuantityStepProps) {
           items={cardQuantityOptions}
           isNestedInModal
         />
-        <ErrorMessage errors={errors} name="quantityWithCard" />
+        <ErrorMessage
+          errors={errors}
+          name="quantityWithCard"
+          messageLabel={getErrorMessage(
+            intl,
+            errors["quantityWithCard"]?.message?.toString()
+          )}
+        />
       </div>
     </div>
   )