fix: handle optional chaining for allowed_vfolder_hosts in resource policy (#4410)

Author: yomybaby

react/src/components/VFolderNodeIdenticon.tsx

@@ -26,13 +26,16 @@ const VFolderNodeIdenticon: React.FC<VFolderNodeIdenticonProps> = ({
 
   return (
     <img
+      draggable={false}
+      onDragStart={(e) => e.preventDefault()}
       style={{
         borderRadius: '0.25em',
         width: '1em',
         height: '1em',
         borderWidth: 0.5,
         borderStyle: 'solid',
         borderColor: token.colorBorder,
+        userSelect: 'none',
         ...style,
       }}
       src={createAvatar(shapes, {

src/components/backend-ai-folder-explorer.ts

@@ -752,7 +752,7 @@ export default class BackendAIFolderExplorer extends BackendAIPage {
       mergedData?.group?.allowed_vfolder_hosts || '{}',
     );
     const allowedPermissionForResourcePolicyByVolume = JSON.parse(
-      mergedData?.keypair_resource_policy.allowed_vfolder_hosts || '{}',
+      mergedData?.keypair_resource_policy?.allowed_vfolder_hosts || '{}',
     );
 
     const _mergeDedupe = (arr) => [...new Set([].concat(...arr))];