fix(FR-2837): set shmem under config.resource_opts and display SHM in endpoint detail

Author: agatha197

react/src/components/ServiceLauncherPageContent.tsx

@@ -801,11 +801,13 @@ const ServiceLauncherPageContent: React.FC<ServiceLauncherPageContentProps> = ({
               : undefined),
           },
           ...(values.resource.shmem && {
-            shmem:
-              compareNumberWithUnits(values.resource.mem, '4g') > 0 &&
-              compareNumberWithUnits(values.resource.shmem, '1g') < 0
-                ? '1g'
-                : values.resource.shmem,
+            resource_opts: {
+              shmem:
+                compareNumberWithUnits(values.resource.mem, '4g') > 0 &&
+                compareNumberWithUnits(values.resource.shmem, '1g') < 0
+                  ? '1g'
+                  : values.resource.shmem,
+            },
           }),
         },
       };

react/src/pages/EndpointDetailPage.tsx

@@ -85,6 +85,7 @@ import {
   useSemanticColorMap,
   BAITable,
   BAIFetchKeyButton,
+  convertToBinaryUnit,
 } from 'backend.ai-ui';
 import { default as dayjs } from 'dayjs';
 import * as _ from 'lodash-es';
@@ -531,7 +532,12 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
     _.map(endpoint_auto_scaling_rules?.edges, (edge) => edge?.node),
   );
 
-  const resource_opts = JSON.parse(endpoint?.resource_opts || '{}');
+  const parsedResourceOpts = JSON.parse(endpoint?.resource_opts || '{}');
+  const resource_opts = {
+    shmem: parsedResourceOpts.shmem
+      ? convertToBinaryUnit(parsedResourceOpts.shmem, '')?.number
+      : undefined,
+  };
 
   const items: DescriptionsItemType[] = [
     {