Add status message to match state bar

Author: g3force

frontend/src/components/MatchStateToolbar.vue

@@ -40,6 +40,9 @@ const currentActionTime = computed(() => {
 const goals = (team: Team) => {
   return store.matchState.teamState![team].goals!
 }
+const statusMessage = computed(() => {
+  return store.matchState.statusMessage
+})
 </script>
 
 <template>
@@ -51,6 +54,9 @@ const goals = (team: Team) => {
         <template v-if="currentActionTime">
           ({{ currentActionTime }} left)
         </template>
+        <template v-if="statusMessage">
+          ({{ statusMessage }})
+        </template>
       </div>
 
       <div class="col-grow">