feat: mark book as read

front/src/BookCard.vue

@@ -4,7 +4,8 @@
   title: String,
   author: String,
   imagePath: String,
-  rating: Number
+  rating: Number,
+  read: Boolean
 });
 const imagePathOrDefault = (props.imagePath == "" || typeof props.imagePath === 'undefined') ? "defaultbook.png" : props.imagePath;
 
@@ -24,6 +25,13 @@ const imagePathOrDefault = (props.imagePath == "" || typeof props.imagePath ===
         <div class="is-size-5 is-italic">{{author}}</div>
         <p>{{rating}}/10</p>
       </div>
+      <nav v-if="read" class="level">
+        <div class="level-left">
+          <span class="level-item icon" :title="$t('booklistelement.read')">
+            <b-icon-check-circle />
+          </span>
+        </div>
+      </nav>
     </div>
   </div>
 </template>