Add migration info comments to direct API calls

* Adds comments to Vue components where we directly call the API
  to raise awareness that there is an epic to move the whole feature
  to GraphQL

ee/app/assets/javascripts/vulnerabilities/components/footer.vue

@@ -112,6 +112,8 @@ export default {
       return Date.parse(date) / 1000;
     },
     fetchDiscussions() {
+      // note: this direct API call will be replaced when migrating the vulnerability details page to GraphQL
+      // related epic: https://gitlab.com/groups/gitlab-org/-/epics/3657
       axios
         .get(this.vulnerability.discussionsUrl)
         .then(({ data, headers: { date } }) => {
@@ -146,6 +148,8 @@ export default {
         });
     },
     createNotesPoll() {
+      // note: this polling call will be replaced when migrating the vulnerability details page to GraphQL
+      // related epic: https://gitlab.com/groups/gitlab-org/-/epics/3657
       this.poll = new Poll({
         resource: {
           fetchNotes: () =>

ee/app/assets/javascripts/vulnerabilities/components/header.vue

@@ -208,6 +208,8 @@ export default {
         projectFingerprint,
       } = this.vulnerability;
 
+      // note: this direct API call will be replaced when migrating the vulnerability details page to GraphQL
+      // related epic: https://gitlab.com/groups/gitlab-org/-/epics/3657
       axios
         .post(this.vulnerability.createMrUrl, {
           vulnerability_feedback: {

ee/app/assets/javascripts/vulnerabilities/components/history_comment.vue

@@ -100,6 +100,8 @@ export default {
       this.isSavingComment = true;
       const { method, url, data, emitName } = this.getSaveConfig(note);
 
+      // note: this direct API call will be replaced when migrating the vulnerability details page to GraphQL
+      // related epic: https://gitlab.com/groups/gitlab-org/-/epics/3657
       axios({ method, url, data })
         .then(({ data: responseData }) => {
           this.isEditingComment = false;

ee/app/assets/javascripts/vulnerabilities/components/related_issues.vue

@@ -103,6 +103,8 @@ export default {
 
       // The endpoint can only accept one issue, so we need to do a separate call for each pending reference.
       const requests = this.state.pendingReferences.map((reference) => {
+        // note: this direct API call will be replaced when migrating the vulnerability details page to GraphQL
+        // related epic: https://gitlab.com/groups/gitlab-org/-/epics/3657
         return axios
           .post(
             this.endpoint,
@@ -140,6 +142,8 @@ export default {
     removeRelatedIssue(idToRemove) {
       const issue = this.state.relatedIssues.find(({ id }) => id === idToRemove);
 
+      // note: this direct API call will be replaced when migrating the vulnerability details page to GraphQL
+      // related epic: https://gitlab.com/groups/gitlab-org/-/epics/3657
       axios
         .delete(joinPaths(this.endpoint, issue.vulnerabilityLinkId.toString()))
         .then(() => {
@@ -152,6 +156,8 @@ export default {
     fetchRelatedIssues() {
       this.isFetching = true;
 
+      // note: this direct API call will be replaced when migrating the vulnerability details page to GraphQL
+      // related epic: https://gitlab.com/groups/gitlab-org/-/epics/3657
       axios
         .get(this.endpoint)
         .then(({ data }) => {

ee/app/assets/javascripts/vulnerabilities/components/related_jira_issues.vue

@@ -79,6 +79,8 @@ export default {
     this.fetchRelatedIssues();
   },
   methods: {
+    // note: this direct API call will be replaced when migrating the vulnerability details page to GraphQL
+    // related epic: https://gitlab.com/groups/gitlab-org/-/epics/3657
     async fetchRelatedIssues() {
       this.isFetchingRelatedIssues = true;
       try {