web: Capitalize language display names, code owner fix (#19119)

* web: Capitalize locale display names.

* Fix broad code owner.

CODEOWNERS

@@ -38,7 +38,7 @@ packages/tsconfig                       @goauthentik/frontend
 # Web
 web/                                    @goauthentik/frontend
 # Locale
-locale/                                 @goauthentik/backend @goauthentik/frontend
+/locale/                                @goauthentik/backend @goauthentik/frontend
 web/xliff/                              @goauthentik/backend @goauthentik/frontend
 # Docs
 website/                                @goauthentik/docs

web/src/elements/locale/ak-locale-select.ts

@@ -156,7 +156,7 @@ export class AKLocaleSelect extends WithLocale(WithCapabilitiesConfig(AKElement)
                     part="select"
                     id="locale-selector"
                     @change=${this.#localeChangeListener}
-                    class="pf-c-form-control"
+                    class="pf-c-form-control ak-m-capitalize"
                     name="locale"
                 >
                     ${renderLocaleDisplayNames(entries, activeLocaleTag)}

web/src/flow/stages/prompt/PromptStage.ts

@@ -226,7 +226,7 @@ ${prompt.initialValue}</textarea
                     : null;
 
                 return html`<select
-                    class="pf-c-form-control"
+                    class="pf-c-form-control ak-m-capitalize"
                     id=${fieldId}
                     name="${prompt.fieldKey}"
                     aria-label=${msg("Select language", {

web/src/styles/authentik/base/common.css

@@ -57,6 +57,10 @@
     }
 }
 
+.ak-m-capitalize {
+    text-transform: capitalize;
+}
+
 ::placeholder {
     font-style: italic;
 }