Webapp: Clarification of Worker Maintenance section (#104229)

- fix spelling of 'adviced' for 'advised'
- fixed readability of sentence in error state.

Reviewed-on: https://projects.blender.org/studio/flamenco/pulls/104229

web/app/src/components/workers/WorkerDetails.vue

@@ -123,17 +123,20 @@
 
     <section class="worker-maintenance">
       <h3 class="sub-title">Maintenance</h3>
-      <p>{{ workerData.name }} is <span class="worker-status">{{ workerData.status }}</span>, which means
+      <p>
-        <template v-if="workerData.status == 'offline'">can be safely removed.</template>
+        {{ workerData.name }} is 
-        <template v-else>removing it now can cause the Worker to log errors. It
+        <template v-if="workerData.status == 'offline'">
-          is adviced to shut down the Worker before removing it from the
+          <span class="worker-status">offline</span>, which means it can be safely removed.
-          system.</template>
+        </template>
-      </p>
+        <template v-else>
-      <p><button @click="deleteWorker">Remove {{ workerData.name }}</button></p>
+          <template v-if="workerData.status == 'error'">
-      <p class="hint">
+          in <span class="worker-status">error</span> state
-        When a Worker is removed from the system, any active task still assigned
+          </template>
-        to it will be requeued. Restarting the Worker after removing it from the
+          <template v-else>
-        system will simply register it anew.
+            <span class="worker-status">{{ workerData.status }}</span>
+          </template>, which means removing it now can cause it to log errors. It
+          is advised to shut down the Worker before removing it from the system.
+        </template>
       </p>
     </section>
   </template>