[add] 最新の解答の帯に色と"採点対象"の文字列を追加

ui/components/problems/id/AnswerCard.vue

@@ -1,5 +1,8 @@
 <template>
-  <expandable-card v-model="opened" color="white">
+  <expandable-card
+    v-model="opened"
+    v-bind:color="answer.isLatest ? 'orange' : 'white'"
+  >
     <!-- カードの帯 -->
     <template v-slot:button>
       <v-row align="center">
@@ -15,6 +18,8 @@
           </span>
         </v-col>
 
+        <v-col v-if="answer.isLatest"> 採点対象 </v-col>
+
         <v-col v-if="answer.showTimer(problem)">
           <div>{{ answer.delayTickDuration }}</div>
         </v-col>

ui/components/problems/id/AnswerPanel.vue

@@ -41,7 +41,11 @@ export default {
   },
   computed: {
     sortedAnswers() {
-      return this.sortByCreatedAt(this.answers).reverse()
+      const a = this.sortByCreatedAt(this.answers).reverse()
+      if (a.length > 0) {
+        a[0].isLatest = true
+      }
+      return a
     },
   },
 }