Add a "simple mode" with only the recommended worker version for a worker

closes #1524 (closed)

requires backend!2509 (merged)

src/components/Process/Workers/Versions/List.vue

 <template>
   <div class="columns">
-    <div class="column"><h2 class="title is-4">Versions</h2></div>
+    <div class="column"><h2 class="title is-4">{{ versionsTitle }}</h2></div>
     <div class="column is-narrow">
       <span class="select">
         <select
@@ -72,21 +72,25 @@
     <div v-if="loading">
       <span class="loader is-size-2 mx-auto"></span>
     </div>
-    <div class="columns is-vcentered" v-else-if="recommendedWorkerVersions[worker.id]">
-      <div class="column is-narrow">
-        Worker version <span class="tag">{{ recommendedWorkerVersions[worker.id].branch || recommendedWorkerVersions[worker.id].tag }}</span> (recommended)
-      </div>
-      <div class="column">
-        <button class="button is-success ml-2">
-          use this version
-        </button>
-      </div>
-    </div>
+    <table class="table" v-else-if="recommendedWorkerVersions[worker.id]">
+      <thead>
+        <tr>
+          <th>Id</th>
+          <th>Tag</th>
+          <th>Branch</th>
+          <th>State</th>
+          <th v-if="processId">Actions</th>
+        </tr>
+      </thead>
+      <tbody>
+        <SimpleRow :process-id="processId" :version="recommendedWorkerVersions[worker.id]" />
+      </tbody>
+    </table>
     <div class="notification is-error" v-else-if="recommendedVersionError">
       An error occurred while loading the recommended worker version: {{ recommendedVersionError }}
     </div>
     <div class="notification is-warning" v-else>
-      There is no recommended worker version for this worker. Please select the "advanced mode" in the menu above to see all worker versions and select one.
+      There is no recommended worker version for this worker. Please select the "advanced mode" in the menu above to see all worker versions.
     </div>
   </template>
 </template>
@@ -97,6 +101,7 @@ import { mapActions, mapState } from 'pinia'
 import { errorParser } from '@/helpers'
 import Paginator from '@/components/Paginator.vue'
 import Row from './Row.vue'
+import SimpleRow from './SimpleRow.vue'
 import { useNotificationStore, useWorkerStore } from '@/stores'
 import { WorkerVersionListParameters } from '@/api'
 import { PageNumberPagination } from '@/types'
@@ -107,7 +112,8 @@ export default defineComponent({
   components: {
     CreateForm,
     Paginator,
-    Row
+    Row,
+    SimpleRow
   },
   emits: ['selected-version'],
   props: {
@@ -154,6 +160,10 @@ export default defineComponent({
     pageSize () {
       // Use a small page size when not in process creation mode because members are displayed on the same column
       return this.processId ? 20 : 5
+    },
+    versionsTitle () {
+      if (this.advancedMode) return 'Versions'
+      return 'Recommended version'
     }
   },
   methods: {