Resolve "Loading animation for timetable object select on left side of timetables"

Closes #263 (closed)

aleksis/apps/chronos/frontend/components/TimetableWrapper.vue

@@ -134,6 +134,7 @@ export default {
           <select-timetable
             v-model="selected"
             @input="selectDialog = false"
+            :loading="$apollo.queries.availableTimetables.loading"
             :available-timetables="availableTimetables"
           />
         </v-card>
@@ -148,7 +149,9 @@ export default {
         <v-card>
           <select-timetable
             v-model="selected"
+            :loading="$apollo.queries.availableTimetables.loading"
             :available-timetables="availableTimetables"
+            limit-height
           />
         </v-card>
       </v-col>
@@ -161,7 +164,7 @@ export default {
 
         <!-- Calendar card-->
         <v-card v-else>
-          <div class="d-flex flex-column" v-if="$vuetify.breakpoint.smAndDown">
+          <div class="d-flex flex-column" v-if="$vuetify.breakpoint.mdAndDown">
             <v-card-title class="pt-2">
               <v-btn
                 icon