Work item rolled up count by type

What does this MR do and why?

Work item rolled up count by type in work items

1. Show work item rolled up count by type as a badge in header
2. Show the work item rolled up count by type as details in children

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Use case	screenshot
Header with rolled up count by type
Child metadata rolled up count by type
Modal header rolled up count by type
No children information in header
Objective roll up data

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

1. Go to any work item with hierarchy (objective/epic)
2. Associate different kinds of work items in the tree
3. See that the rollup count is visible

Related to #474913 (closed)

Resolves #478622 (closed)

app/assets/javascripts/work_items/components/shared/work_item_link_child_contents.vue

@@ -17,15 +17,7 @@ import WorkItemLinkChildMetadata from 'ee_else_ce/work_items/components/shared/w
 import WorkItemTypeIcon from '../work_item_type_icon.vue';
 import WorkItemStateBadge from '../work_item_state_badge.vue';
 import { findLinkedItemsWidget } from '../../utils';
-import {
-  STATE_OPEN,
-  WIDGET_TYPE_PROGRESS,
-  WIDGET_TYPE_HIERARCHY,
-  WIDGET_TYPE_HEALTH_STATUS,
-  WIDGET_TYPE_MILESTONE,
-  WIDGET_TYPE_ASSIGNEES,
-  WIDGET_TYPE_LABELS,
-} from '../../constants';
+import { STATE_OPEN, WIDGET_TYPE_ASSIGNEES, WIDGET_TYPE_LABELS } from '../../constants';
 import WorkItemRelationshipIcons from './work_item_relationship_icons.vue';
 
 export default {
@@ -84,8 +76,7 @@ export default {
     },
     metadataWidgets() {
       return this.childItem.widgets?.reduce((metadataWidgets, widget) => {
-        // Skip Hierarchy widget as it is not part of metadata.
-        if (widget.type && widget.type !== WIDGET_TYPE_HIERARCHY) {
+        if (widget.type) {
           // eslint-disable-next-line no-param-reassign
           metadataWidgets[widget.type] = widget;
         }
@@ -121,18 +112,6 @@ export default {
     childItemTypeColorClass() {
       return this.isChildItemOpen ? 'gl-text-secondary' : 'gl-text-gray-300';
     },
-    hasMetadata() {
-      if (this.metadataWidgets) {
-        return (
-          Number.isInteger(this.metadataWidgets[WIDGET_TYPE_PROGRESS]?.progress) ||
-          Boolean(this.metadataWidgets[WIDGET_TYPE_HEALTH_STATUS]?.healthStatus) ||
-          Boolean(this.metadataWidgets[WIDGET_TYPE_MILESTONE]?.milestone) ||
-          this.metadataWidgets[WIDGET_TYPE_ASSIGNEES]?.assignees?.nodes.length > 0 ||
-          this.metadataWidgets[WIDGET_TYPE_LABELS]?.labels?.nodes.length > 0
-        );
-      }
-      return false;
-    },
     displayLabels() {
       return this.showLabels && this.labels.length;
     },