wip: new PhoneCountryCode Select

apps/scandic-web/components/TempDesignSystem/Form/Phone/CountryCode.tsx

@@ -0,0 +1,25 @@
+import { useIntl } from "react-intl"
+
+import { Select } from "@scandic-hotels/design-system/Select"
+
+import { countryPhoneCodes } from "@/constants/countryPhoneCodes"
+
+export default function PhoneCountryCode() {
+  const intl = useIntl()
+  const countries = Object.entries(countryPhoneCodes).map(
+    ([countryName, countryCode]) => ({
+      label: countryName,
+      value: countryCode,
+    })
+  )
+  console.log("length: ", countries.length)
+  return (
+    <Select
+      name="phoneCountryCode"
+      label={intl.formatMessage({
+        defaultMessage: "Country code",
+      })}
+      items={countries}
+    />
+  )
+}

apps/scandic-web/components/TempDesignSystem/Form/Phone/Number.tsx

@@ -0,0 +1,16 @@
+import { useIntl } from "react-intl"
+
+import Input from "@/components/TempDesignSystem/Form/Input"
+
+export default function PhoneNumber() {
+  const intl = useIntl()
+  return (
+    <Input
+      label={intl.formatMessage({
+        defaultMessage: "Phone number",
+      })}
+      name="phoneNumber"
+      type="tel"
+    />
+  )
+}