Implemented FE changes from review

app/assets/javascripts/monitoring/pages/panel_new_page.vue

@@ -10,14 +10,14 @@ export default {
   directives: {
     GlTooltip: GlTooltipDirective,
   },
-  routes,
   i18n: {
     backToDashboard: s__('Metrics|Back to dashboard'),
   },
+  routes,
 };
 </script>
 <template>
-  <div class="d-flex gl-align-items-baseline">
+  <div class="gl-display-flex gl-align-items-baseline">
     <gl-button
       v-gl-tooltip
       icon="go-back"

spec/frontend/monitoring/pages/panel_new_page_spec.js

@@ -18,7 +18,7 @@ describe('monitoring/pages/panel_new_page', () => {
   let wrapper;
   let $route;
 
-  const buildWrapper = (propsData = {}, routeParams = { dashboard }) => {
+  const mountComponent = (propsData = {}, routeParams = { dashboard }) => {
     $route = {
       params: routeParams,
     };
@@ -42,7 +42,7 @@ describe('monitoring/pages/panel_new_page', () => {
 
   describe('back to dashboard button', () => {
     it('is rendered', () => {
-      buildWrapper();
+      mountComponent();
       expect(findBackButton().exists()).toBe(true);
       expect(findBackButton().props('icon')).toBe('go-back');
     });