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/screens/Settings/LanguageSettings.tsx

@@ -100,6 +100,7 @@ export function LanguageSettingsScreen({}: Props) {
                   <Select.Icon />
                 </Select.Trigger>
                 <Select.Content
+                  label={_(msg`App language`)}
                   renderItem={({label, value}) => (
                     <Select.Item value={value} label={label}>
                       <Select.ItemIndicator />
@@ -133,6 +134,7 @@ export function LanguageSettingsScreen({}: Props) {
                   <Select.Icon />
                 </Select.Trigger>
                 <Select.Content
+                  label={_(msg`Primary language`)}
                   renderItem={({label, value}) => (
                     <Select.Item value={value} label={label}>
                       <Select.ItemIndicator />