Fixed a11y violations for clients (#21736)

Backports #17711

Co-authored-by: agagancarczyk <4890675+agagancarczyk@users.noreply.github.com>

js/apps/admin-ui/src/clients/authorization/PermissionDetails.tsx

@@ -272,7 +272,7 @@ export default function PermissionDetails() {
             {applyToResourceTypeFlag ? (
               <FormGroup
                 label={t("resourceType")}
-                fieldId="name"
+                fieldId="resourceType"
                 labelIcon={
                   <HelpItem
                     helpText={t("clients-help:resourceType")}

js/apps/admin-ui/src/clients/authorization/Permissions.tsx

@@ -266,12 +266,12 @@ export const AuthorizationPermissions = ({ clientId }: PermissionsProps) => {
             <TableComposable aria-label={t("resources")} variant="compact">
               <Thead>
                 <Tr>
-                  <Th />
+                  <Th aria-hidden="true" />
                   <Th>{t("common:name")}</Th>
                   <Th>{t("common:type")}</Th>
                   <Th>{t("associatedPolicy")}</Th>
                   <Th>{t("common:description")}</Th>
-                  <Th />
+                  <Th aria-hidden="true" />
                 </Tr>
               </Thead>
               {permissions.map((permission, rowIndex) => (

js/apps/admin-ui/src/clients/authorization/Resources.tsx

@@ -185,14 +185,14 @@ export const AuthorizationResources = ({ clientId }: ResourcesProps) => {
             <TableComposable aria-label={t("resources")} variant="compact">
               <Thead>
                 <Tr>
-                  <Th />
+                  <Th aria-hidden="true" />
                   <Th>{t("common:name")}</Th>
                   <Th>{t("displayName")}</Th>
                   <Th>{t("common:type")}</Th>
                   <Th>{t("owner")}</Th>
                   <Th>{t("uris")}</Th>
-                  <Th />
-                  <Th />
+                  <Th aria-hidden="true" />
+                  <Th aria-hidden="true" />
                 </Tr>
               </Thead>
               {resources.map((resource, rowIndex) => (

js/apps/admin-ui/src/clients/authorization/Scopes.tsx

@@ -183,11 +183,11 @@ export const AuthorizationScopes = ({ clientId }: ScopesProps) => {
             <TableComposable aria-label={t("scopes")} variant="compact">
               <Thead>
                 <Tr>
-                  <Th />
+                  <Th aria-hidden="true" />
                   <Th>{t("common:name")}</Th>
                   <Th>{t("displayName")}</Th>
-                  <Th />
-                  <Th />
+                  <Th aria-hidden="true" />
+                  <Th aria-hidden="true" />
                 </Tr>
               </Thead>
               {scopes.map((scope, rowIndex) => (