Modify callout to allow for html

Modifying only the callout in the job app
page, since v-html should be used
sparingly.

app/assets/javascripts/jobs/components/job_app.vue

@@ -6,7 +6,6 @@ import { isScrolledToBottom } from '~/lib/utils/scroll_utils';
 import { polyfillSticky } from '~/lib/utils/sticky';
 import bp from '~/breakpoints';
 import CiHeader from '~/vue_shared/components/header_ci_component.vue';
-import Callout from '~/vue_shared/components/callout.vue';
 import Icon from '~/vue_shared/components/icon.vue';
 import createStore from '../store';
 import EmptyState from './empty_state.vue';
@@ -25,7 +24,6 @@ export default {
   store: createStore(),
   components: {
     CiHeader,
-    Callout,
     EmptyState,
     EnvironmentsBlock,
     ErasedBlock,
@@ -239,10 +237,11 @@ export default {
             />
           </div>
 
-          <callout
+          <div
             v-if="shouldRenderCalloutMessage && !hasUnmetPrerequisitesFailure"
-            :message="job.callout_message"
-          />
+            class="bs-callout bs-callout-danger"
+            v-html="job.callout_message"
+          ></div>
         </header>
         <!-- EO Header Section -->