Add Action to Remove Project from Env Dashboard

The action `removeProject` was not mapped to the project button. It must
be mapped to the button to remove projects.

ee/app/assets/javascripts/environments_dashboard/components/dashboard/dashboard.vue

@@ -94,6 +94,7 @@ export default {
       'clearSearchResults',
       'toggleSelectedProject',
       'setSearchQuery',
+      'removeProject',
     ]),
     addProjects() {
       this.addProjectsToDashboard();
@@ -153,7 +154,7 @@ export default {
     <div class="prepend-top-default">
       <div v-if="projects.length" class="dashboard-cards">
         <div v-for="project in projects" :key="project.id" class="column prepend-top-default">
-          <project-header :project="project" />
+          <project-header :project="project" @remove="removeProject" />
           <div class="row">
             <environment
               v-for="environment in project.environments"

ee/changelogs/unreleased/env-dashboard-fixes-fe.yml

+---
+title: Add Ability to Remove Projects From the Envivonment Dashboard
+merge_request: 14563
+author:
+type: feature

ee/spec/frontend/environments_dashboard/components/dashboard_spec.js

@@ -26,6 +26,7 @@ describe('dashboard', () => {
       clearSearchResults: jest.fn(),
       setSearchQuery: jest.fn(),
       fetchSearchResults: jest.fn(),
+      removeProject: jest.fn(),
       toggleSelectedProject: jest.fn(),
     };
     propsData = {
@@ -89,6 +90,12 @@ describe('dashboard', () => {
         const headers = wrapper.findAll(ProjectHeader);
         expect(headers.length).toBe(2);
       });
+
+      it('should remove a project if it emits `remove`', () => {
+        const header = wrapper.find(ProjectHeader);
+        header.vm.$emit('remove');
+        expect(actionSpies.removeProject).toHaveBeenCalled();
+      });
     });
 
     describe('environment component', () => {