Fix: Refactored App.vue (#166)

* extracted bottom navigation in own component

* removed old code from app.vue

* extracted SettingsPrompt from Navigation component

* removed unsude code form Navigation component

* extracted Notificantion from App

* removed unused code etc.

* removed unused css

* reorganisation of composables

* reorganization of the notification component

* adjusted css styling

* Better renaming

* additional notification

* renaming

* extracted functions into composables

* possible fix: crypto is not defined ?

* used old generation fo token

* revert to working ci

* test for ci error

* useTokenGenerator composable

* removed unused code

* test for token generator

* testing token package

* replacing

* rework for useClipboard and simple test

* reimplementing token generation

* removing unused core etc.

* removed settings

* show error after closing and repoening

* resolving issues

* resolved clipboard composabled and tests

* renaming

* clipboard not supported workaround

* fix rule validation

* fixed false token generation etc.

package.json

@@ -32,6 +32,7 @@
         "vue"
     ],
     "devDependencies": {
+        "@types/clipboardy": "^2.0.1",
         "@typescript-eslint/eslint-plugin": "^5.59.0",
         "@typescript-eslint/parser": "^5.59.0",
         "@vitejs/plugin-vue": "^4.1.0",
@@ -61,6 +62,7 @@
         "@vue/test-utils": "^2.3.2",
         "@vueuse/components": "^10.1.0",
         "@vueuse/core": "^10.1.0",
+        "clipboardy": "^3.0.0",
         "randexp": "^0.5.3",
         "roboto-fontface": "^0.10.0",
         "tesseract.js": "^3.0.3",