Co 3770 improve cos module code stability

AGENTS.md

@@ -76,6 +76,11 @@ Year is auto-updated by eslint. The header is required in all files except:
   }
   ```
 
+### React Compiler
+- This project uses the **React Compiler** (babel plugin)
+- **Do not use `useMemo` or `useCallback`** — the compiler handles memoization automatically
+- Writing manual memoization hooks is redundant and linters will flag them
+
 ### React Components
 - Use named exports only, no default exports
 - Type components with `FC` from 'react': `const ComponentName: FC = () => {}`

apps/admin-ui-backup/src/views/backup/configuration/backup-configuration.tsx

@@ -20,6 +20,7 @@ import {
   fetchExternalSoap,
   getSoapFetchRequest,
   postSoapFetchRequest,
+  setCoreAttributes,
   useAllServers,
   useCurrentUserRights,
   useModuleLicenseInfo,
@@ -55,7 +56,6 @@ import {
   ZIMBRA_ADMIN_URN,
 } from '../../../constants';
 import { fetchSoap } from '../../../services/bucket-service';
-import { setCoreAttributes } from '../../../services/set-core-attributes';
 import { useBackupStore } from '../../../store/backup/store';
 import { RouteLeavingGuard } from '../../ui-extras/nav-guard';
 
@@ -432,8 +432,8 @@ const BackupConfiguration: FC = () => {
       body = { ...body, ...scanner };
     }
     setIsSaveRequestInProgress(true);
-    setCoreAttributes(body)
-      .then((data: SetCoreAttributesResponse) => {
+    setCoreAttributes<SetCoreAttributesResponse>(body)
+      .then((data) => {
         setIsSaveRequestInProgress(false);
         if ((data?.errors && Array.isArray(data?.errors)) || data?.error) {
           let errorMessage = t(

apps/admin-ui-backup/src/views/backup/server-advanced/server-advanced.tsx

@@ -14,7 +14,7 @@ import {
   Switch,
   useSnackbar,
 } from '@zextras/ui-components';
-import { getSoapFetchRequest, useAllServers, useCurrentUserRights } from '@zextras/ui-shared';
+import { getSoapFetchRequest, setCoreAttributes, useAllServers, useCurrentUserRights } from '@zextras/ui-shared';
 import { find } from 'lodash-es';
 import { type ChangeEvent, FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -29,7 +29,6 @@ import type {
 } from '../../../../types';
 import { CONFIG, SERVER } from '../../../constants';
 import { checkLdap } from '../../../services/check-ldap';
-import { setCoreAttributes } from '../../../services/set-core-attributes';
 import { RouteLeavingGuard } from '../../ui-extras/nav-guard';
 
 const ServerAdvanced: FC = () => {
@@ -472,8 +471,8 @@ const ServerAdvanced: FC = () => {
       },
     };
     setIsRequestInProgress(true);
-    setCoreAttributes(body)
-      .then((data: SetCoreAttributesResponse) => {
+    setCoreAttributes<SetCoreAttributesResponse>(body)
+      .then((data) => {
         setIsRequestInProgress(false);
         if (data?.errors && Array.isArray(data?.errors)) {
           createSnackbar({