Display label color and description in label selector

frontend/src/components/feedback_labels/FeedbackLabelUpdater.vue

@@ -12,7 +12,13 @@
         append-icon="search"
         placeholder="search for keywords"
         @input="setLabel"
-      />
+      >
+        <template #item="{ item }">
+          <div class="label-updater-item">
+            <feedback-label-component v-bind="item" />
+          </div>
+        </template>
+      </v-autocomplete>
     </v-col>
     <v-col
       v-if="label.pk !== -1"
@@ -33,10 +39,12 @@ import Component from 'vue-class-component'
 import { FeedbackLabels } from '@/store/modules/feedback-labels'
 import FeedbackLabelForm from './FeedbackLabelForm.vue'
 import { FeedbackLabel } from '../../models'
+import FeedbackLabelComponent from '@/components/feedback_labels/FeedbackLabel.vue'
 
 @Component({
   components: {
     FeedbackLabelForm,
+    FeedbackLabelComponent,
   }
 })
 export default class FeedbackLabelUpdater extends Vue {

frontend/src/components/feedback_labels/LabelSelector.vue

@@ -16,7 +16,13 @@
           placeholder="search for keywords"
           @keyup.enter.ctrl.exact="submitFeedback"
           @input="addLabel"
-        />
+        >
+          <template #item="{ item }">
+            <div class="label-adder-item">
+              <feedback-label v-bind="item" />
+            </div>
+          </template>
+        </v-autocomplete>
       </v-col>
       <v-row
         class="ml-2 mb-3"