feat: QR Codes (#226)

* code gen updates

* qrcode support

* remove opacity on toast

* update item view to use tab-like pages

* adjust view for cards

* fix old API calls for ioutils

* move embed

* extract QR code

* add docs for QR codes

* add QR code

frontend/components/global/PageQRCode.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="dropdown dropdown-left">
+    <slot>
+      <label tabindex="0" class="btn btn-circle btn-sm">
+        <Icon name="mdi-qrcode" />
+      </label>
+    </slot>
+    <div tabindex="0" class="card compact dropdown-content shadow-lg bg-base-100 rounded-box w-64">
+      <div class="card-body">
+        <h2 class="text-center">Page URL</h2>
+        <img :src="getQRCodeUrl()" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  const api = useUserApi();
+
+  function getQRCodeUrl(): string {
+    const currentURL = window.location.href;
+
+    return `/api/v1/qrcode?data=${encodeURIComponent(currentURL)}&access_token=${api.items.attachmentToken}`;
+  }
+</script>
+
+<style lang="scss" scoped></style>