feat: Added pause icon in frontend to show the status

Author: Geethakrishna Puligundla

dispatcher/frontend-ui/src/components/SchedulesList.vue

@@ -76,7 +76,10 @@
         <tr v-for="schedule in schedules" :key="schedule._id">
           <td>
             <router-link :to="{name: 'schedule-detail', params: {'schedule_name': schedule.name}}">
-              {{ schedule.name }}
+              <span style="display: flex; align-items: center">
+                {{ schedule.name }}
+                <font-awesome-icon v-if="!schedule.enabled" icon="pause" style="margin-left: 5px; color: orange"/>
+              </span>
             </router-link>
           </td>
           <td>{{ schedule.category }}</td>

dispatcher/frontend-ui/src/main.js

@@ -27,7 +27,7 @@ import { faSpinner, faUser, faUserCircle, faKey, faTimes, faTimesCircle,
          faCalendarAlt, faStopCircle, faTrashAlt, faPlug,
          faSkullCrossbones, faAsterisk, faCheck, faPlusCircle,
          faExclamationTriangle, faServer, faSortAmountUp,
-         faExternalLinkAlt, faClock, faCompactDisc, faGlasses, faBug } from '@fortawesome/free-solid-svg-icons'
+         faExternalLinkAlt, faClock, faCompactDisc, faGlasses, faBug, faPause, } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 library.add(faKey);
 library.add(faBug);
@@ -61,6 +61,7 @@ library.add(faExternalLinkAlt);
 library.add(faArrowCircleLeft);
 library.add(faSkullCrossbones);
 library.add(faExclamationTriangle);
+library.add(faPause);
 Vue.component('font-awesome-icon', FontAwesomeIcon);
 
 // Multiselect for schedules filter