feat(FR-2115): show allowed resource group warning for domain/project/user fair share list (#5562)

Resolves #5540 ([FR-2115](https://lablup.atlassian.net/browse/FR-2115))

- Add **warning icon** in `DomainFairShareTable` and `ProjectFairShareTable` when the selected resource group is not included in a domain/project's allowed scaling groups
- Add **warning Alert** in `FairShareWeightSettingModal` (single-edit only) for domain and project fair share entries
- Add **warning Alert** in `FairShareList` (user step) and `FairShareWeightSettingModal` for user fair share entries — checks both domain-level and project-level `scaling_groups` (passes if either allows the resource group)
- New components: `DomainResourceGroupWarningIcon`, `DomainResourceGroupAlert`, `ProjectResourceGroupWarningIcon`, `ProjectResourceGroupAlert`, `UserResourceGroupAlert`
- i18n: added `fairShare.DomainNotAllowedInResourceGroup` key across all 21 supported locales

- [ ] Navigate to Fair Share Scheduler → select a resource group
- [ ] On the Domain step: verify warning icon appears next to domain names not associated with the selected resource group
- [ ] On the Project step: verify warning icon appears next to project names not associated with the selected resource group
- [ ] Open weight setting modal (single edit) for a domain/project/user with a mismatched resource group → verify warning Alert appears
- [ ] On the User step in FairShareList: verify warning Alert appears above the table when neither the domain nor the project allows the resource group
- [ ] Confirm no warning is shown when the resource group is properly allowed

[FR-2115]: https://lablup.atlassian.net/browse/FR-2115?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: yomybaby

react/src/components/FairShareItems/DomainFairShareTable.tsx

@@ -1,4 +1,5 @@
 import QuestionIconWithTooltip from '../QuestionIconWithTooltip';
+import DomainResourceGroupWarningIcon from './DomainResourceGroupWarningIcon';
 import { SettingOutlined } from '@ant-design/icons';
 import { Divider, theme, Typography } from 'antd';
 import {
@@ -104,6 +105,7 @@ const DomainFairShareTable: React.FC<DomainFairShareTableProps> = ({
         createdAt
         updatedAt
 
+        ...DomainResourceGroupWarningIconFragment
         ...FairShareWeightSettingModal_DomainFragment
         ...UsageBucketModal_DomainFragment
       }
@@ -120,6 +122,7 @@ const DomainFairShareTable: React.FC<DomainFairShareTableProps> = ({
       sorter: isEnableSorter('domainName'),
       render: (_name, record) => (
         <BAIFlex gap="xxs" align="center">
+          <DomainResourceGroupWarningIcon domainFairShareFrgmt={record} />
           <BAILink
             icon={<ChevronRight />}
             onClick={() =>

react/src/components/FairShareItems/DomainResourceGroupAlert.tsx

@@ -0,0 +1,65 @@
+import { Alert, AlertProps } from 'antd';
+import _ from 'lodash';
+import { useTranslation } from 'react-i18next';
+import { graphql, useFragment, useLazyLoadQuery } from 'react-relay';
+import type { DomainResourceGroupAlertFragment$key } from 'src/__generated__/DomainResourceGroupAlertFragment.graphql';
+import type { DomainResourceGroupAlertQuery } from 'src/__generated__/DomainResourceGroupAlertQuery.graphql';
+
+interface DomainResourceGroupAlertProps extends AlertProps {
+  domainFairShareFrgmt: DomainResourceGroupAlertFragment$key;
+  isModalOpen: boolean;
+}
+
+const DomainResourceGroupAlert: React.FC<DomainResourceGroupAlertProps> = ({
+  domainFairShareFrgmt,
+  isModalOpen,
+  ...alertProps
+}) => {
+  'use memo';
+
+  const { t } = useTranslation();
+
+  const { domainName, resourceGroupName } = useFragment(
+    graphql`
+      fragment DomainResourceGroupAlertFragment on DomainFairShare {
+        domainName
+        resourceGroupName
+      }
+    `,
+    domainFairShareFrgmt,
+  );
+
+  const { domain } = useLazyLoadQuery<DomainResourceGroupAlertQuery>(
+    graphql`
+      query DomainResourceGroupAlertQuery($domainName: String) {
+        domain(name: $domainName) {
+          scaling_groups
+        }
+      }
+    `,
+    { domainName },
+    {
+      fetchPolicy: isModalOpen ? 'network-only' : 'store-only',
+    },
+  );
+
+  if (
+    !resourceGroupName ||
+    _.includes(domain?.scaling_groups ?? [], resourceGroupName)
+  ) {
+    return null;
+  }
+
+  return (
+    <Alert
+      type="warning"
+      title={t('fairShare.DomainNotAllowedInResourceGroup', {
+        resourceGroup: resourceGroupName,
+      })}
+      showIcon
+      {...alertProps}
+    />
+  );
+};
+
+export default DomainResourceGroupAlert;

react/src/components/FairShareItems/DomainResourceGroupWarningIcon.tsx

@@ -0,0 +1,66 @@
+import { Tooltip, theme } from 'antd';
+import _ from 'lodash';
+import { TriangleAlert } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import { graphql, useFragment, useLazyLoadQuery } from 'react-relay';
+import type { DomainResourceGroupWarningIconFragment$key } from 'src/__generated__/DomainResourceGroupWarningIconFragment.graphql';
+import type { DomainResourceGroupWarningIconQuery } from 'src/__generated__/DomainResourceGroupWarningIconQuery.graphql';
+
+interface DomainResourceGroupWarningIconProps {
+  domainFairShareFrgmt: DomainResourceGroupWarningIconFragment$key;
+}
+
+const DomainResourceGroupWarningIcon: React.FC<
+  DomainResourceGroupWarningIconProps
+> = ({ domainFairShareFrgmt }) => {
+  'use memo';
+
+  const { t } = useTranslation();
+  const { token } = theme.useToken();
+
+  const { domainName, resourceGroupName } = useFragment(
+    graphql`
+      fragment DomainResourceGroupWarningIconFragment on DomainFairShare {
+        domainName
+        resourceGroupName
+      }
+    `,
+    domainFairShareFrgmt,
+  );
+
+  const { domain } = useLazyLoadQuery<DomainResourceGroupWarningIconQuery>(
+    graphql`
+      query DomainResourceGroupWarningIconQuery($domainName: String) {
+        domain(name: $domainName) {
+          scaling_groups
+        }
+      }
+    `,
+    { domainName },
+    {
+      fetchPolicy: 'store-and-network',
+    },
+  );
+
+  const scalingGroups = domain?.scaling_groups ?? [];
+
+  if (!resourceGroupName || _.includes(scalingGroups, resourceGroupName)) {
+    return null;
+  }
+
+  return (
+    <Tooltip
+      title={t('fairShare.DomainNotAllowedInResourceGroup', {
+        resourceGroup: resourceGroupName,
+      })}
+    >
+      <TriangleAlert
+        style={{
+          color: token.colorWarning,
+        }}
+      />
+    </Tooltip>
+  );
+};
+
+export default DomainResourceGroupWarningIcon;