fix(FR-750): improve resource slot display in SessionSlotCell component (#3438)

Resolves #3437 (FR-750)

# Enhance Resource Slot Display in Session Slot Cell

This PR improves the display of resource slots in the SessionSlotCell component:

1. Replaces `deviceMetadata` with `mergedResourceSlots` from the `useResourceSlotsDetails` hook
2. Enhances memory display with fixed decimal precision (3 digits)
3. Filters out accelerators with zero or invalid values
4. Uses `display_unit` from resource slots data instead of `human_readable_name`
5. Modifies the `useResourceSlotsDetails` hook to:
   - Accept empty resource group name to fetch all resource slots
   - Handle URL parameter construction more robustly
   - Return an empty object instead of undefined when manager version is incompatible

Before 1: New accelerator type and 0 accelerator type
![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/XqC2uNFuj0wg8I60sMUh/de7e2885-84c3-4a95-92db-b4f48ef4f10f.png)

After 1: New accelerator type and 0 accelerator type
![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/XqC2uNFuj0wg8I60sMUh/79ab4346-73bd-471e-a7a0-8e3208665608.png)

Before 2:

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/XqC2uNFuj0wg8I60sMUh/6dbce4d2-a2cf-439e-a834-4970375cebe5.png)

After 2:

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/XqC2uNFuj0wg8I60sMUh/36cdf161-fb89-43d6-afbf-13586c97a745.png)

Author: yomybaby

react/src/components/ComputeSessionNodeItems/SessionSlotCell.tsx

@@ -17,7 +17,7 @@ const SessionSlotCell: React.FC<OccupiedSlotViewProps> = ({
   sessionFrgmt,
   mode = 'requested',
 }) => {
-  const { deviceMetadata } = useResourceSlotsDetails();
+  const { mergedResourceSlots } = useResourceSlotsDetails('');
   const session = useFragment(
     graphql`
       fragment SessionSlotCellFragment on ComputeSessionNode {
@@ -38,18 +38,25 @@ const SessionSlotCell: React.FC<OccupiedSlotViewProps> = ({
     return slots.cpu ?? '-';
   } else if (type === 'mem') {
     const mem = slots.mem ?? '-';
-    return mem === '-' ? mem : convertBinarySizeUnit(mem, 'G')?.number + ' GiB';
+    return mem === '-'
+      ? mem
+      : convertBinarySizeUnit(mem, 'G', 3)?.numberFixed + ' GiB';
   } else if (type === 'accelerator') {
     const occupiedAccelerators = _.omit(slots, ['cpu', 'mem']);
-    return _.isEmpty(occupiedAccelerators)
+
+    const filteredAccelerators = _.omitBy(
+      occupiedAccelerators,
+      (value) => _.toNumber(value) <= 0 || _.isNaN(_.toNumber(value)),
+    );
+    return _.every(filteredAccelerators, (value) => value === 0)
       ? '-'
-      : _.map(occupiedAccelerators, (value, key) => {
+      : _.map(filteredAccelerators, (value, key) => {
           return (
             <Fragment key={key}>
               <Typography.Text>{value}</Typography.Text>
               <Divider type="vertical" />
               <Typography.Text>
-                {deviceMetadata?.[key]?.human_readable_name}
+                {mergedResourceSlots?.[key]?.display_unit}
               </Typography.Text>
             </Fragment>
           );

react/src/hooks/backendai.tsx

@@ -86,20 +86,18 @@ export const useResourceSlotsDetails = (resourceGroupName?: string) => {
   }>({
     queryKey: ['useResourceSlots', resourceGroupName, key],
     queryFn: () => {
-      // return baiClient.get_resource_slots();
-      if (
-        !resourceGroupName ||
-        !baiClient.isManagerVersionCompatibleWith('23.09.0')
-      ) {
-        return undefined;
+      if (!baiClient.isManagerVersionCompatibleWith('23.09.0')) {
+        return {};
       } else {
         // `/resource-slots/details` is available since 23.09
         // https://github.com/lablup/backend.ai/issues/1589
         const search = new URLSearchParams();
-        search.set('sgroup', resourceGroupName);
+        resourceGroupName && search.set('sgroup', resourceGroupName);
+        const searchParamString = search.toString();
         return baiRequestWithPromise({
           method: 'GET',
-          url: `/config/resource-slots/details?${search.toString()}`,
+          // if `sgroup` is not provided, it will return all resource slots of all resource groups
+          url: `/config/resource-slots/details${searchParamString ? '?' + search.toString() : ''}`,
         });
       }
     },