feat(FR-1534): add more filter and order options to NEO session list (#4367)

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

## Summary

Implement additional filtering and sorting options in the NEO session list to improve user experience and data accessibility.

## Changes

- **New table columns**:
  - Resource Group (scaling_group)
  - Session Type
  - Cluster Mode
  - Created At timestamp

- **Enhanced filtering**:
  - Session Name filter
  - Resource Group filter
  - Agent ID filter
  - Owner Email filter (admin/superadmin only)

- **New component**:
  - `BAISessionClusterMode` component for displaying cluster mode information

- **UI improvements**:
  - Fixed table scrolling in BAITableSettingModal
  - Added proper sorting support for new columns

- **Internationalization**:
  - Added translations for "Created At" and "Cluster Mode" across all 21 language files

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

Author: yomybaby

packages/backend.ai-ui/src/components/Table/BAITableSettingModal.tsx

@@ -442,7 +442,7 @@ const BAITableSettingModal: React.FC<TableSettingProps> = ({
               style={{
                 height: 330,
               }}
-              scroll={{ x: 'max-content' }}
+              scroll={{ x: 'max-content', y: 330 }}
             />
           </SortableContext>
         </DndContext>

packages/backend.ai-ui/src/components/fragments/BAISessionClusterMode.tsx

@@ -0,0 +1,44 @@
+import { BAISessionClusterModeFragment$key } from '../../__generated__/BAISessionClusterModeFragment.graphql';
+import { Typography } from 'antd';
+import _ from 'lodash';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useFragment, graphql } from 'react-relay';
+
+export interface BAISessionClusterModeProps {
+  sessionFrgmt: BAISessionClusterModeFragment$key;
+}
+
+const BAISessionClusterMode: React.FC<BAISessionClusterModeProps> = ({
+  sessionFrgmt,
+}) => {
+  const { t } = useTranslation();
+  const session = useFragment(
+    graphql`
+      fragment BAISessionClusterModeFragment on ComputeSessionNode {
+        cluster_mode
+        cluster_size
+      }
+    `,
+    sessionFrgmt,
+  );
+
+  const modeTitle = _.startsWith(
+    session.cluster_mode?.toUpperCase() || '',
+    'SINGLE',
+  )
+    ? t('comp:BAISessionClusterMode.SingleNodeShort')
+    : _.startsWith(session.cluster_mode?.toUpperCase() || '', 'MULTI')
+      ? t('comp:BAISessionClusterMode.MultiNodeShort')
+      : '-';
+  return (
+    <Typography.Text>
+      {modeTitle}&nbsp;
+      <Typography.Text type="secondary">
+        ({session.cluster_size})
+      </Typography.Text>
+    </Typography.Text>
+  );
+};
+
+export default BAISessionClusterMode;

packages/backend.ai-ui/src/components/fragments/index.ts

@@ -34,6 +34,7 @@ export type { BAIArtifactRevisionDownloadButtonProps } from './BAIArtifactRevisi
 export { default as BAIArtifactRevisionDeleteButton } from './BAIArtifactRevisionDeleteButton';
 export type { BAIArtifactRevisionDeleteButtonProps } from './BAIArtifactRevisionDeleteButton';
 export { default as BAIDeactivateArtifactsModal } from './BAIDeactivateArtifactsModal';
+export { default as BAISessionClusterMode } from './BAISessionClusterMode';
 export type {
   BAIDeactivateArtifactsModalProps,
   BAIDeactivateArtifactsModalArtifactsFragmentKey,

packages/backend.ai-ui/src/locale/de.json

@@ -90,6 +90,10 @@
   "comp:BAISessionAgentIds": {
     "Agent": "Agent"
   },
+  "comp:BAISessionClusterMode": {
+    "MultiNodeShort": "Multi",
+    "SingleNodeShort": "Einzel"
+  },
   "comp:BAIStatistic": {
     "Unlimited": "Unbegrenzt"
   },

packages/backend.ai-ui/src/locale/el.json

@@ -90,6 +90,10 @@
   "comp:BAISessionAgentIds": {
     "Agent": "Μέσο"
   },
+  "comp:BAISessionClusterMode": {
+    "MultiNodeShort": "Πολλαπλών",
+    "SingleNodeShort": "Μονόκλινο"
+  },
   "comp:BAIStatistic": {
     "Unlimited": "Απεριόριστος"
   },

packages/backend.ai-ui/src/locale/en.json

@@ -93,6 +93,10 @@
   "comp:BAISessionAgentIds": {
     "Agent": "Agent"
   },
+  "comp:BAISessionClusterMode": {
+    "MultiNodeShort": "Multi",
+    "SingleNodeShort": "Single"
+  },
   "comp:BAIStatistic": {
     "Unlimited": "Unlimited"
   },

packages/backend.ai-ui/src/locale/es.json

@@ -90,6 +90,10 @@
   "comp:BAISessionAgentIds": {
     "Agent": "Agente"
   },
+  "comp:BAISessionClusterMode": {
+    "MultiNodeShort": "Multi",
+    "SingleNodeShort": "Soltero"
+  },
   "comp:BAIStatistic": {
     "Unlimited": "Ilimitado"
   },

packages/backend.ai-ui/src/locale/fi.json

@@ -90,6 +90,10 @@
   "comp:BAISessionAgentIds": {
     "Agent": "Agentti"
   },
+  "comp:BAISessionClusterMode": {
+    "MultiNodeShort": "Moni-",
+    "SingleNodeShort": "Yksittäinen"
+  },
   "comp:BAIStatistic": {
     "Unlimited": "Rajoittamaton"
   },

packages/backend.ai-ui/src/locale/fr.json

@@ -90,6 +90,10 @@
   "comp:BAISessionAgentIds": {
     "Agent": "Agent"
   },
+  "comp:BAISessionClusterMode": {
+    "MultiNodeShort": "Multi",
+    "SingleNodeShort": "Célibataire"
+  },
   "comp:BAIStatistic": {
     "Unlimited": "Illimité"
   },

packages/backend.ai-ui/src/locale/id.json

@@ -90,6 +90,10 @@
   "comp:BAISessionAgentIds": {
     "Agent": "Agen"
   },
+  "comp:BAISessionClusterMode": {
+    "MultiNodeShort": "Multi",
+    "SingleNodeShort": "Lajang"
+  },
   "comp:BAIStatistic": {
     "Unlimited": "Tak terbatas"
   },