Fix Federation Cache Policy details not shown when editing provider (#42222) (#45375)

When the SelectControl component was refactored to use ui-shared controls,
the comparison logic for cache policy values was not updated correctly.

The refactored SelectControl returns string values ('EVICT_WEEKLY', 'EVICT_DAILY', etc.)
when using string options, but the code was still comparing against arrays (['EVICT_WEEKLY']).

This caused the conditional rendering of cache policy detail fields (evictionDay,
evictionHour, evictionMinute, maxLifespan) to always fail when editing an existing
federation provider.

Changes:
- Changed direct string comparisons instead of array comparisons
- Updated defaultValue from array to string format
- Removed array indexing from field names (e.g., 'config.evictionDay[0]' to 'config.evictionDay')
- Removed unused isEqual import from lodash-es

Signed-off-by: Roni Saha <roni.cse@gmail.com>

js/apps/admin-ui/src/user-federation/shared/SettingsCache.tsx

@@ -3,7 +3,6 @@ import {
   SelectControl,
   SelectControlOption,
 } from "@keycloak/keycloak-ui-shared";
-import { isEqual } from "lodash-es";
 import { UseFormReturn, useWatch } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { FormAccess } from "../../components/form/FormAccess";
@@ -16,6 +15,13 @@ export type SettingsCacheProps = {
   unWrap?: boolean;
 };
 
+const getValue = (value: string | string[] | undefined) => {
+  if (Array.isArray(value)) {
+    return value[0];
+  }
+  return value;
+};
+
 const CacheFields = ({ form }: { form: UseFormReturn }) => {
   const { t } = useTranslation();
 
@@ -24,6 +30,8 @@ const CacheFields = ({ form }: { form: UseFormReturn }) => {
     name: "config.cachePolicy",
   });
 
+  const cachePolicy = getValue(cachePolicyType);
+
   const hourOptions: SelectControlOption[] = [];
   let hourDisplay = "";
   for (let index = 0; index < 24; index++) {
@@ -65,7 +73,7 @@ const CacheFields = ({ form }: { form: UseFormReturn }) => {
           "NO_CACHE",
         ]}
       />
-      {isEqual(cachePolicyType, ["EVICT_WEEKLY"]) ? (
+      {cachePolicy === "EVICT_WEEKLY" ? (
         <SelectControl
           id="kc-eviction-day"
           name="config.evictionDay[0]"
@@ -86,34 +94,33 @@ const CacheFields = ({ form }: { form: UseFormReturn }) => {
           ]}
         />
       ) : null}
-      {isEqual(cachePolicyType, ["EVICT_DAILY"]) ||
-      isEqual(cachePolicyType, ["EVICT_WEEKLY"]) ? (
+      {cachePolicy === "EVICT_DAILY" || cachePolicy === "EVICT_WEEKLY" ? (
         <>
           <SelectControl
             id="kc-eviction-hour"
-            name="config.evictionHour"
+            name="config.evictionHour[0]"
             label={t("evictionHour")}
             labelIcon={t("evictionHourHelp")}
             controller={{
-              defaultValue: ["0"],
+              defaultValue: "0",
             }}
             aria-label={t("selectEvictionHour")}
             options={hourOptions}
           />
           <SelectControl
             id="kc-eviction-minute"
-            name="config.evictionMinute"
+            name="config.evictionMinute[0]"
             label={t("evictionMinute")}
             labelIcon={t("evictionMinuteHelp")}
             controller={{
-              defaultValue: ["0"],
+              defaultValue: "0",
             }}
             aria-label={t("selectEvictionMinute")}
             options={minuteOptions}
           />
         </>
       ) : null}
-      {isEqual(cachePolicyType, ["MAX_LIFESPAN"]) ? (
+      {cachePolicy === "MAX_LIFESPAN" ? (
         <NumberControl
           data-testid="kerberos-cache-lifespan"
           name="config.maxLifespan[0]"