Start and end the list with the loading animation

aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue

@@ -58,6 +58,7 @@
       </div>
     </template>
     <template #default="{ items }">
+      <coursebook-loader />
       <coursebook-day
         v-for="{ date, docs, idx, lastIdx } in groupDocsByDay(items)"
         v-intersect="{
@@ -74,6 +75,7 @@
         @init="transition"
         ref="days"
         />
+      <coursebook-loader />
 
       <date-select-footer
         :value="$route.hash.substring(1)"
@@ -83,7 +85,7 @@
         />
     </template>
     <template #loading>
-      <CoursebookLoader />
+      <coursebook-loader
     </template>
 
     <template #no-data>