Resolve "Add export functionality to course book"

Closes #258 (closed)

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

 <script setup>
-import SecondaryActionButton from "aleksis.core/components/generic/buttons/SecondaryActionButton.vue";
+import CoursebookPrintDialog from "./CoursebookPrintDialog.vue";
 </script>
 
 <template>
@@ -69,11 +69,11 @@ import SecondaryActionButton from "aleksis.core/components/generic/buttons/Secon
       >
         {{ pageTypeButtonText }}
       </v-btn>
-      <secondary-action-button
+      <coursebook-print-dialog
         v-if="pageType === 'documentations'"
-        i18n-key="alsijil.coursebook.print"
-        icon-text="$print"
-        :click="showPrintMenu"
+        :loading="selectLoading"
+        :available-groups="groups"
+        :value="currentGroups"
       />
     </div>
   </div>
@@ -137,6 +137,13 @@ export default {
           o.id === this.value.objId,
       );
     },
+    currentGroups() {
+      return this.groups.filter(
+        (o) =>
+          TYPENAMES_TO_TYPES[o.__typename] === this.value.objType &&
+          o.id === this.value.objId,
+      );
+    },
     pageTypeButtonText() {
       if (this.value.pageType === "documentations") {
         return this.$t("alsijil.coursebook.filter.page_type.absences");