Refactor app in to its own slice

slices/main/templates/books/index.html.slim

@@ -0,0 +1,44 @@
+- context.content_for(:title, "Books | ")
+
+div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
+  h1 📚 Bookshelf
+
+div class="mb-12 prose dark:prose-invert max-w-prose mx-auto"
+  table class="text-gray-800 dark:text-white table-auto"
+    thead
+      tr
+        td
+        td class="p-2" Title
+        td class="p-2" Author(s)
+    - reading.each do |book|
+      tr
+        td
+          div class="rounded-md uppercase text-xs #{book.status_colour} px-2 w-full text-center"
+            = book.status_label
+        td
+          a href="/post/#{book.slug}"
+            = book.name
+        td
+          = book.authors
+    - to_read.each do |book|
+      tr
+        td
+          div class="rounded-md uppercase text-xs #{book.status_colour} px-2 w-full text-center"
+            = book.status_label
+        td
+          a href="/post/#{book.slug}"
+            = book.name
+        td
+          = book.authors
+    - read.each do |book|
+      tr
+        td
+          div class="rounded-md uppercase text-xs #{book.status_colour} px-2 w-full text-center"
+            = book.status_label
+        td
+          a href="/post/#{book.slug}"
+            = book.name
+        td
+          = book.authors
+
+div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"