Resolve "ui/ux on projects page"

Closes #55 (closed)

client-nuxt/components/AnalysisState.vue

+<template>
+  <v-card flat color="transparent">
+    <v-progress-circular
+      v-if="state == 'running'"
+      indeterminate
+      color="primary"
+      :size="16"
+      :width="2"
+    ></v-progress-circular>
+
+    <v-progress-circular
+      v-else-if="state == 'queued'"
+      indeterminate
+      color="orange darken-2"
+      :size="16"
+      :width="2"
+    ></v-progress-circular>
+
+    <v-icon v-else-if="state == 'ok'" color="success" :size="20"
+      >mdi-check-circle</v-icon
+    >
+    <v-icon v-else-if="state == 'new'" color="primary" :size="20"
+      >mdi-new-box</v-icon
+    >
+    <v-icon
+      v-else-if="row.item.history_status.state == 'paused'"
+      color="primary"
+      :size="20"
+      >mdi-pause-circle</v-icon
+    >
+    <v-icon
+      v-else-if="row.item.history_status.state == 'error'"
+      color="error"
+      :size="20"
+      >mdi-alert-circle</v-icon
+    >
+    <v-icon v-else :size="20" color="warning">mdi-help-circle</v-icon>
+  </v-card>
+</template>
+<script>
+export default {
+  props: {
+    state: { type: String, default: '' },
+  },
+}
+</script>