fix:#92 added responsive design for more subpages

frontend/src/components/CalendarLink.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import tokenStore from "../store/tokenStore.ts";
 import { useToast } from "primevue/usetoast";
-import { onMounted } from "vue";
+import {computed, onMounted} from "vue";
 import router from "../router";
 import { useI18n } from "vue-i18n";
 const { t } = useI18n({ useScope: "global" });
@@ -59,7 +59,7 @@ const forwardToMicrosoft = () => {
   );
 };
 
-const actions = [
+const actions = computed(() => [
   {
     label: t("calendarLink.copyToClipboard"),
     icon: "pi pi-copy",
@@ -75,7 +75,7 @@ const actions = [
     icon: "pi pi-microsoft",
     command: forwardToMicrosoft,
   },
-];
+]);
 </script>
 
 <template>