Prevent echarts from loading on MR page

Lazy load memory usage component only when we have
data for the chart.
Previously we were lazy importing the deployment
component, but that meant that the charts were loaded
every time (even when the deployments were collapsed)

app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment_info.vue

@@ -12,13 +12,12 @@ import {
   CANCELED,
   SKIPPED,
 } from './constants';
-import MemoryUsage from './memory_usage.vue';
 
 export default {
   name: 'DeploymentInfo',
   components: {
     GlLink,
-    MemoryUsage,
+    MemoryUsage: () => import('./memory_usage.vue'),
     TooltipOnTruncate,
   },
   directives: {

app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment_list.vue

@@ -2,10 +2,11 @@
 import { GlSprintf } from '@gitlab/ui';
 import { n__ } from '~/locale';
 import MrCollapsibleExtension from '../mr_collapsible_extension.vue';
+import Deployment from './deployment.vue';
 
 export default {
   components: {
-    Deployment: () => import('./deployment.vue'),
+    Deployment,
     GlSprintf,
     MrCollapsibleExtension,
   },