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/Forms/Edit/Profile/FormContent/index.tsx

@@ -3,17 +3,21 @@
 import { useIntl } from "react-intl"
 
 import { Divider } from "@scandic-hotels/design-system/Divider"
+import CountrySelect from "@scandic-hotels/design-system/Form/Country"
 import { Select } from "@scandic-hotels/design-system/Select"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { getLocalizedLanguageOptions } from "@/constants/languages"
 
-import CountrySelect from "@/components/TempDesignSystem/Form/Country"
 import DateSelect from "@/components/TempDesignSystem/Form/Date"
 import Input from "@/components/TempDesignSystem/Form/Input"
 import PasswordInput from "@/components/TempDesignSystem/Form/PasswordInput"
 import Phone from "@/components/TempDesignSystem/Form/Phone"
 import useLang from "@/hooks/useLang"
+import { getFormattedCountryList } from "@/utils/countries"
+import { getErrorMessage } from "@/utils/getErrorMessage"
+
+import { editProfileErrors } from "../schema"
 
 import styles from "./formContent.module.css"
 
@@ -59,9 +63,15 @@ export default function FormContent() {
             registerOptions={{ required: true }}
           />
           <CountrySelect
+            countries={getFormattedCountryList(intl)}
+            errorMessage={getErrorMessage(
+              intl,
+              editProfileErrors.COUNTRY_REQUIRED
+            )}
             label={intl.formatMessage({
               defaultMessage: "Country",
             })}
+            lang={lang}
             name="address.countryCode"
             registerOptions={{ required: true }}
           />