Telephone country code select (#9473)

* add telephone code select

* add flags

* run svgo on flags

* get it somewhat working on web

* get web closed state working

* verify country code we get from geo

* trim down names to shorter common versions

* add labels to other selects

* make international tel codes a static object

* add component to storybook

* Update src/lib/international-telephone-codes.ts

Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com>

* update to new geo hook

* use Intl.DisplayNames, add polyfill

* use in rather than keys().includes()

---------

Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com>

src/components/LanguageSelect.tsx

@@ -13,10 +13,12 @@ export function LanguageSelect({
     label: l.name,
     value: l.code2,
   })),
+  label,
 }: {
   value?: string
   onChange: (value: string) => void
   items?: {label: string; value: string}[]
+  label?: string
 }) {
   const {_} = useLingui()
 
@@ -37,6 +39,7 @@ export function LanguageSelect({
         <Select.Icon />
       </Select.Trigger>
       <Select.Content
+        label={label}
         renderItem={({label, value}) => (
           <Select.Item value={value} label={label}>
             <Select.ItemIndicator />