integrate need review cards

src/views/SpacedRepetitionCard.vue

@@ -8,7 +8,7 @@ defineProps<{
   repo: string
 }>()
 
-const { cards, isLoading, successRepetition, failRepetition } =
+const { cards, isLoading, successRepetition, failRepetition, needsReview } =
   useSpacedRepetitionCards()
 </script>
 
@@ -27,9 +27,13 @@ const { cards, isLoading, successRepetition, failRepetition } =
           :cards="cards"
           @success="successRepetition"
           @fail="failRepetition"
+          @needs-review="needsReview"
         />
       </section>
       <section v-else>No cards to review!</section>
+      <router-link :to="{ name: 'NeedReviewCards', params: { user, repo } }">
+        needs review cards
+      </router-link>
     </flux-note>
   </div>
 </template>