fix(ui): add overflow wrap for dpi / model summary tab & add custom properties in mlmodelgroup queries (#12771)

Author: yoonhyejin

datahub-web-react/src/app/entity/dataProcessInstance/profile/DataProcessInstanceSummary.tsx

@@ -24,6 +24,7 @@ const InfoItemContainer = styled.div<{ justifyContent }>`
 const InfoItemContent = styled.div`
     padding-top: 8px;
     width: 100px;
+    overflow-wrap: break-word;
 `;
 
 const propertyTableColumns = [

datahub-web-react/src/app/entity/mlModel/profile/MLModelSummary.tsx

@@ -26,9 +26,7 @@ const InfoItemContainer = styled.div<{ justifyContent }>`
 const InfoItemContent = styled.div`
     padding-top: 8px;
     width: 100px;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 5px;
+    overflow-wrap: break-word;
 `;
 
 const JobLink = styled(Link)`

datahub-web-react/src/graphql/fragments.graphql

@@ -1151,6 +1151,10 @@ fragment nonRecursiveMLModelGroupFields on MLModelGroup {
             trainingJobs
             downstreamJobs
         }
+        customProperties {
+            key
+            value
+        }
     }
     browsePathV2 {
         ...browsePathV2Fields