Add: bookshelf list view, add: sort by most recent

components/app/Bookshelf.vue

@@ -3,7 +3,7 @@
     <template v-for="(shelf, index) in groupedBooks">
       <div :key="index" class="border-b border-opacity-10 w-full bookshelfRow py-4 flex justify-around relative">
         <template v-for="audiobook in shelf">
-          <cards-book-card :key="audiobook.id" :audiobook="audiobook" :width="cardWidth" :user-progress="userAudiobooks[audiobook.id]" :local-user-progress="localUserAudiobooks[audiobook.id]" />
+          <cards-book-card :key="audiobook.id" :audiobook="audiobook" :width="cardWidth" />
         </template>
         <div class="bookshelfDivider h-4 w-full absolute bottom-0 left-0 right-0 z-10" />
       </div>
@@ -41,19 +41,13 @@ export default {
       return this.$store.getters['user/getFilterOrderKey']
     },
     hasFilters() {
-      return this.$store.getters['user/getUserSetting']('filterBy') !== 'all'
-    },
-    userAudiobooks() {
-      return this.$store.state.user.user ? this.$store.state.user.user.audiobooks || {} : {}
-    },
-    localUserAudiobooks() {
-      return this.$store.state.user.localUserAudiobooks || {}
+      return this.$store.getters['user/getUserSetting']('mobileFilterBy') !== 'all'
     }
   },
   methods: {
     clearFilter() {
       this.$store.dispatch('user/updateUserSettings', {
-        filterBy: 'all'
+        mobileFilterBy: 'all'
       })
     },
     calcShelves() {