feat: join course via QR code (#350)

* chore: install dependencies

* feat: create downloadable image component

* feat: update component design and add download qr button

* feat: update file name

* feat: increase border radius

* chore: add logo svg file

* refactor: move all logic to parent component

* feat: setup writeable store variable

* chore: fix ts error

* feat: setup download function in parent comp

* chore: swap out svelte/qr comp for js comp

* feat: download speed qr code improvements

* feat: add loading state to download button

* fix: responsive adjustments

* refactoring

---------

Co-authored-by: tunny17 <[email protected]>
Co-authored-by: Rotimi Best <[email protected]>

apps/dashboard/package.json

@@ -45,6 +45,7 @@
     "dayjs": "^1.11.10",
     "form-data": "^4.0.0",
     "hotkeys-js": "^3.11.2",
+    "html-to-image": "^1.11.11",
     "js-yaml": "^4.1.0",
     "lodash": "^4.17.21",
     "openai-edge": "^1.2.2",
@@ -84,6 +85,7 @@
     "jest": "^29.7.0",
     "postcss": "^8.4.24",
     "postcss-load-config": "^4.0.1",
+    "qrcode": "^1.5.3",
     "sass": "^1.64.2",
     "svelte": "^4.1.2",
     "svelte-calendar": "^3.1.6",