Adding prog to review page

web/src/pages/flashcard-deck-reviews/FlashcardDeckReviewPage.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
-    <div class="d-flex">
+    <div class="d-flex align-center">
+      <div class="text-h4">{{ title }}</div>
       <v-spacer />
       <v-btn
         class="mt-2"
@@ -95,6 +96,14 @@ const props = defineProps<{ flashcardDeckId: string }>()
 const flashcardDeckIdAsNumber = computed(() => parseInt(props.flashcardDeckId))
 const { flashcardDeck } = useFlashcardDeck(flashcardDeckIdAsNumber)
 
+const title = computed(() => {
+  const deckName = flashcardDeck.value?.name ?? ""
+  const done = results.value.size
+  const total = flashcards.value.length
+  const progress = total > 0 ? ` (${done} / ${total})` : ""
+  return `${deckName}${progress}`
+})
+
 const flashcardsQueryOptions = computed<FlashcardQueryOptions>(() => {
   return {
     where: {