Side rail, book group cards, fix dropdown select

client/pages/library/_id.vue

@@ -3,8 +3,8 @@
     <div class="flex h-full">
       <app-side-rail />
       <div class="flex-grow">
-        <app-book-shelf-toolbar />
-        <app-book-shelf :page="id || ''" />
+        <app-book-shelf-toolbar :page="id || ''" :selected-series.sync="selectedSeries" />
+        <app-book-shelf :page="id || ''" :selected-series.sync="selectedSeries" />
       </div>
     </div>
   </div>
@@ -12,9 +12,13 @@
 
 <script>
 export default {
-  asyncData({ params }) {
+  asyncData({ params, query, store, app }) {
+    if (query.filter) {
+      store.dispatch('user/updateUserSettings', { filterBy: query.filter })
+    }
     return {
-      id: params.id
+      id: params.id,
+      selectedSeries: query.series ? app.$decode(query.series) : null
     }
   },
   data() {