feat(FR-2833): show deployment ID and use BooleanTag for public access (#7285)

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

## Summary
- Display deployment global ID via `BAIId` next to the deployment name in the overview, with the name shown via copyable `BAIText`.
- Replace `CheckOutlined`/`CloseOutlined` icons with `BooleanTag` for the OpenToPublic field for a consistent, color-coded boolean indicator.
- Reorder overview fields so DesiredReplicas appears before Tags, matching the modal order.
- In `DeploymentSettingModal`, reorder fields (Name → Replicas → Tags → OpenToPublic) and give the OpenToPublic form item a proper label with a localized "Public" checkbox text.
- Add `general.ID` and `deployment.Public` i18n keys across all 22 supported languages.

## Test plan
- [ ] Open a deployment detail page; verify the overview shows the deployment name (copyable) followed by its global ID.
- [ ] Verify OpenToPublic renders as a `BooleanTag` instead of an icon.
- [ ] Verify field order in the overview: Name (ID) → Project → Domain → EndpointUrl → OpenToPublic → DesiredReplicas → Tags.
- [ ] Open the deployment Setting modal; verify field order: Name → Replicas → Tags → OpenToPublic with a "Public" label/checkbox.
- [ ] Verify both new i18n keys render in English and Korean (and at least one other language).

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

Author: yomybaby

react/src/components/DeploymentConfigurationSection.tsx

@@ -12,13 +12,7 @@ import DeploymentRevisionHistoryTab from './DeploymentRevisionHistoryTab';
 import DeploymentSettingModal from './DeploymentSettingModal';
 import DeploymentTagChips from './DeploymentTagChips';
 import ErrorBoundaryWithNullFallback from './ErrorBoundaryWithNullFallback';
-import {
-  CheckOutlined,
-  CloseOutlined,
-  EditOutlined,
-  LoadingOutlined,
-  PlusOutlined,
-} from '@ant-design/icons';
+import { EditOutlined, LoadingOutlined, PlusOutlined } from '@ant-design/icons';
 import { useToggle } from 'ahooks';
 import {
   Alert,
@@ -33,7 +27,10 @@ import {
   BAICard,
   BAIFetchKeyButton,
   BAIFlex,
+  BAIId,
+  BAIText,
   BAIUnmountAfterClose,
+  BooleanTag,
   INITIAL_FETCH_KEY,
   filterOutEmpty,
   toLocalId,
@@ -71,9 +68,13 @@ const DeploymentOverviewContent: React.FC<{
   const deploymentItems = filterOutEmpty([
     {
       key: 'name',
-      label: t('deployment.Name'),
+      label: `${t('deployment.Name')} (${t('general.ID')})`,
       children: deployment?.metadata.name ? (
-        <Typography.Text copyable>{deployment.metadata.name}</Typography.Text>
+        <>
+          <BAIText copyable>{deployment.metadata.name}</BAIText>
+          &nbsp;(
+          <BAIId globalId={deployment.id} />)
+        </>
       ) : (
         renderFallback()
       ),
@@ -102,12 +103,16 @@ const DeploymentOverviewContent: React.FC<{
     {
       key: 'open-to-public',
       label: t('deployment.OpenToPublic'),
-      children: deployment?.networkAccess.openToPublic ? (
-        <CheckOutlined />
-      ) : (
-        <CloseOutlined />
+      children: (
+        <BooleanTag value={deployment?.networkAccess.openToPublic ?? false} />
       ),
     },
+    {
+      key: 'desired-replicas',
+      label: t('deployment.DesiredReplicas'),
+      children:
+        deployment?.replicaState?.desiredReplicaCount ?? renderFallback(),
+    },
     {
       key: 'tags',
       label: t('deployment.Tags'),
@@ -118,12 +123,6 @@ const DeploymentOverviewContent: React.FC<{
         />
       ),
     },
-    {
-      key: 'desired-replicas',
-      label: t('deployment.DesiredReplicas'),
-      children:
-        deployment?.replicaState?.desiredReplicaCount ?? renderFallback(),
-    },
   ]);
 
   return (
@@ -292,6 +291,7 @@ const DeploymentConfigurationCards: React.FC<{
     graphql`
       query DeploymentConfigurationSectionQuery($deploymentId: ID!) {
         deployment(id: $deploymentId) {
+          id
           ...DeploymentSettingModal_deployment
           metadata {
             name

react/src/components/DeploymentSettingModal.tsx

@@ -236,14 +236,6 @@ const DeploymentSettingModal: React.FC<DeploymentSettingModalProps> = ({
         >
           <Input placeholder={t('deployment.NamePlaceholder')} />
         </Form.Item>
-        <Form.Item name="tags" label={t('deployment.Tags')}>
-          <Select
-            mode="tags"
-            placeholder={t('deployment.TagsPlaceholder')}
-            tokenSeparators={[',', '\n']}
-            notFoundContent={null}
-          />
-        </Form.Item>
         <Form.Item
           name="replicaCount"
           label={t('deployment.DesiredReplicas')}
@@ -256,8 +248,20 @@ const DeploymentSettingModal: React.FC<DeploymentSettingModalProps> = ({
         >
           <InputNumber min={1} style={{ width: '100%' }} />
         </Form.Item>
-        <Form.Item name="openToPublic" valuePropName="checked">
-          <Checkbox>{t('deployment.OpenToPublic')}</Checkbox>
+        <Form.Item name="tags" label={t('deployment.Tags')}>
+          <Select
+            mode="tags"
+            placeholder={t('deployment.TagsPlaceholder')}
+            tokenSeparators={[',', '\n']}
+            notFoundContent={null}
+          />
+        </Form.Item>
+        <Form.Item
+          name="openToPublic"
+          valuePropName="checked"
+          label={t('deployment.OpenToPublic')}
+        >
+          <Checkbox>{t('deployment.Public')}</Checkbox>
         </Form.Item>
       </Form>
     </BAIModal>

resources/i18n/de.json

@@ -964,6 +964,7 @@
     "Overview": "Übersicht",
     "Owner": "Eigentümer",
     "Project": "Projekt",
+    "Public": "Öffentlich",
     "QuickDeploy": "Bereitstellen",
     "QuickDeployDetailed": "Konfigurieren und bereitstellen...",
     "ReadinessStatus": "Bereitschaftsstatus",
@@ -1459,6 +1460,7 @@
     "Folder": "Ordner",
     "Folders": "Ordner",
     "General": "Allgemein",
+    "ID": "ID",
     "Image": "Bild",
     "InProgress": "In Arbeit",
     "Inactive": "Inaktiv",

resources/i18n/el.json

@@ -964,6 +964,7 @@
     "Overview": "Επισκόπηση",
     "Owner": "Ιδιοκτήτης",
     "Project": "Έργο",
+    "Public": "Δημόσιο",
     "QuickDeploy": "Ανάπτυξη",
     "QuickDeployDetailed": "Διαμόρφωση και ανάπτυξη...",
     "ReadinessStatus": "Κατάσταση Readiness",
@@ -1457,6 +1458,7 @@
     "Folder": "Φάκελος",
     "Folders": "Φάκελοι",
     "General": "Γενικά",
+    "ID": "ID",
     "Image": "Εικόνα",
     "InProgress": "Σε εξέλιξη",
     "Inactive": "Αδρανής",

resources/i18n/en.json

@@ -966,6 +966,7 @@
     "Overview": "Overview",
     "Owner": "Owner",
     "Project": "Project",
+    "Public": "Public",
     "QuickDeploy": "Deploy",
     "QuickDeployDetailed": "Configure and deploy",
     "ReadinessStatus": "Readiness Status",
@@ -1459,6 +1460,7 @@
     "Folder": "Folder",
     "Folders": "Folders",
     "General": "General",
+    "ID": "ID",
     "Image": "Image",
     "InProgress": "In progress",
     "Inactive": "Inactive",

resources/i18n/es.json

@@ -964,6 +964,7 @@
     "Overview": "Resumen",
     "Owner": "Propietario",
     "Project": "Proyecto",
+    "Public": "Público",
     "QuickDeploy": "Desplegar",
     "QuickDeployDetailed": "Configurar y desplegar...",
     "ReadinessStatus": "Estado de Readiness",
@@ -1457,6 +1458,7 @@
     "Folder": "Carpeta",
     "Folders": "Carpetas",
     "General": "General",
+    "ID": "ID",
     "Image": "Imagen",
     "InProgress": "En curso",
     "Inactive": "Inactivo",

resources/i18n/fi.json

@@ -964,6 +964,7 @@
     "Overview": "Yleiskatsaus",
     "Owner": "Omistaja",
     "Project": "Projekti",
+    "Public": "Julkinen",
     "QuickDeploy": "Ota käyttöön",
     "QuickDeployDetailed": "Määritä ja ota käyttöön...",
     "ReadinessStatus": "Readiness-tila",
@@ -1457,6 +1458,7 @@
     "Folder": "Kansio",
     "Folders": "Kansiot",
     "General": "Yleistä",
+    "ID": "ID",
     "Image": "Kuva",
     "InProgress": "Käynnissä",
     "Inactive": "Passiivinen",

resources/i18n/fr.json

@@ -964,6 +964,7 @@
     "Overview": "Aperçu",
     "Owner": "Propriétaire",
     "Project": "Projet",
+    "Public": "Public",
     "QuickDeploy": "Déployer",
     "QuickDeployDetailed": "Configurer et déployer...",
     "ReadinessStatus": "État Readiness",
@@ -1458,6 +1459,7 @@
     "Folder": "Dossier",
     "Folders": "Dossiers",
     "General": "Général",
+    "ID": "ID",
     "Image": "Image",
     "InProgress": "En cours",
     "Inactive": "Inactif",

resources/i18n/id.json

@@ -964,6 +964,7 @@
     "Overview": "Ikhtisar",
     "Owner": "Pemilik",
     "Project": "Proyek",
+    "Public": "Publik",
     "QuickDeploy": "Terapkan",
     "QuickDeployDetailed": "Konfigurasi dan terapkan...",
     "ReadinessStatus": "Status Readiness",
@@ -1460,6 +1461,7 @@
     "Folder": "Folder",
     "Folders": "Folder",
     "General": "Umum",
+    "ID": "ID",
     "Image": "Gambar",
     "InProgress": "Sedang Berlangsung",
     "Inactive": "Tidak aktif",

resources/i18n/it.json

@@ -964,6 +964,7 @@
     "Overview": "Panoramica",
     "Owner": "Proprietario",
     "Project": "Progetto",
+    "Public": "Pubblico",
     "QuickDeploy": "Distribuisci",
     "QuickDeployDetailed": "Configura e distribuisci...",
     "ReadinessStatus": "Stato Readiness",
@@ -1457,6 +1458,7 @@
     "Folder": "Cartella",
     "Folders": "cartelle",
     "General": "Generale",
+    "ID": "ID",
     "Image": "Immagine",
     "InProgress": "In corso",
     "Inactive": "Inattivo",