Show correct breadcrumb title for resource, policy and scope details (#19581)

Closes #19533

js/apps/admin-ui/public/resources/en/clients.json

@@ -128,6 +128,7 @@
   "importResourceSuccess": "The resource was successfully imported",
   "importResourceError": "Could not import the resource due to {{error}}",
   "createResource": "Create resource",
+  "resourceDetails": "Resource details",
   "emptyPermissions": "No permissions",
   "emptyPermissionInstructions": "If you want to create a permission, please click the button below to create a resource-based or scope-based permission.",
   "noScopeCreateHint": "You'll need to create an authorization scope first.",
@@ -181,12 +182,14 @@
   "updatePermissionSuccess": "Successfully updated the permission",
   "permissionSaveError": "Could not update the permission due to {{error}}",
   "createAuthorizationScope": "Create authorization scope",
+  "authorizationScopeDetails": "Authorization scope details",
   "emptyAuthorizationScopes": "No authorization scopes",
   "emptyAuthorizationInstructions": "If you want to create authorization scopes, please click the button below to create the authorization scope",
   "createScopeSuccess": "Authorization scope created successfully",
   "updateScopeSuccess": "Authorization scope successfully updated",
   "scopeSaveError": "Could not persist authorization scope due to {{error}}",
   "createPolicy": "Create policy",
+  "policyDetails": "Policy details",
   "createPolicyOfType": "Create {{policyType}} policy",
   "dependentPermission": "Dependent permission",
   "deletePolicy": "Permanently delete policy?",

js/apps/admin-ui/src/clients/routes/PolicyDetails.tsx

@@ -17,7 +17,7 @@ const PolicyDetails = lazy(
 export const PolicyDetailsRoute: AppRouteObject = {
   path: "/:realm/clients/:id/authorization/policy/:policyId/:policyType",
   element: <PolicyDetails />,
-  breadcrumb: (t) => t("clients:createPolicy"),
+  breadcrumb: (t) => t("clients:policyDetails"),
   handle: {
     access: "view-clients",
   },

js/apps/admin-ui/src/clients/routes/Resource.tsx

@@ -14,7 +14,7 @@ const ResourceDetails = lazy(() => import("../authorization/ResourceDetails"));
 export const ResourceDetailsRoute: AppRouteObject = {
   path: "/:realm/clients/:id/authorization/resource",
   element: <ResourceDetails />,
-  breadcrumb: (t) => t("clients:createResource"),
+  breadcrumb: (t) => t("clients:resourceDetails"),
   handle: {
     access: "view-clients",
   },

js/apps/admin-ui/src/clients/routes/Scope.tsx

@@ -14,7 +14,7 @@ const ScopeDetails = lazy(() => import("../authorization/ScopeDetails"));
 export const ScopeDetailsRoute: AppRouteObject = {
   path: "/:realm/clients/:id/authorization/scope",
   element: <ScopeDetails />,
-  breadcrumb: (t) => t("clients:createAuthorizationScope"),
+  breadcrumb: (t) => t("clients:authorizationScopeDetails"),
   handle: {
     access: "manage-clients",
   },