feat: Move old apps into it's own directory

author: ivarlovlie <git@ivarlovlie.no> 2022-09-20 09:24:27 +0200
committer: ivarlovlie <git@ivarlovlie.no> 2022-09-20 09:24:27 +0200
commit: a9072370ca1eb9a5cce928b1d487db0f307edea6 (patch)
tree: 59c3c23df930a8b5f888dc7813923abf4ceefed4 /apps
parent: 56fa963a1d63cbe0bf28e29e717cceaa417c45c1 (diff)
download: greatoffice-a9072370ca1eb9a5cce928b1d487db0f307edea6.tar.xz
greatoffice-a9072370ca1eb9a5cce928b1d487db0f307edea6.zip
282 files changed, 4137 insertions, 18497 deletions
diff --git a/apps/kit/.gitignore b/apps/kit/.gitignore
new file mode 100644
index 0000000..f4401a3
--- /dev/null
+++ b/apps/kit/.gitignore
@@ -0,0 +1,8 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
diff --git a/apps/kit/.npmrc b/apps/kit/.npmrc
new file mode 100644
index 0000000..b6f27f1
--- /dev/null
+++ b/apps/kit/.npmrc
@@ -0,0 +1 @@
+engine-strict=true
diff --git a/apps/kit/.typesafe-i18n.json b/apps/kit/.typesafe-i18n.json
new file mode 100644
index 0000000..e2a0d73
--- /dev/null
+++ b/apps/kit/.typesafe-i18n.json
@@ -0,0 +1,5 @@
+{
+   "adapter": "svelte",
+   "$schema": "https://unpkg.com/typesafe-i18n@5.13.0/schema/typesafe-i18n.json",
+   "outputPath": "src/lib/i18n"
+}
+\ No newline at end of file
diff --git a/apps/kit/bun.lockb b/apps/kit/bun.lockb
new file mode 100755
index 0000000..25eeab8
--- /dev/null
+++ b/apps/kit/bun.lockb
diff --git a/apps/kit/package.json b/apps/kit/package.json
new file mode 100644
index 0000000..32b3219
--- /dev/null
+++ b/apps/kit/package.json
@@ -0,0 +1,45 @@
+{
+  "name": "greatoffice-kit",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "npm-run-all --parallel vite typesafe-i18n",
+    "typesafe-i18n": "typesafe-i18n",
+    "vite": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "test": "playwright test",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
+  },
+  "devDependencies": {
+    "@leveluptuts/bookit": "^0.0.25",
+    "@playwright/test": "^1.25.2",
+    "@rgossiaux/svelte-headlessui": "^1.0.2",
+    "@sveltejs/kit": "1.0.0-next.489",
+    "@sveltestack/svelte-query": "^1.6.0",
+    "@tailwindcss/forms": "^0.5.3",
+    "@types/cookie": "^0.5.1",
+    "autoprefixer": "^10.4.11",
+    "bun-types": "^0.1.11",
+    "cookie": "^0.5.0",
+    "dotenv": "^16.0.2",
+    "fuzzysort": "^2.0.1",
+    "npm-run-all": "^4.1.5",
+    "pino": "^8.6.0",
+    "pino-pretty": "^9.1.0",
+    "postcss": "^8.4.16",
+    "postcss-load-config": "^4.0.1",
+    "svelte": "^3.50.1",
+    "svelte-adapter-bun": "^0.3.1",
+    "svelte-check": "^2.9.0",
+    "svelte-preprocess": "^4.10.7",
+    "tailwindcss": "^3.1.8",
+    "temporal-polyfill": "^0.0.8",
+    "tslib": "^2.4.0",
+    "typesafe-i18n": "^5.13.0",
+    "typescript": "^4.8.3",
+    "vite": "^3.1.3"
+  }
+}
+\ No newline at end of file
diff --git a/apps/kit/playwright.config.ts b/apps/kit/playwright.config.ts
new file mode 100644
index 0000000..6ad3a7f
--- /dev/null
+++ b/apps/kit/playwright.config.ts
@@ -0,0 +1,10 @@
+import type { PlaywrightTestConfig } from '@playwright/test';
+
+const config: PlaywrightTestConfig = {
+	webServer: {
+		command: 'npm run build && npm run preview',
+		port: 4173
+	}
+};
+
+export default config;
diff --git a/apps/kit/pnpm-lock.yaml b/apps/kit/pnpm-lock.yaml
new file mode 100644
index 0000000..b36ac59
--- /dev/null
+++ b/apps/kit/pnpm-lock.yaml
@@ -0,0 +1,2815 @@
+lockfileVersion: 5.4
+
+specifiers:
+  '@leveluptuts/bookit': ^0.0.25
+  '@playwright/test': ^1.25.2
+  '@rgossiaux/svelte-headlessui': ^1.0.2
+  '@sveltejs/kit': 1.0.0-next.489
+  '@sveltestack/svelte-query': ^1.6.0
+  '@tailwindcss/forms': ^0.5.3
+  '@types/cookie': ^0.5.1
+  autoprefixer: ^10.4.11
+  bun-types: ^0.1.11
+  cookie: ^0.5.0
+  dotenv: ^16.0.2
+  fuzzysort: ^2.0.1
+  npm-run-all: ^4.1.5
+  pino: ^8.6.0
+  pino-pretty: ^9.1.0
+  postcss: ^8.4.16
+  postcss-load-config: ^4.0.1
+  svelte: ^3.50.1
+  svelte-adapter-bun: ^0.3.1
+  svelte-check: ^2.9.0
+  svelte-preprocess: ^4.10.7
+  tailwindcss: ^3.1.8
+  temporal-polyfill: ^0.0.8
+  tslib: ^2.4.0
+  typesafe-i18n: ^5.13.0
+  typescript: ^4.8.3
+  vite: ^3.1.3
+
+devDependencies:
+  '@leveluptuts/bookit': 0.0.25
+  '@playwright/test': 1.25.2
+  '@rgossiaux/svelte-headlessui': 1.0.2_svelte@3.50.1
+  '@sveltejs/kit': 1.0.0-next.489_svelte@3.50.1+vite@3.1.3
+  '@sveltestack/svelte-query': 1.6.0
+  '@tailwindcss/forms': 0.5.3_tailwindcss@3.1.8
+  '@types/cookie': 0.5.1
+  autoprefixer: 10.4.11_postcss@8.4.16
+  bun-types: 0.1.11
+  cookie: 0.5.0
+  dotenv: 16.0.2
+  fuzzysort: 2.0.1
+  npm-run-all: 4.1.5
+  pino: 8.6.0
+  pino-pretty: 9.1.0
+  postcss: 8.4.16
+  postcss-load-config: 4.0.1_postcss@8.4.16
+  svelte: 3.50.1
+  svelte-adapter-bun: 0.3.1
+  svelte-check: 2.9.0_zy537mcxrfn3wq4nghluxnsi5a
+  svelte-preprocess: 4.10.7_sxt3mkf5m54vn3maobdwhqzitu
+  tailwindcss: 3.1.8_postcss@8.4.16
+  temporal-polyfill: 0.0.8
+  tslib: 2.4.0
+  typesafe-i18n: 5.13.0_typescript@4.8.3
+  typescript: 4.8.3
+  vite: 3.1.3
+
+packages:
+
+  /@esbuild/android-arm/0.15.8:
+    resolution: {integrity: sha512-CyEWALmn+no/lbgbAJsbuuhT8s2J19EJGHkeyAwjbFJMrj80KJ9zuYsoAvidPTU7BgBf87r/sgae8Tw0dbOc4Q==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dependencies:
+      esbuild-wasm: 0.15.8
+    dev: true
+    optional: true
+
+  /@esbuild/linux-loong64/0.15.8:
+    resolution: {integrity: sha512-pE5RQsOTSERCtfZdfCT25wzo7dfhOSlhAXcsZmuvRYhendOv7djcdvtINdnDp2DAjP17WXlBB4nBO6sHLczmsg==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@jridgewell/resolve-uri/3.1.0:
+    resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
+    engines: {node: '>=6.0.0'}
+    dev: true
+
+  /@jridgewell/sourcemap-codec/1.4.14:
+    resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
+    dev: true
+
+  /@jridgewell/trace-mapping/0.3.15:
+    resolution: {integrity: sha512-oWZNOULl+UbhsgB51uuZzglikfIKSUBO/M9W2OfEjn7cmqoAiCgmv9lyACTUacZwBz0ITnJ2NqjU8Tx0DHL88g==}
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.0
+      '@jridgewell/sourcemap-codec': 1.4.14
+    dev: true
+
+  /@leveluptuts/bookit/0.0.25:
+    resolution: {integrity: sha512-myzMQXm8nFg7GvqY3uU4OT29L6imUaWe/ZptRSroFtK2XchDSSyiQVk1xr05ivZjeyTG6QiG9lGFRrTGgmPcfw==}
+    dependencies:
+      '@leveluptuts/svelte-side-menu': 1.0.2
+      '@leveluptuts/svelte-toy': 2.0.2
+      just-safe-set: 4.1.1
+      svelte-splitpanes: 0.7.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@leveluptuts/svelte-side-menu/1.0.2:
+    resolution: {integrity: sha512-ZaR2euPXm7SFhcKvIBA6ug0Yd2tpoS3MUJed3sI5WxBk4UlbrLRk+RVrftxYGJr0hPQ6LY+WPBhen6TNHtZb5Q==}
+    dev: true
+
+  /@leveluptuts/svelte-toy/2.0.2:
+    resolution: {integrity: sha512-DHFsRL3/p6qNgnOla2EeF+3tZTCoYMWpMy7uJRYUjBAYfog8BNziLgenFIKhcRlDgLOBPUqXB8FRB2SdNmkfAg==}
+    dependencies:
+      lodash.set: 4.3.2
+    dev: true
+
+  /@nodelib/fs.scandir/2.1.5:
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+    dev: true
+
+  /@nodelib/fs.stat/2.0.5:
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /@nodelib/fs.walk/1.2.8:
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.13.0
+    dev: true
+
+  /@playwright/test/1.24.2:
+    resolution: {integrity: sha512-Q4X224pRHw4Dtkk5PoNJplZCokLNvVbXD9wDQEMrHcEuvWpJWEQDeJ9gEwkZ3iCWSFSWBshIX177B231XW4wOQ==}
+    engines: {node: '>=14'}
+    hasBin: true
+    requiresBuild: true
+    dependencies:
+      '@types/node': 18.7.18
+      playwright-core: 1.24.2
+    dev: true
+    optional: true
+
+  /@playwright/test/1.25.2:
+    resolution: {integrity: sha512-6qPznIR4Fw02OMbqXUPMG6bFFg1hDVNEdihKy0t9K0dmRbus1DyP5Q5XFQhGwEHQkLG5hrSfBuu9CW/foqhQHQ==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dependencies:
+      '@types/node': 18.7.18
+      playwright-core: 1.25.2
+    dev: true
+
+  /@polka/url/1.0.0-next.21:
+    resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
+    dev: true
+
+  /@rgossiaux/svelte-headlessui/1.0.2_svelte@3.50.1:
+    resolution: {integrity: sha512-sauopYTSivhzXe1kAvgawkhyYJcQlK8Li3p0d2OtcCIVprOzdbard5lbqWB4xHDv83zAobt2mR08oizO2poHLQ==}
+    peerDependencies:
+      svelte: ^3.44.0
+    dependencies:
+      svelte: 3.50.1
+    dev: true
+
+  /@rollup/pluginutils/4.2.1:
+    resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
+    engines: {node: '>= 8.0.0'}
+    dependencies:
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    dev: true
+
+  /@sveltejs/kit/1.0.0-next.489_svelte@3.50.1+vite@3.1.3:
+    resolution: {integrity: sha512-7oag1fimI9f8e8mNy2wQRgMCXSov5dASqeTdXffgnptWBpuEjr8myffJ9djoRVQXoFjCja39lCHBo239iY8+KA==}
+    engines: {node: '>=16.14'}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      svelte: ^3.44.0
+      vite: ^3.1.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': 1.0.7_svelte@3.50.1+vite@3.1.3
+      '@types/cookie': 0.5.1
+      cookie: 0.5.0
+      devalue: 3.1.3
+      kleur: 4.1.5
+      magic-string: 0.26.3
+      mime: 3.0.0
+      node-fetch: 3.2.10
+      sade: 1.8.1
+      set-cookie-parser: 2.5.1
+      sirv: 2.0.2
+      svelte: 3.50.1
+      tiny-glob: 0.2.9
+      undici: 5.10.0
+      vite: 3.1.3
+    transitivePeerDependencies:
+      - diff-match-patch
+      - supports-color
+    dev: true
+
+  /@sveltejs/vite-plugin-svelte/1.0.7_svelte@3.50.1+vite@3.1.3:
+    resolution: {integrity: sha512-bf3/xrpKP5Sj9I6hT0slYwY4rVElocWZ79zLPc/bPFCOjjuty0jW4hmC4Uehb7yifjf3I6QnT3eIs2EKqw+Kig==}
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      diff-match-patch: ^1.0.5
+      svelte: ^3.44.0
+      vite: ^3.0.0
+    peerDependenciesMeta:
+      diff-match-patch:
+        optional: true
+    dependencies:
+      '@rollup/pluginutils': 4.2.1
+      debug: 4.3.4
+      deepmerge: 4.2.2
+      kleur: 4.1.5
+      magic-string: 0.26.3
+      svelte: 3.50.1
+      svelte-hmr: 0.15.0_svelte@3.50.1
+      vite: 3.1.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@sveltestack/svelte-query/1.6.0:
+    resolution: {integrity: sha512-C0wWuh6av1zu3Pzwrg6EQmX3BhDZQ4gMAdYu6Tfv4bjbEZTB00uEDz52z92IZdONh+iUKuyo0xRZ2e16k2Xifg==}
+    peerDependencies:
+      broadcast-channel: ^4.5.0
+    peerDependenciesMeta:
+      broadcast-channel:
+        optional: true
+    dev: true
+
+  /@tailwindcss/forms/0.5.3_tailwindcss@3.1.8:
+    resolution: {integrity: sha512-y5mb86JUoiUgBjY/o6FJSFZSEttfb3Q5gllE4xoKjAAD+vBrnIhE4dViwUuow3va8mpH4s9jyUbUbrRGoRdc2Q==}
+    peerDependencies:
+      tailwindcss: '>=3.0.0 || >= 3.0.0-alpha.1'
+    dependencies:
+      mini-svg-data-uri: 1.4.4
+      tailwindcss: 3.1.8_postcss@8.4.16
+    dev: true
+
+  /@types/cookie/0.5.1:
+    resolution: {integrity: sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==}
+    dev: true
+
+  /@types/node/18.7.18:
+    resolution: {integrity: sha512-m+6nTEOadJZuTPkKR/SYK3A2d7FZrgElol9UP1Kae90VVU4a6mxnPuLiIW1m4Cq4gZ/nWb9GrdVXJCoCazDAbg==}
+    dev: true
+
+  /@types/pug/2.0.6:
+    resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==}
+    dev: true
+
+  /@types/sass/1.43.1:
+    resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==}
+    dependencies:
+      '@types/node': 18.7.18
+    dev: true
+
+  /@zeit/schemas/2.21.0:
+    resolution: {integrity: sha512-/J4WBTpWtQ4itN1rb3ao8LfClmVcmz2pO6oYb7Qd4h7VSqUhIbJIvrykz9Ew1WMg6eFWsKdsMHc5uPbFxqlCpg==}
+    dev: true
+    optional: true
+
+  /abort-controller/3.0.0:
+    resolution: {integrity: sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==}
+    engines: {node: '>=6.5'}
+    dependencies:
+      event-target-shim: 5.0.1
+    dev: true
+
+  /accepts/1.3.8:
+    resolution: {integrity: sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      mime-types: 2.1.35
+      negotiator: 0.6.3
+    dev: true
+    optional: true
+
+  /acorn-node/1.8.2:
+    resolution: {integrity: sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==}
+    dependencies:
+      acorn: 7.4.1
+      acorn-walk: 7.2.0
+      xtend: 4.0.2
+    dev: true
+
+  /acorn-walk/7.2.0:
+    resolution: {integrity: sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==}
+    engines: {node: '>=0.4.0'}
+    dev: true
+
+  /acorn/7.4.1:
+    resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: true
+
+  /ajv/8.11.0:
+    resolution: {integrity: sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==}
+    dependencies:
+      fast-deep-equal: 3.1.3
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+      uri-js: 4.4.1
+    dev: true
+    optional: true
+
+  /ansi-align/3.0.1:
+    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
+    dependencies:
+      string-width: 4.2.3
+    dev: true
+    optional: true
+
+  /ansi-regex/5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+    dev: true
+    optional: true
+
+  /ansi-regex/6.0.1:
+    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
+    engines: {node: '>=12'}
+    dev: true
+    optional: true
+
+  /ansi-styles/3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
+    engines: {node: '>=4'}
+    dependencies:
+      color-convert: 1.9.3
+    dev: true
+
+  /ansi-styles/4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+    dependencies:
+      color-convert: 2.0.1
+    dev: true
+    optional: true
+
+  /ansi-styles/6.1.1:
+    resolution: {integrity: sha512-qDOv24WjnYuL+wbwHdlsYZFy+cgPtrYw0Tn7GLORicQp9BkQLzrgI3Pm4VyR9ERZ41YTn7KlMPuL1n05WdZvmg==}
+    engines: {node: '>=12'}
+    dev: true
+    optional: true
+
+  /anymatch/3.1.2:
+    resolution: {integrity: sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==}
+    engines: {node: '>= 8'}
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
+    dev: true
+
+  /arch/2.2.0:
+    resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==}
+    dev: true
+    optional: true
+
+  /arg/5.0.2:
+    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
+    dev: true
+
+  /atomic-sleep/1.0.0:
+    resolution: {integrity: sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==}
+    engines: {node: '>=8.0.0'}
+    dev: true
+
+  /autoprefixer/10.4.11_postcss@8.4.16:
+    resolution: {integrity: sha512-5lHp6DgRodxlBLSkzHOTcufWFflH1ewfy2hvFQyjrblBFlP/0Yh4O/Wrg4ow8WRlN3AAUFFLAQwX8hTptzqVHg==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+    dependencies:
+      browserslist: 4.21.4
+      caniuse-lite: 1.0.30001407
+      fraction.js: 4.2.0
+      normalize-range: 0.1.2
+      picocolors: 1.0.0
+      postcss: 8.4.16
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /balanced-match/1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+    dev: true
+
+  /binary-extensions/2.2.0:
+    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /boxen/7.0.0:
+    resolution: {integrity: sha512-j//dBVuyacJbvW+tvZ9HuH03fZ46QcaKvvhZickZqtB271DxJ7SNRSNxrV/dZX0085m7hISRZWbzWlJvx/rHSg==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      ansi-align: 3.0.1
+      camelcase: 7.0.0
+      chalk: 5.0.1
+      cli-boxes: 3.0.0
+      string-width: 5.1.2
+      type-fest: 2.19.0
+      widest-line: 4.0.1
+      wrap-ansi: 8.0.1
+    dev: true
+    optional: true
+
+  /brace-expansion/1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+    dev: true
+
+  /brace-expansion/2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+    dependencies:
+      balanced-match: 1.0.2
+    dev: true
+
+  /braces/3.0.2:
+    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
+    engines: {node: '>=8'}
+    dependencies:
+      fill-range: 7.0.1
+    dev: true
+
+  /browserslist/4.21.4:
+    resolution: {integrity: sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+    dependencies:
+      caniuse-lite: 1.0.30001407
+      electron-to-chromium: 1.4.255
+      node-releases: 2.0.6
+      update-browserslist-db: 1.0.9_browserslist@4.21.4
+    dev: true
+
+  /buffer-crc32/0.2.13:
+    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
+    dev: true
+
+  /bun-types/0.1.11:
+    resolution: {integrity: sha512-a5G9LZtF5qBsDMjGnS5FfTvIeg1bS0PzI3Q2LqShEjJWdhZTB56xO8ewqZ83J+3my5rW/PPPWT/udAofRQ3zdg==}
+    dev: true
+
+  /bytes/3.0.0:
+    resolution: {integrity: sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==}
+    engines: {node: '>= 0.8'}
+    dev: true
+    optional: true
+
+  /call-bind/1.0.2:
+    resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==}
+    dependencies:
+      function-bind: 1.1.1
+      get-intrinsic: 1.1.3
+    dev: true
+
+  /callsites/3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /camelcase-css/2.0.1:
+    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
+    engines: {node: '>= 6'}
+    dev: true
+
+  /camelcase/7.0.0:
+    resolution: {integrity: sha512-JToIvOmz6nhGsUhAYScbo2d6Py5wojjNfoxoc2mEVLUdJ70gJK2gnd+ABY1Tc3sVMyK7QDPtN0T/XdlCQWITyQ==}
+    engines: {node: '>=14.16'}
+    dev: true
+    optional: true
+
+  /caniuse-lite/1.0.30001407:
+    resolution: {integrity: sha512-4ydV+t4P7X3zH83fQWNDX/mQEzYomossfpViCOx9zHBSMV+rIe3LFqglHHtVyvNl1FhTNxPxs3jei82iqOW04w==}
+    dev: true
+
+  /chalk-template/0.4.0:
+    resolution: {integrity: sha512-/ghrgmhfY8RaSdeo43hNXxpoHAtxdbskUHjPpfqUWGttFgycUhYPGx3YZBCnUCvOa7Doivn1IZec3DEGFoMgLg==}
+    engines: {node: '>=12'}
+    dependencies:
+      chalk: 4.1.2
+    dev: true
+    optional: true
+
+  /chalk/2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      ansi-styles: 3.2.1
+      escape-string-regexp: 1.0.5
+      supports-color: 5.5.0
+    dev: true
+
+  /chalk/4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+    dev: true
+    optional: true
+
+  /chalk/5.0.1:
+    resolution: {integrity: sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+    dev: true
+    optional: true
+
+  /chokidar/3.5.3:
+    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
+    engines: {node: '>= 8.10.0'}
+    dependencies:
+      anymatch: 3.1.2
+      braces: 3.0.2
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /cli-boxes/3.0.0:
+    resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
+    engines: {node: '>=10'}
+    dev: true
+    optional: true
+
+  /clipboardy/3.0.0:
+    resolution: {integrity: sha512-Su+uU5sr1jkUy1sGRpLKjKrvEOVXgSgiSInwa/qeID6aJ07yh+5NWc3h2QfjHjBnfX4LhtFcuAWKUsJ3r+fjbg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      arch: 2.2.0
+      execa: 5.1.1
+      is-wsl: 2.2.0
+    dev: true
+    optional: true
+
+  /color-convert/1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+    dependencies:
+      color-name: 1.1.3
+    dev: true
+
+  /color-convert/2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+    dependencies:
+      color-name: 1.1.4
+    dev: true
+    optional: true
+
+  /color-name/1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+    dev: true
+
+  /color-name/1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+    dev: true
+
+  /colorette/2.0.19:
+    resolution: {integrity: sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==}
+    dev: true
+
+  /compressible/2.0.18:
+    resolution: {integrity: sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      mime-db: 1.52.0
+    dev: true
+    optional: true
+
+  /compression/1.7.4:
+    resolution: {integrity: sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      accepts: 1.3.8
+      bytes: 3.0.0
+      compressible: 2.0.18
+      debug: 2.6.9
+      on-headers: 1.0.2
+      safe-buffer: 5.1.2
+      vary: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+    optional: true
+
+  /concat-map/0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+    dev: true
+
+  /content-disposition/0.5.2:
+    resolution: {integrity: sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==}
+    engines: {node: '>= 0.6'}
+    dev: true
+    optional: true
+
+  /cookie/0.5.0:
+    resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
+    engines: {node: '>= 0.6'}
+    dev: true
+
+  /cross-spawn/6.0.5:
+    resolution: {integrity: sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==}
+    engines: {node: '>=4.8'}
+    dependencies:
+      nice-try: 1.0.5
+      path-key: 2.0.1
+      semver: 5.7.1
+      shebang-command: 1.2.0
+      which: 1.3.1
+    dev: true
+
+  /cross-spawn/7.0.3:
+    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+    engines: {node: '>= 8'}
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+    dev: true
+    optional: true
+
+  /cssesc/3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+    dev: true
+
+  /data-uri-to-buffer/4.0.0:
+    resolution: {integrity: sha512-Vr3mLBA8qWmcuschSLAOogKgQ/Jwxulv3RNE4FXnYWRGujzrRWQI4m12fQqRkwX06C0KanhLr4hK+GydchZsaA==}
+    engines: {node: '>= 12'}
+    dev: true
+
+  /dateformat/4.6.3:
+    resolution: {integrity: sha512-2P0p0pFGzHS5EMnhdxQi7aJN+iMheud0UhG4dlE1DLAlvL8JHjJJTX/CSm4JXwV0Ka5nGk3zC5mcb5bUQUxxMA==}
+    dev: true
+
+  /debug/2.6.9:
+    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.0.0
+    dev: true
+    optional: true
+
+  /debug/4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+    dev: true
+
+  /deep-extend/0.6.0:
+    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
+    engines: {node: '>=4.0.0'}
+    dev: true
+    optional: true
+
+  /deepmerge/4.2.2:
+    resolution: {integrity: sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /define-properties/1.1.4:
+    resolution: {integrity: sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-property-descriptors: 1.0.0
+      object-keys: 1.1.1
+    dev: true
+
+  /defined/1.0.0:
+    resolution: {integrity: sha512-Y2caI5+ZwS5c3RiNDJ6u53VhQHv+hHKwhkI1iHvceKUHw9Df6EK2zRLfjejRgMuCuxK7PfSWIMwWecceVvThjQ==}
+    dev: true
+
+  /detect-indent/6.1.0:
+    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /detective/5.2.1:
+    resolution: {integrity: sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==}
+    engines: {node: '>=0.8.0'}
+    hasBin: true
+    dependencies:
+      acorn-node: 1.8.2
+      defined: 1.0.0
+      minimist: 1.2.6
+    dev: true
+
+  /devalue/3.1.3:
+    resolution: {integrity: sha512-9KO89Cb+qjzf2CqdrH+NuLaqdk9GhDP5EhR4zlkR51dvuIaiqtlkDkGzLMShDemwUy21raSMdu+kpX8Enw3yGQ==}
+    dev: true
+
+  /didyoumean/1.2.2:
+    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
+    dev: true
+
+  /dlv/1.1.3:
+    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
+    dev: true
+
+  /dotenv/16.0.2:
+    resolution: {integrity: sha512-JvpYKUmzQhYoIFgK2MOnF3bciIZoItIIoryihy0rIA+H4Jy0FmgyKYAHCTN98P5ybGSJcIFbh6QKeJdtZd1qhA==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /eastasianwidth/0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+    dev: true
+    optional: true
+
+  /electron-to-chromium/1.4.255:
+    resolution: {integrity: sha512-H+mFNKow6gi2P5Gi2d1Fvd3TUEJlB9CF7zYaIV9T83BE3wP1xZ0mRPbNTm0KUjyd1QiVy7iKXuIcjlDtBQMiAQ==}
+    dev: true
+
+  /emoji-regex/8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+    dev: true
+    optional: true
+
+  /emoji-regex/9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+    dev: true
+    optional: true
+
+  /end-of-stream/1.4.4:
+    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
+    dependencies:
+      once: 1.4.0
+    dev: true
+
+  /error-ex/1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+    dependencies:
+      is-arrayish: 0.2.1
+    dev: true
+
+  /es-abstract/1.20.2:
+    resolution: {integrity: sha512-XxXQuVNrySBNlEkTYJoDNFe5+s2yIOpzq80sUHEdPdQr0S5nTLz4ZPPPswNIpKseDDUS5yghX1gfLIHQZ1iNuQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      es-to-primitive: 1.2.1
+      function-bind: 1.1.1
+      function.prototype.name: 1.1.5
+      get-intrinsic: 1.1.3
+      get-symbol-description: 1.0.0
+      has: 1.0.3
+      has-property-descriptors: 1.0.0
+      has-symbols: 1.0.3
+      internal-slot: 1.0.3
+      is-callable: 1.2.6
+      is-negative-zero: 2.0.2
+      is-regex: 1.1.4
+      is-shared-array-buffer: 1.0.2
+      is-string: 1.0.7
+      is-weakref: 1.0.2
+      object-inspect: 1.12.2
+      object-keys: 1.1.1
+      object.assign: 4.1.4
+      regexp.prototype.flags: 1.4.3
+      string.prototype.trimend: 1.0.5
+      string.prototype.trimstart: 1.0.5
+      unbox-primitive: 1.0.2
+    dev: true
+
+  /es-to-primitive/1.2.1:
+    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      is-callable: 1.2.6
+      is-date-object: 1.0.5
+      is-symbol: 1.0.4
+    dev: true
+
+  /es6-promise/3.3.1:
+    resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
+    dev: true
+
+  /esbuild-android-64/0.15.8:
+    resolution: {integrity: sha512-bVh8FIKOolF7/d4AMzt7xHlL0Ljr+mYKSHI39TJWDkybVWHdn6+4ODL3xZGHOxPpdRpitemXA1WwMKYBsw8dGw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dependencies:
+      esbuild-wasm: 0.15.8
+    dev: true
+    optional: true
+
+  /esbuild-android-arm64/0.15.8:
+    resolution: {integrity: sha512-ReAMDAHuo0H1h9LxRabI6gwYPn8k6WiUeyxuMvx17yTrJO+SCnIfNc/TSPFvDwtK9MiyiKG/2dBYHouT/M0BXQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-darwin-64/0.15.8:
+    resolution: {integrity: sha512-KaKcGfJ+yto7Fo5gAj3xwxHMd1fBIKatpCHK8znTJLVv+9+NN2/tIPBqA4w5rBwjX0UqXDeIE2v1xJP+nGEXgA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-darwin-arm64/0.15.8:
+    resolution: {integrity: sha512-8tjEaBgAKnXCkP7bhEJmEqdG9HEV6oLkF36BrMzpfW2rgaw0c48Zrxe+9RlfeGvs6gDF4w+agXyTjikzsS3izw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-freebsd-64/0.15.8:
+    resolution: {integrity: sha512-jaxcsGHYzn2L0/lffON2WfH4Nc+d/EwozVTP5K2v016zxMb5UQMhLoJzvLgBqHT1SG0B/mO+a+THnJCMVg15zw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-freebsd-arm64/0.15.8:
+    resolution: {integrity: sha512-2xp2UlljMvX8HExtcg7VHaeQk8OBU0CSl1j18B5CcZmSDkLF9p3utuMXIopG3a08fr9Hv+Dz6+seSXUow/G51w==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-32/0.15.8:
+    resolution: {integrity: sha512-9u1E54BRz1FQMl86iaHK146+4ID2KYNxL3trLZT4QLLx3M7Q9n4lGG3lrzqUatGR2cKy8c33b0iaCzsItZWkFg==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-64/0.15.8:
+    resolution: {integrity: sha512-4HxrsN9eUzJXdVGMTYA5Xler82FuZUu21bXKN42zcLHHNKCAMPUzD62I+GwDhsdgUBAUj0tRXDdsQHgaP6v0HA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-arm/0.15.8:
+    resolution: {integrity: sha512-7DVBU9SFjX4+vBwt8tHsUCbE6Vvl6y6FQWHAgyw1lybC5gULqn/WnjHYHN2/LJaZRsDBvxWT4msEgwLGq1Wd3Q==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-arm64/0.15.8:
+    resolution: {integrity: sha512-1OCm7Aq0tEJT70PbxmHSGYDLYP8DKH8r4Nk7/XbVzWaduo9beCjGBB+tGZIHK6DdTQ3h00/4Tb/70YMH/bOtKg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-mips64le/0.15.8:
+    resolution: {integrity: sha512-yeFoNPVFPEzZvFYBfUQNG2TjGRaCyV1E27OcOg4LOtnGrxb2wA+mkW3luckyv1CEyd00mpAg7UdHx8nlx3ghgA==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-ppc64le/0.15.8:
+    resolution: {integrity: sha512-CEyMMUUNabXibw8OSNmBXhOIGhnjNVl5Lpseiuf00iKN0V47oqDrbo4dsHz1wH62m49AR8iG8wpDlTqfYgKbtg==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-riscv64/0.15.8:
+    resolution: {integrity: sha512-OCGSOaspMUjexSCU8ZiA0UnV/NiRU+s2vIfEcAQWQ6u32R+2luyfh/4ZaY6jFbylJE07Esc/yRvb9Q5fXuClXA==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-s390x/0.15.8:
+    resolution: {integrity: sha512-RHdpdfxRTSrZXZJlFSLazFU4YwXLB5Rgf6Zr5rffqSsO4y9JybgtKO38bFwxZNlDXliYISXN/YROKrG9s7mZQA==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-netbsd-64/0.15.8:
+    resolution: {integrity: sha512-VolFFRatBH09T5QMWhiohAWCOien1R1Uz9K0BRVVTBgBaVBt7eArsXTKxVhUgRf2vwu2c2SXkuP0r7HLG0eozw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-openbsd-64/0.15.8:
+    resolution: {integrity: sha512-HTAPlg+n4kUeE/isQxlCfsOz0xJGNoT5LJ9oYZWFKABfVf4Ycu7Zlf5ITgOnrdheTkz8JeL/gISIOCFAoOXrSA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-sunos-64/0.15.8:
+    resolution: {integrity: sha512-qMP/jR/FzcIOwKj+W+Lb+8Cfr8GZHbHUJxAPi7DUhNZMQ/6y7sOgRzlOSpRrbbUntrRZh0MqOyDhJ3Gpo6L1QA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-wasm/0.15.8:
+    resolution: {integrity: sha512-Y7uCl5RNO4URjlemjdx++ukVHEMt5s5AfMWYUnMiK4Sry+pPCvQIctzXq6r6FKCyGKjX6/NGMCqR2OX6aLxj0w==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-windows-32/0.15.8:
+    resolution: {integrity: sha512-RKR1QHh4iWzjUhkP8Yqi75PPz/KS+b8zw3wUrzw6oAkj+iU5Qtyj61ZDaSG3Qf2vc6hTIUiPqVTqBH0NpXFNwg==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-windows-64/0.15.8:
+    resolution: {integrity: sha512-ag9ptYrsizgsR+PQE8QKeMqnosLvAMonQREpLw4evA4FFgOBMLEat/dY/9txbpozTw9eEOYyD3a4cE9yTu20FA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-windows-arm64/0.15.8:
+    resolution: {integrity: sha512-dbpAb0VyPaUs9mgw65KRfQ9rqiWCHpNzrJusoPu+LpEoswosjt/tFxN7cd2l68AT4qWdBkzAjDLRon7uqMeWcg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild/0.15.8:
+    resolution: {integrity: sha512-Remsk2dmr1Ia65sU+QasE6svJbsHe62lzR+CnjpUvbZ+uSYo1SitiOWPRfZQkCu82YWZBBKXiD/j0i//XWMZ+Q==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/android-arm': 0.15.8
+      '@esbuild/linux-loong64': 0.15.8
+      esbuild-android-64: 0.15.8
+      esbuild-android-arm64: 0.15.8
+      esbuild-darwin-64: 0.15.8
+      esbuild-darwin-arm64: 0.15.8
+      esbuild-freebsd-64: 0.15.8
+      esbuild-freebsd-arm64: 0.15.8
+      esbuild-linux-32: 0.15.8
+      esbuild-linux-64: 0.15.8
+      esbuild-linux-arm: 0.15.8
+      esbuild-linux-arm64: 0.15.8
+      esbuild-linux-mips64le: 0.15.8
+      esbuild-linux-ppc64le: 0.15.8
+      esbuild-linux-riscv64: 0.15.8
+      esbuild-linux-s390x: 0.15.8
+      esbuild-netbsd-64: 0.15.8
+      esbuild-openbsd-64: 0.15.8
+      esbuild-sunos-64: 0.15.8
+      esbuild-windows-32: 0.15.8
+      esbuild-windows-64: 0.15.8
+      esbuild-windows-arm64: 0.15.8
+    dev: true
+
+  /escalade/3.1.1:
+    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /escape-string-regexp/1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+    dev: true
+
+  /estree-walker/2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+    dev: true
+
+  /event-target-shim/5.0.1:
+    resolution: {integrity: sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /execa/5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 6.0.1
+      human-signals: 2.1.0
+      is-stream: 2.0.1
+      merge-stream: 2.0.0
+      npm-run-path: 4.0.1
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+      strip-final-newline: 2.0.0
+    dev: true
+    optional: true
+
+  /fast-copy/2.1.3:
+    resolution: {integrity: sha512-LDzYKNTHhD+XOp8wGMuCkY4eTxFZOOycmpwLBiuF3r3OjOmZnURRD8t2dUAbmKuXGbo/MGggwbSjcBdp8QT0+g==}
+    dev: true
+
+  /fast-deep-equal/3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+    dev: true
+    optional: true
+
+  /fast-glob/3.2.12:
+    resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==}
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
+    dev: true
+
+  /fast-redact/3.1.2:
+    resolution: {integrity: sha512-+0em+Iya9fKGfEQGcd62Yv6onjBmmhV1uh86XVfOU8VwAe6kaFdQCWI9s0/Nnugx5Vd9tdbZ7e6gE2tR9dzXdw==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /fast-safe-stringify/2.1.1:
+    resolution: {integrity: sha512-W+KJc2dmILlPplD/H4K9l9LcAHAfPtP6BY84uVLXQ6Evcz9Lcg33Y2z1IVblT6xdY54PXYVHEv+0Wpq8Io6zkA==}
+    dev: true
+
+  /fast-url-parser/1.1.3:
+    resolution: {integrity: sha512-5jOCVXADYNuRkKFzNJ0dCCewsZiYo0dz8QNYljkOpFC6r2U4OBmKtvm/Tsuh4w1YYdDqDb31a8TVhBJ2OJKdqQ==}
+    dependencies:
+      punycode: 1.4.1
+    dev: true
+    optional: true
+
+  /fastq/1.13.0:
+    resolution: {integrity: sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==}
+    dependencies:
+      reusify: 1.0.4
+    dev: true
+
+  /fetch-blob/3.2.0:
+    resolution: {integrity: sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==}
+    engines: {node: ^12.20 || >= 14.13}
+    dependencies:
+      node-domexception: 1.0.0
+      web-streams-polyfill: 3.2.1
+    dev: true
+
+  /fill-range/7.0.1:
+    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      to-regex-range: 5.0.1
+    dev: true
+
+  /formdata-polyfill/4.0.10:
+    resolution: {integrity: sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==}
+    engines: {node: '>=12.20.0'}
+    dependencies:
+      fetch-blob: 3.2.0
+    dev: true
+
+  /fraction.js/4.2.0:
+    resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==}
+    dev: true
+
+  /fs.realpath/1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+    dev: true
+
+  /fsevents/2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /function-bind/1.1.1:
+    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
+    dev: true
+
+  /function.prototype.name/1.1.5:
+    resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.1.4
+      es-abstract: 1.20.2
+      functions-have-names: 1.2.3
+    dev: true
+
+  /functions-have-names/1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+    dev: true
+
+  /fuzzysort/2.0.1:
+    resolution: {integrity: sha512-SlgbPAq0eQ6JQ1h3l4MNeGH/t9DHKH8GGM0RD/6RhmJrNnSoWt3oIVaiQm9g9BPB+wAhRMeMqlUTbhbd7+Ufcg==}
+    dev: true
+
+  /get-intrinsic/1.1.3:
+    resolution: {integrity: sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==}
+    dependencies:
+      function-bind: 1.1.1
+      has: 1.0.3
+      has-symbols: 1.0.3
+    dev: true
+
+  /get-stream/6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+    dev: true
+    optional: true
+
+  /get-symbol-description/1.0.0:
+    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.1.3
+    dev: true
+
+  /glob-parent/5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /glob-parent/6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /glob/7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 3.1.2
+      once: 1.4.0
+      path-is-absolute: 1.0.1
+    dev: true
+
+  /glob/8.0.3:
+    resolution: {integrity: sha512-ull455NHSHI/Y1FqGaaYFaLGkNMMJbavMrEGFXG/PGrg6y7sutWHUHrz6gy6WEBH6akM1M414dWKCNs+IhKdiQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 5.1.0
+      once: 1.4.0
+    dev: true
+
+  /globalyzer/0.1.0:
+    resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
+    dev: true
+
+  /globrex/0.1.2:
+    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
+    dev: true
+
+  /graceful-fs/4.2.10:
+    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
+    dev: true
+
+  /has-bigints/1.0.2:
+    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+    dev: true
+
+  /has-flag/3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /has-flag/4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+    dev: true
+    optional: true
+
+  /has-property-descriptors/1.0.0:
+    resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==}
+    dependencies:
+      get-intrinsic: 1.1.3
+    dev: true
+
+  /has-symbols/1.0.3:
+    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /has-tostringtag/1.0.0:
+    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-symbols: 1.0.3
+    dev: true
+
+  /has/1.0.3:
+    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
+    engines: {node: '>= 0.4.0'}
+    dependencies:
+      function-bind: 1.1.1
+    dev: true
+
+  /help-me/4.1.0:
+    resolution: {integrity: sha512-5HMrkOks2j8Fpu2j5nTLhrBhT7VwHwELpqnSnx802ckofys5MO2SkLpgSz3dgNFHV7IYFX2igm5CM75SmuYidw==}
+    dependencies:
+      glob: 8.0.3
+      readable-stream: 3.6.0
+    dev: true
+
+  /hosted-git-info/2.8.9:
+    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
+    dev: true
+
+  /human-signals/2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+    dev: true
+    optional: true
+
+  /import-fresh/3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+    engines: {node: '>=6'}
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+    dev: true
+
+  /inflight/1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    dependencies:
+      once: 1.4.0
+      wrappy: 1.0.2
+    dev: true
+
+  /inherits/2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+    dev: true
+
+  /ini/1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+    dev: true
+    optional: true
+
+  /internal-slot/1.0.3:
+    resolution: {integrity: sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.1.3
+      has: 1.0.3
+      side-channel: 1.0.4
+    dev: true
+
+  /is-arrayish/0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+    dev: true
+
+  /is-bigint/1.0.4:
+    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
+    dependencies:
+      has-bigints: 1.0.2
+    dev: true
+
+  /is-binary-path/2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+    dependencies:
+      binary-extensions: 2.2.0
+    dev: true
+
+  /is-boolean-object/1.1.2:
+    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-callable/1.2.6:
+    resolution: {integrity: sha512-krO72EO2NptOGAX2KYyqbP9vYMlNAXdB53rq6f8LXY6RY7JdSR/3BD6wLUlPHSAesmY9vstNrjvqGaCiRK/91Q==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /is-core-module/2.10.0:
+    resolution: {integrity: sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==}
+    dependencies:
+      has: 1.0.3
+    dev: true
+
+  /is-date-object/1.0.5:
+    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-docker/2.2.1:
+    resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
+    engines: {node: '>=8'}
+    hasBin: true
+    dev: true
+    optional: true
+
+  /is-extglob/2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-fullwidth-code-point/3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+    dev: true
+    optional: true
+
+  /is-glob/4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extglob: 2.1.1
+    dev: true
+
+  /is-negative-zero/2.0.2:
+    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /is-number-object/1.0.7:
+    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-number/7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+    dev: true
+
+  /is-port-reachable/4.0.0:
+    resolution: {integrity: sha512-9UoipoxYmSk6Xy7QFgRv2HDyaysmgSG75TFQs6S+3pDM7ZhKTF/bskZV+0UlABHzKjNVhPjYCLfeZUEg1wXxig==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: true
+    optional: true
+
+  /is-regex/1.1.4:
+    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-shared-array-buffer/1.0.2:
+    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
+    dependencies:
+      call-bind: 1.0.2
+    dev: true
+
+  /is-stream/2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+    dev: true
+    optional: true
+
+  /is-string/1.0.7:
+    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-symbol/1.0.4:
+    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-symbols: 1.0.3
+    dev: true
+
+  /is-weakref/1.0.2:
+    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
+    dependencies:
+      call-bind: 1.0.2
+    dev: true
+
+  /is-wsl/2.2.0:
+    resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
+    engines: {node: '>=8'}
+    dependencies:
+      is-docker: 2.2.1
+    dev: true
+    optional: true
+
+  /isexe/2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+    dev: true
+
+  /joycon/3.1.1:
+    resolution: {integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /json-parse-better-errors/1.0.2:
+    resolution: {integrity: sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==}
+    dev: true
+
+  /json-schema-traverse/1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+    dev: true
+    optional: true
+
+  /just-safe-set/4.1.1:
+    resolution: {integrity: sha512-3tQtDVCvZfWc64yEbh2D8R80Zlz+x9LJVpkQ4K3ppdiO7iI1Jzf6wYgsAs1o/EMSwucRbaNb6JHex/24TbSaKw==}
+    dev: true
+
+  /kleur/4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /lilconfig/2.0.6:
+    resolution: {integrity: sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /load-json-file/4.0.0:
+    resolution: {integrity: sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==}
+    engines: {node: '>=4'}
+    dependencies:
+      graceful-fs: 4.2.10
+      parse-json: 4.0.0
+      pify: 3.0.0
+      strip-bom: 3.0.0
+    dev: true
+
+  /lodash.set/4.3.2:
+    resolution: {integrity: sha512-4hNPN5jlm/N/HLMCO43v8BXKq9Z7QdAGc/VGrRD61w8gN9g/6jF9A4L1pbUgBLCffi0w9VsXfTOij5x8iTyFvg==}
+    dev: true
+
+  /magic-string/0.25.9:
+    resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
+    dependencies:
+      sourcemap-codec: 1.4.8
+    dev: true
+
+  /magic-string/0.26.3:
+    resolution: {integrity: sha512-u1Po0NDyFcwdg2nzHT88wSK0+Rih0N1M+Ph1Sp08k8yvFFU3KR72wryS7e1qMPJypt99WB7fIFVCA92mQrMjrg==}
+    engines: {node: '>=12'}
+    dependencies:
+      sourcemap-codec: 1.4.8
+    dev: true
+
+  /memorystream/0.3.1:
+    resolution: {integrity: sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==}
+    engines: {node: '>= 0.10.0'}
+    dev: true
+
+  /merge-stream/2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+    dev: true
+    optional: true
+
+  /merge2/1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /micromatch/4.0.5:
+    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
+    engines: {node: '>=8.6'}
+    dependencies:
+      braces: 3.0.2
+      picomatch: 2.3.1
+    dev: true
+
+  /mime-db/1.33.0:
+    resolution: {integrity: sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==}
+    engines: {node: '>= 0.6'}
+    dev: true
+    optional: true
+
+  /mime-db/1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+    dev: true
+    optional: true
+
+  /mime-types/2.1.18:
+    resolution: {integrity: sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      mime-db: 1.33.0
+    dev: true
+    optional: true
+
+  /mime-types/2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      mime-db: 1.52.0
+    dev: true
+    optional: true
+
+  /mime/3.0.0:
+    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+    dev: true
+
+  /mimic-fn/2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+    dev: true
+    optional: true
+
+  /min-indent/1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /mini-svg-data-uri/1.4.4:
+    resolution: {integrity: sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==}
+    hasBin: true
+    dev: true
+
+  /minimatch/3.0.4:
+    resolution: {integrity: sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==}
+    dependencies:
+      brace-expansion: 1.1.11
+    dev: true
+    optional: true
+
+  /minimatch/3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+    dependencies:
+      brace-expansion: 1.1.11
+    dev: true
+
+  /minimatch/5.1.0:
+    resolution: {integrity: sha512-9TPBGGak4nHfGZsPBohm9AWg6NoT7QTCehS3BIJABslyZbzxfV78QM2Y6+i741OPZIafFAaiiEMh5OyIrJPgtg==}
+    engines: {node: '>=10'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
+  /minimist/1.2.6:
+    resolution: {integrity: sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==}
+    dev: true
+
+  /mkdirp/0.5.6:
+    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
+    hasBin: true
+    dependencies:
+      minimist: 1.2.6
+    dev: true
+
+  /mri/1.2.0:
+    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /mrmime/1.0.1:
+    resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /ms/2.0.0:
+    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
+    dev: true
+    optional: true
+
+  /ms/2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
+    dev: true
+
+  /nanoid/3.3.4:
+    resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+    dev: true
+
+  /negotiator/0.6.3:
+    resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
+    engines: {node: '>= 0.6'}
+    dev: true
+    optional: true
+
+  /nice-try/1.0.5:
+    resolution: {integrity: sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==}
+    dev: true
+
+  /node-domexception/1.0.0:
+    resolution: {integrity: sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==}
+    engines: {node: '>=10.5.0'}
+    dev: true
+
+  /node-fetch/3.2.10:
+    resolution: {integrity: sha512-MhuzNwdURnZ1Cp4XTazr69K0BTizsBroX7Zx3UgDSVcZYKF/6p0CBe4EUb/hLqmzVhl0UpYfgRljQ4yxE+iCxA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      data-uri-to-buffer: 4.0.0
+      fetch-blob: 3.2.0
+      formdata-polyfill: 4.0.10
+    dev: true
+
+  /node-releases/2.0.6:
+    resolution: {integrity: sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==}
+    dev: true
+
+  /normalize-package-data/2.5.0:
+    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
+    dependencies:
+      hosted-git-info: 2.8.9
+      resolve: 1.22.1
+      semver: 5.7.1
+      validate-npm-package-license: 3.0.4
+    dev: true
+
+  /normalize-path/3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /normalize-range/0.1.2:
+    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /npm-run-all/4.1.5:
+    resolution: {integrity: sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==}
+    engines: {node: '>= 4'}
+    hasBin: true
+    dependencies:
+      ansi-styles: 3.2.1
+      chalk: 2.4.2
+      cross-spawn: 6.0.5
+      memorystream: 0.3.1
+      minimatch: 3.1.2
+      pidtree: 0.3.1
+      read-pkg: 3.0.0
+      shell-quote: 1.7.3
+      string.prototype.padend: 3.1.3
+    dev: true
+
+  /npm-run-path/4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
+    dependencies:
+      path-key: 3.1.1
+    dev: true
+    optional: true
+
+  /object-hash/3.0.0:
+    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
+    engines: {node: '>= 6'}
+    dev: true
+
+  /object-inspect/1.12.2:
+    resolution: {integrity: sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==}
+    dev: true
+
+  /object-keys/1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /object.assign/4.1.4:
+    resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.1.4
+      has-symbols: 1.0.3
+      object-keys: 1.1.1
+    dev: true
+
+  /on-exit-leak-free/2.1.0:
+    resolution: {integrity: sha512-VuCaZZAjReZ3vUwgOB8LxAosIurDiAW0s13rI1YwmaP++jvcxP77AWoQvenZebpCA2m8WC1/EosPYPMjnRAp/w==}
+    dev: true
+
+  /on-headers/1.0.2:
+    resolution: {integrity: sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==}
+    engines: {node: '>= 0.8'}
+    dev: true
+    optional: true
+
+  /once/1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+    dependencies:
+      wrappy: 1.0.2
+    dev: true
+
+  /onetime/5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+    dependencies:
+      mimic-fn: 2.1.0
+    dev: true
+    optional: true
+
+  /parent-module/1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+    dependencies:
+      callsites: 3.1.0
+    dev: true
+
+  /parse-json/4.0.0:
+    resolution: {integrity: sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==}
+    engines: {node: '>=4'}
+    dependencies:
+      error-ex: 1.3.2
+      json-parse-better-errors: 1.0.2
+    dev: true
+
+  /path-is-absolute/1.0.1:
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /path-is-inside/1.0.2:
+    resolution: {integrity: sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==}
+    dev: true
+    optional: true
+
+  /path-key/2.0.1:
+    resolution: {integrity: sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /path-key/3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+    dev: true
+    optional: true
+
+  /path-parse/1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+    dev: true
+
+  /path-to-regexp/2.2.1:
+    resolution: {integrity: sha512-gu9bD6Ta5bwGrrU8muHzVOBFFREpp2iRkVfhBJahwJ6p6Xw20SjT0MxLnwkjOibQmGSYhiUnf2FLe7k+jcFmGQ==}
+    dev: true
+    optional: true
+
+  /path-type/3.0.0:
+    resolution: {integrity: sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==}
+    engines: {node: '>=4'}
+    dependencies:
+      pify: 3.0.0
+    dev: true
+
+  /picocolors/1.0.0:
+    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
+    dev: true
+
+  /picomatch/2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+    dev: true
+
+  /pidtree/0.3.1:
+    resolution: {integrity: sha512-qQbW94hLHEqCg7nhby4yRC7G2+jYHY4Rguc2bjw7Uug4GIJuu1tvf2uHaZv5Q8zdt+WKJ6qK1FOI6amaWUo5FA==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+    dev: true
+
+  /pify/2.3.0:
+    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /pify/3.0.0:
+    resolution: {integrity: sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /pino-abstract-transport/1.0.0:
+    resolution: {integrity: sha512-c7vo5OpW4wIS42hUVcT5REsL8ZljsUfBjqV/e2sFxmFEFZiq1XLUp5EYLtuDH6PEHq9W1egWqRbnLUP5FuZmOA==}
+    dependencies:
+      readable-stream: 4.1.0
+      split2: 4.1.0
+    dev: true
+
+  /pino-pretty/9.1.0:
+    resolution: {integrity: sha512-IM6NY9LLo/dVgY7/prJhCh4rAJukafdt0ibxeNOWc2fxKMyTk90SOB9Ao2HfbtShT9QPeP0ePpJktksMhSQMYA==}
+    hasBin: true
+    dependencies:
+      colorette: 2.0.19
+      dateformat: 4.6.3
+      fast-copy: 2.1.3
+      fast-safe-stringify: 2.1.1
+      help-me: 4.1.0
+      joycon: 3.1.1
+      minimist: 1.2.6
+      on-exit-leak-free: 2.1.0
+      pino-abstract-transport: 1.0.0
+      pump: 3.0.0
+      readable-stream: 4.1.0
+      secure-json-parse: 2.5.0
+      sonic-boom: 3.2.0
+      strip-json-comments: 3.1.1
+    dev: true
+
+  /pino-std-serializers/6.0.0:
+    resolution: {integrity: sha512-mMMOwSKrmyl+Y12Ri2xhH1lbzQxwwpuru9VjyJpgFIH4asSj88F2csdMwN6+M5g1Ll4rmsYghHLQJw81tgZ7LQ==}
+    dev: true
+
+  /pino/8.6.0:
+    resolution: {integrity: sha512-gCEOs6XpgiM8mSFjiLXQejDJ1PZww8AUmHowQ16QpqpXQDIm3mFwn/29+Y6CJxd6i+x3uXduuerjq+IqWoABbA==}
+    hasBin: true
+    dependencies:
+      atomic-sleep: 1.0.0
+      fast-redact: 3.1.2
+      on-exit-leak-free: 2.1.0
+      pino-abstract-transport: 1.0.0
+      pino-std-serializers: 6.0.0
+      process-warning: 2.0.0
+      quick-format-unescaped: 4.0.4
+      real-require: 0.2.0
+      safe-stable-stringify: 2.4.0
+      sonic-boom: 3.2.0
+      thread-stream: 2.2.0
+    dev: true
+
+  /playwright-core/1.24.2:
+    resolution: {integrity: sha512-zfAoDoPY/0sDLsgSgLZwWmSCevIg1ym7CppBwllguVBNiHeixZkc1AdMuYUPZC6AdEYc4CxWEyLMBTw2YcmRrA==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
+    optional: true
+
+  /playwright-core/1.25.2:
+    resolution: {integrity: sha512-0yTbUE9lIddkEpLHL3u8PoCL+pWiZtj5A/j3U7YoNjcmKKDGBnCrgHJMzwd2J5vy6l28q4ki3JIuz7McLHhl1A==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
+
+  /postcss-import/14.1.0_postcss@8.4.16:
+    resolution: {integrity: sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+    dependencies:
+      postcss: 8.4.16
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.1
+    dev: true
+
+  /postcss-js/4.0.0_postcss@8.4.16:
+    resolution: {integrity: sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==}
+    engines: {node: ^12 || ^14 || >= 16}
+    peerDependencies:
+      postcss: ^8.3.3
+    dependencies:
+      camelcase-css: 2.0.1
+      postcss: 8.4.16
+    dev: true
+
+  /postcss-load-config/3.1.4_postcss@8.4.16:
+    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
+    engines: {node: '>= 10'}
+    peerDependencies:
+      postcss: '>=8.0.9'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+      ts-node:
+        optional: true
+    dependencies:
+      lilconfig: 2.0.6
+      postcss: 8.4.16
+      yaml: 1.10.2
+    dev: true
+
+  /postcss-load-config/4.0.1_postcss@8.4.16:
+    resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==}
+    engines: {node: '>= 14'}
+    peerDependencies:
+      postcss: '>=8.0.9'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+      ts-node:
+        optional: true
+    dependencies:
+      lilconfig: 2.0.6
+      postcss: 8.4.16
+      yaml: 2.1.1
+    dev: true
+
+  /postcss-nested/5.0.6_postcss@8.4.16:
+    resolution: {integrity: sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.2.14
+    dependencies:
+      postcss: 8.4.16
+      postcss-selector-parser: 6.0.10
+    dev: true
+
+  /postcss-selector-parser/6.0.10:
+    resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
+    engines: {node: '>=4'}
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+    dev: true
+
+  /postcss-value-parser/4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+    dev: true
+
+  /postcss/8.4.16:
+    resolution: {integrity: sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.4
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+    dev: true
+
+  /process-warning/2.0.0:
+    resolution: {integrity: sha512-+MmoAXoUX+VTHAlwns0h+kFUWFs/3FZy+ZuchkgjyOu3oioLAo2LB5aCfKPh2+P9O18i3m43tUEv3YqttSy0Ww==}
+    dev: true
+
+  /pump/3.0.0:
+    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
+    dependencies:
+      end-of-stream: 1.4.4
+      once: 1.4.0
+    dev: true
+
+  /punycode/1.4.1:
+    resolution: {integrity: sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==}
+    dev: true
+    optional: true
+
+  /punycode/2.1.1:
+    resolution: {integrity: sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==}
+    engines: {node: '>=6'}
+    dev: true
+    optional: true
+
+  /queue-microtask/1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+    dev: true
+
+  /quick-format-unescaped/4.0.4:
+    resolution: {integrity: sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==}
+    dev: true
+
+  /quick-lru/5.1.1:
+    resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /range-parser/1.2.0:
+    resolution: {integrity: sha512-kA5WQoNVo4t9lNx2kQNFCxKeBl5IbbSNBl1M/tLkw9WCn+hxNBAW5Qh8gdhs63CJnhjJ2zQWFoqPJP2sK1AV5A==}
+    engines: {node: '>= 0.6'}
+    dev: true
+    optional: true
+
+  /rc/1.2.8:
+    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
+    hasBin: true
+    dependencies:
+      deep-extend: 0.6.0
+      ini: 1.3.8
+      minimist: 1.2.6
+      strip-json-comments: 2.0.1
+    dev: true
+    optional: true
+
+  /read-cache/1.0.0:
+    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+    dependencies:
+      pify: 2.3.0
+    dev: true
+
+  /read-pkg/3.0.0:
+    resolution: {integrity: sha512-BLq/cCO9two+lBgiTYNqD6GdtK8s4NpaWrl6/rCO9w0TUS8oJl7cmToOZfRYllKTISY6nt1U7jQ53brmKqY6BA==}
+    engines: {node: '>=4'}
+    dependencies:
+      load-json-file: 4.0.0
+      normalize-package-data: 2.5.0
+      path-type: 3.0.0
+    dev: true
+
+  /readable-stream/3.6.0:
+    resolution: {integrity: sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==}
+    engines: {node: '>= 6'}
+    dependencies:
+      inherits: 2.0.4
+      string_decoder: 1.3.0
+      util-deprecate: 1.0.2
+    dev: true
+
+  /readable-stream/4.1.0:
+    resolution: {integrity: sha512-sVisi3+P2lJ2t0BPbpK629j8wRW06yKGJUcaLAGXPAUhyUxVJm7VsCTit1PFgT4JHUDMrGNR+ZjSKpzGaRF3zw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      abort-controller: 3.0.0
+    dev: true
+
+  /readdirp/3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+    dependencies:
+      picomatch: 2.3.1
+    dev: true
+
+  /real-require/0.2.0:
+    resolution: {integrity: sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==}
+    engines: {node: '>= 12.13.0'}
+    dev: true
+
+  /regexp.prototype.flags/1.4.3:
+    resolution: {integrity: sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.1.4
+      functions-have-names: 1.2.3
+    dev: true
+
+  /registry-auth-token/3.3.2:
+    resolution: {integrity: sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ==}
+    dependencies:
+      rc: 1.2.8
+      safe-buffer: 5.2.1
+    dev: true
+    optional: true
+
+  /registry-url/3.1.0:
+    resolution: {integrity: sha512-ZbgR5aZEdf4UKZVBPYIgaglBmSF2Hi94s2PcIHhRGFjKYu+chjJdYfHn4rt3hB6eCKLJ8giVIIfgMa1ehDfZKA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      rc: 1.2.8
+    dev: true
+    optional: true
+
+  /require-from-string/2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+    optional: true
+
+  /resolve-from/4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /resolve/1.22.1:
+    resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==}
+    hasBin: true
+    dependencies:
+      is-core-module: 2.10.0
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+    dev: true
+
+  /reusify/1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+    dev: true
+
+  /rimraf/2.7.1:
+    resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
+    hasBin: true
+    dependencies:
+      glob: 7.2.3
+    dev: true
+
+  /rollup/2.78.1:
+    resolution: {integrity: sha512-VeeCgtGi4P+o9hIg+xz4qQpRl6R401LWEXBmxYKOV4zlF82lyhgh2hTZnheFUbANE8l2A41F458iwj2vEYaXJg==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /run-parallel/1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+    dependencies:
+      queue-microtask: 1.2.3
+    dev: true
+
+  /sade/1.8.1:
+    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
+    engines: {node: '>=6'}
+    dependencies:
+      mri: 1.2.0
+    dev: true
+
+  /safe-buffer/5.1.2:
+    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
+    dev: true
+    optional: true
+
+  /safe-buffer/5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+    dev: true
+
+  /safe-stable-stringify/2.4.0:
+    resolution: {integrity: sha512-eehKHKpab6E741ud7ZIMcXhKcP6TSIezPkNZhy5U8xC6+VvrRdUA2tMgxGxaGl4cz7c2Ew5+mg5+wNB16KQqrA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /sander/0.5.1:
+    resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
+    dependencies:
+      es6-promise: 3.3.1
+      graceful-fs: 4.2.10
+      mkdirp: 0.5.6
+      rimraf: 2.7.1
+    dev: true
+
+  /secure-json-parse/2.5.0:
+    resolution: {integrity: sha512-ZQruFgZnIWH+WyO9t5rWt4ZEGqCKPwhiw+YbzTwpmT9elgLrLcfuyUiSnwwjUiVy9r4VM3urtbNF1xmEh9IL2w==}
+    dev: true
+
+  /semver/5.7.1:
+    resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==}
+    hasBin: true
+    dev: true
+
+  /serve-handler/6.1.3:
+    resolution: {integrity: sha512-FosMqFBNrLyeiIDvP1zgO6YoTzFYHxLDEIavhlmQ+knB2Z7l1t+kGLHkZIDN7UVWqQAmKI3D20A6F6jo3nDd4w==}
+    dependencies:
+      bytes: 3.0.0
+      content-disposition: 0.5.2
+      fast-url-parser: 1.1.3
+      mime-types: 2.1.18
+      minimatch: 3.0.4
+      path-is-inside: 1.0.2
+      path-to-regexp: 2.2.1
+      range-parser: 1.2.0
+    dev: true
+    optional: true
+
+  /serve/14.0.1:
+    resolution: {integrity: sha512-tNGwxl27FwA8TbmMQqN0jTaSx8/trL532qZsJHX1VdiEIjjtMJHCs7AFS6OvtC7cTHOvmjXqt5yczejU6CV2Xg==}
+    engines: {node: '>= 14'}
+    hasBin: true
+    requiresBuild: true
+    dependencies:
+      '@zeit/schemas': 2.21.0
+      ajv: 8.11.0
+      arg: 5.0.2
+      boxen: 7.0.0
+      chalk: 5.0.1
+      chalk-template: 0.4.0
+      clipboardy: 3.0.0
+      compression: 1.7.4
+      is-port-reachable: 4.0.0
+      serve-handler: 6.1.3
+      update-check: 1.5.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+    optional: true
+
+  /set-cookie-parser/2.5.1:
+    resolution: {integrity: sha512-1jeBGaKNGdEq4FgIrORu/N570dwoPYio8lSoYLWmX7sQ//0JY08Xh9o5pBcgmHQ/MbsYp/aZnOe1s1lIsbLprQ==}
+    dev: true
+
+  /shebang-command/1.2.0:
+    resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      shebang-regex: 1.0.0
+    dev: true
+
+  /shebang-command/2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+    dependencies:
+      shebang-regex: 3.0.0
+    dev: true
+    optional: true
+
+  /shebang-regex/1.0.0:
+    resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /shebang-regex/3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+    dev: true
+    optional: true
+
+  /shell-quote/1.7.3:
+    resolution: {integrity: sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==}
+    dev: true
+
+  /side-channel/1.0.4:
+    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.1.3
+      object-inspect: 1.12.2
+    dev: true
+
+  /signal-exit/3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+    dev: true
+    optional: true
+
+  /sirv/2.0.2:
+    resolution: {integrity: sha512-4Qog6aE29nIjAOKe/wowFTxOdmbEZKb+3tsLljaBRzJwtqto0BChD2zzH0LhgCSXiI+V7X+Y45v14wBZQ1TK3w==}
+    engines: {node: '>= 10'}
+    dependencies:
+      '@polka/url': 1.0.0-next.21
+      mrmime: 1.0.1
+      totalist: 3.0.0
+    dev: true
+
+  /sonic-boom/3.2.0:
+    resolution: {integrity: sha512-SbbZ+Kqj/XIunvIAgUZRlqd6CGQYq71tRRbXR92Za8J/R3Yh4Av+TWENiSiEgnlwckYLyP0YZQWVfyNC0dzLaA==}
+    dependencies:
+      atomic-sleep: 1.0.0
+    dev: true
+
+  /sorcery/0.10.0:
+    resolution: {integrity: sha512-R5ocFmKZQFfSTstfOtHjJuAwbpGyf9qjQa1egyhvXSbM7emjrtLXtGdZsDJDABC85YBfVvrOiGWKSYXPKdvP1g==}
+    hasBin: true
+    dependencies:
+      buffer-crc32: 0.2.13
+      minimist: 1.2.6
+      sander: 0.5.1
+      sourcemap-codec: 1.4.8
+    dev: true
+
+  /source-map-js/1.0.2:
+    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /sourcemap-codec/1.4.8:
+    resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
+    dev: true
+
+  /spdx-correct/3.1.1:
+    resolution: {integrity: sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==}
+    dependencies:
+      spdx-expression-parse: 3.0.1
+      spdx-license-ids: 3.0.12
+    dev: true
+
+  /spdx-exceptions/2.3.0:
+    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
+    dev: true
+
+  /spdx-expression-parse/3.0.1:
+    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
+    dependencies:
+      spdx-exceptions: 2.3.0
+      spdx-license-ids: 3.0.12
+    dev: true
+
+  /spdx-license-ids/3.0.12:
+    resolution: {integrity: sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA==}
+    dev: true
+
+  /split2/4.1.0:
+    resolution: {integrity: sha512-VBiJxFkxiXRlUIeyMQi8s4hgvKCSjtknJv/LVYbrgALPwf5zSKmEwV9Lst25AkvMDnvxODugjdl6KZgwKM1WYQ==}
+    engines: {node: '>= 10.x'}
+    dev: true
+
+  /string-width/4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+    dev: true
+    optional: true
+
+  /string-width/5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
+    dependencies:
+      eastasianwidth: 0.2.0
+      emoji-regex: 9.2.2
+      strip-ansi: 7.0.1
+    dev: true
+    optional: true
+
+  /string.prototype.padend/3.1.3:
+    resolution: {integrity: sha512-jNIIeokznm8SD/TZISQsZKYu7RJyheFNt84DUPrh482GC8RVp2MKqm2O5oBRdGxbDQoXrhhWtPIWQOiy20svUg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.1.4
+      es-abstract: 1.20.2
+    dev: true
+
+  /string.prototype.trimend/1.0.5:
+    resolution: {integrity: sha512-I7RGvmjV4pJ7O3kdf+LXFpVfdNOxtCW/2C8f6jNiW4+PQchwxkCDzlk1/7p+Wl4bqFIZeF47qAHXLuHHWKAxog==}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.1.4
+      es-abstract: 1.20.2
+    dev: true
+
+  /string.prototype.trimstart/1.0.5:
+    resolution: {integrity: sha512-THx16TJCGlsN0o6dl2o6ncWUsdgnLRSA23rRE5pyGBw/mLr3Ej/R2LaqCtgP8VNMGZsvMWnf9ooZPyY2bHvUFg==}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.1.4
+      es-abstract: 1.20.2
+    dev: true
+
+  /string_decoder/1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+    dependencies:
+      safe-buffer: 5.2.1
+    dev: true
+
+  /strip-ansi/6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+    dependencies:
+      ansi-regex: 5.0.1
+    dev: true
+    optional: true
+
+  /strip-ansi/7.0.1:
+    resolution: {integrity: sha512-cXNxvT8dFNRVfhVME3JAe98mkXDYN2O1l7jmcwMnOslDeESg1rF/OZMtK0nRAhiari1unG5cD4jG3rapUAkLbw==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-regex: 6.0.1
+    dev: true
+    optional: true
+
+  /strip-bom/3.0.0:
+    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /strip-final-newline/2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
+    engines: {node: '>=6'}
+    dev: true
+    optional: true
+
+  /strip-indent/3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      min-indent: 1.0.1
+    dev: true
+
+  /strip-json-comments/2.0.1:
+    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+    optional: true
+
+  /strip-json-comments/3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /supports-color/5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
+    dependencies:
+      has-flag: 3.0.0
+    dev: true
+
+  /supports-color/7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+    dependencies:
+      has-flag: 4.0.0
+    dev: true
+    optional: true
+
+  /supports-preserve-symlinks-flag/1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /svelte-adapter-bun/0.3.1:
+    resolution: {integrity: sha512-IoxRX6VYd7JlX+g5NVRH2Uc6WadQMPEOF2Cz4y7XasyY1XC8DriD8osdhm8ENQYf8/ou8fCjuddh1MiHqGFQDA==}
+    dependencies:
+      tiny-glob: 0.2.9
+    dev: true
+
+  /svelte-check/2.9.0_zy537mcxrfn3wq4nghluxnsi5a:
+    resolution: {integrity: sha512-9AVrtP7WbfDgCdqTZNPdj5CCCy1OrYMxFVWAWzNw7fl93c9klFJFtqzVXa6fovfQ050CcpUyJE2dPFL9TFAREw==}
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.24.0
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.15
+      chokidar: 3.5.3
+      fast-glob: 3.2.12
+      import-fresh: 3.3.0
+      picocolors: 1.0.0
+      sade: 1.8.1
+      svelte: 3.50.1
+      svelte-preprocess: 4.10.7_sxt3mkf5m54vn3maobdwhqzitu
+      typescript: 4.8.3
+    transitivePeerDependencies:
+      - '@babel/core'
+      - coffeescript
+      - less
+      - node-sass
+      - postcss
+      - postcss-load-config
+      - pug
+      - sass
+      - stylus
+      - sugarss
+    dev: true
+
+  /svelte-hmr/0.15.0_svelte@3.50.1:
+    resolution: {integrity: sha512-Aw21SsyoohyVn4yiKXWPNCSW2DQNH/76kvUnE9kpt4h9hcg9tfyQc6xshx9hzgMfGF0kVx0EGD8oBMWSnATeOg==}
+    engines: {node: ^12.20 || ^14.13.1 || >= 16}
+    peerDependencies:
+      svelte: '>=3.19.0'
+    dependencies:
+      svelte: 3.50.1
+    dev: true
+
+  /svelte-preprocess/4.10.7_sxt3mkf5m54vn3maobdwhqzitu:
+    resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
+    engines: {node: '>= 9.11.2'}
+    requiresBuild: true
+    peerDependencies:
+      '@babel/core': ^7.10.2
+      coffeescript: ^2.5.1
+      less: ^3.11.3 || ^4.0.0
+      node-sass: '*'
+      postcss: ^7 || ^8
+      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0
+      pug: ^3.0.0
+      sass: ^1.26.8
+      stylus: ^0.55.0
+      sugarss: ^2.0.0
+      svelte: ^3.23.0
+      typescript: ^3.9.5 || ^4.0.0
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      coffeescript:
+        optional: true
+      less:
+        optional: true
+      node-sass:
+        optional: true
+      postcss:
+        optional: true
+      postcss-load-config:
+        optional: true
+      pug:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      typescript:
+        optional: true
+    dependencies:
+      '@types/pug': 2.0.6
+      '@types/sass': 1.43.1
+      detect-indent: 6.1.0
+      magic-string: 0.25.9
+      postcss: 8.4.16
+      postcss-load-config: 4.0.1_postcss@8.4.16
+      sorcery: 0.10.0
+      strip-indent: 3.0.0
+      svelte: 3.50.1
+      typescript: 4.8.3
+    dev: true
+
+  /svelte-splitpanes/0.7.3:
+    resolution: {integrity: sha512-IsByD11xPI/KnI6T8xMWL+YHr+dATt4tVVoFJR676o0w7Lw3lUFq6l4zdibg3Apli7duFfCicGhT6/7NPblnyQ==}
+    optionalDependencies:
+      '@playwright/test': 1.24.2
+      serve: 14.0.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /svelte/3.50.1:
+    resolution: {integrity: sha512-bS4odcsdj5D5jEg6riZuMg5NKelzPtmsCbD9RG+8umU03TeNkdWnP6pqbCm0s8UQNBkqk29w/Bdubn3C+HWSwA==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /tailwindcss/3.1.8_postcss@8.4.16:
+    resolution: {integrity: sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==}
+    engines: {node: '>=12.13.0'}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.0.9
+    dependencies:
+      arg: 5.0.2
+      chokidar: 3.5.3
+      color-name: 1.1.4
+      detective: 5.2.1
+      didyoumean: 1.2.2
+      dlv: 1.1.3
+      fast-glob: 3.2.12
+      glob-parent: 6.0.2
+      is-glob: 4.0.3
+      lilconfig: 2.0.6
+      normalize-path: 3.0.0
+      object-hash: 3.0.0
+      picocolors: 1.0.0
+      postcss: 8.4.16
+      postcss-import: 14.1.0_postcss@8.4.16
+      postcss-js: 4.0.0_postcss@8.4.16
+      postcss-load-config: 3.1.4_postcss@8.4.16
+      postcss-nested: 5.0.6_postcss@8.4.16
+      postcss-selector-parser: 6.0.10
+      postcss-value-parser: 4.2.0
+      quick-lru: 5.1.1
+      resolve: 1.22.1
+    transitivePeerDependencies:
+      - ts-node
+    dev: true
+
+  /temporal-polyfill/0.0.8:
+    resolution: {integrity: sha512-IuA8GhS1PRC04H/zVNAIxJvCZQum6V5HjqFj7gz1a3SMUf/Kf1xIXILNYtxrWYnGqIU/RrDRxlCKCm/vmqnBvw==}
+    dependencies:
+      temporal-spec: 0.0.3
+    dev: true
+
+  /temporal-spec/0.0.3:
+    resolution: {integrity: sha512-gJu7QRqn5c2vTSkYWGC4qz1i+FZ9C+Cz16UIBMRcjgXOsHfXeSIgaWUKeq/2rz1iNfFxvmF/ywqbfC6ggTpjkA==}
+    dev: true
+
+  /thread-stream/2.2.0:
+    resolution: {integrity: sha512-rUkv4/fnb4rqy/gGy7VuqK6wE1+1DOCOWy4RMeaV69ZHMP11tQKZvZSip1yTgrKCMZzEMcCL/bKfHvSfDHx+iQ==}
+    dependencies:
+      real-require: 0.2.0
+    dev: true
+
+  /tiny-glob/0.2.9:
+    resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
+    dependencies:
+      globalyzer: 0.1.0
+      globrex: 0.1.2
+    dev: true
+
+  /to-regex-range/5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+    dependencies:
+      is-number: 7.0.0
+    dev: true
+
+  /totalist/3.0.0:
+    resolution: {integrity: sha512-eM+pCBxXO/njtF7vdFsHuqb+ElbxqtI4r5EAvk6grfAFyJ6IvWlSkfZ5T9ozC6xWw3Fj1fGoSmrl0gUs46JVIw==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /tslib/2.4.0:
+    resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
+    dev: true
+
+  /type-fest/2.19.0:
+    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
+    engines: {node: '>=12.20'}
+    dev: true
+    optional: true
+
+  /typesafe-i18n/5.13.0_typescript@4.8.3:
+    resolution: {integrity: sha512-Q72l+LqB37kNT2R39mkTwQy1tuQ7URAahD1QXbR84itO864xvVgdoS8xaRAatp0y2/oU7f+2EzpAK3YGp0g+eA==}
+    hasBin: true
+    peerDependencies:
+      typescript: '>=3.5.1'
+    dependencies:
+      typescript: 4.8.3
+    dev: true
+
+  /typescript/4.8.3:
+    resolution: {integrity: sha512-goMHfm00nWPa8UvR/CPSvykqf6dVV8x/dp0c5mFTMTIu0u0FlGWRioyy7Nn0PGAdHxpJZnuO/ut+PpQ8UiHAig==}
+    engines: {node: '>=4.2.0'}
+    hasBin: true
+    dev: true
+
+  /unbox-primitive/1.0.2:
+    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+    dependencies:
+      call-bind: 1.0.2
+      has-bigints: 1.0.2
+      has-symbols: 1.0.3
+      which-boxed-primitive: 1.0.2
+    dev: true
+
+  /undici/5.10.0:
+    resolution: {integrity: sha512-c8HsD3IbwmjjbLvoZuRI26TZic+TSEe8FPMLLOkN1AfYRhdjnKBU6yL+IwcSCbdZiX4e5t0lfMDLDCqj4Sq70g==}
+    engines: {node: '>=12.18'}
+    dev: true
+
+  /update-browserslist-db/1.0.9_browserslist@4.21.4:
+    resolution: {integrity: sha512-/xsqn21EGVdXI3EXSum1Yckj3ZVZugqyOZQ/CxYPBD/R+ko9NSUScf8tFF4dOKY+2pvSSJA/S+5B8s4Zr4kyvg==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+    dependencies:
+      browserslist: 4.21.4
+      escalade: 3.1.1
+      picocolors: 1.0.0
+    dev: true
+
+  /update-check/1.5.4:
+    resolution: {integrity: sha512-5YHsflzHP4t1G+8WGPlvKbJEbAJGCgw+Em+dGR1KmBUbr1J36SJBqlHLjR7oob7sco5hWHGQVcr9B2poIVDDTQ==}
+    dependencies:
+      registry-auth-token: 3.3.2
+      registry-url: 3.1.0
+    dev: true
+    optional: true
+
+  /uri-js/4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+    dependencies:
+      punycode: 2.1.1
+    dev: true
+    optional: true
+
+  /util-deprecate/1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+    dev: true
+
+  /validate-npm-package-license/3.0.4:
+    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
+    dependencies:
+      spdx-correct: 3.1.1
+      spdx-expression-parse: 3.0.1
+    dev: true
+
+  /vary/1.1.2:
+    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
+    engines: {node: '>= 0.8'}
+    dev: true
+    optional: true
+
+  /vite/3.1.3:
+    resolution: {integrity: sha512-/3XWiktaopByM5bd8dqvHxRt5EEgRikevnnrpND0gRfNkrMrPaGGexhtLCzv15RcCMtV2CLw+BPas8YFeSG0KA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      less: '*'
+      sass: '*'
+      stylus: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      less:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      esbuild: 0.15.8
+      postcss: 8.4.16
+      resolve: 1.22.1
+      rollup: 2.78.1
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /web-streams-polyfill/3.2.1:
+    resolution: {integrity: sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /which-boxed-primitive/1.0.2:
+    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+    dependencies:
+      is-bigint: 1.0.4
+      is-boolean-object: 1.1.2
+      is-number-object: 1.0.7
+      is-string: 1.0.7
+      is-symbol: 1.0.4
+    dev: true
+
+  /which/1.3.1:
+    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
+    hasBin: true
+    dependencies:
+      isexe: 2.0.0
+    dev: true
+
+  /which/2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+    dependencies:
+      isexe: 2.0.0
+    dev: true
+    optional: true
+
+  /widest-line/4.0.1:
+    resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==}
+    engines: {node: '>=12'}
+    dependencies:
+      string-width: 5.1.2
+    dev: true
+    optional: true
+
+  /wrap-ansi/8.0.1:
+    resolution: {integrity: sha512-QFF+ufAqhoYHvoHdajT/Po7KoXVBPXS2bgjIam5isfWJPfIOnQZ50JtUiVvCv/sjgacf3yRrt2ZKUZ/V4itN4g==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-styles: 6.1.1
+      string-width: 5.1.2
+      strip-ansi: 7.0.1
+    dev: true
+    optional: true
+
+  /wrappy/1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+    dev: true
+
+  /xtend/4.0.2:
+    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
+    engines: {node: '>=0.4'}
+    dev: true
+
+  /yaml/1.10.2:
+    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
+    engines: {node: '>= 6'}
+    dev: true
+
+  /yaml/2.1.1:
+    resolution: {integrity: sha512-o96x3OPo8GjWeSLF+wOAbrPfhFOGY0W00GNaxCDv+9hkcDJEnev1yh8S7pgHF0ik6zc8sQLuL8hjHjJULZp8bw==}
+    engines: {node: '>= 14'}
+    dev: true
diff --git a/apps/kit/postcss.config.cjs b/apps/kit/postcss.config.cjs
new file mode 100644
index 0000000..e48cff5
--- /dev/null
+++ b/apps/kit/postcss.config.cjs
@@ -0,0 +1,13 @@
+const tailwindcss = require("tailwindcss");
+const autoprefixer = require("autoprefixer");
+
+const config = {
+  plugins: [
+    //Some plugins, like tailwindcss/nesting, need to run before Tailwind,
+    tailwindcss(),
+    //But others, like autoprefixer, need to run after,
+    autoprefixer,
+  ],
+};
+
+module.exports = config;
diff --git a/apps/kit/src/app.d.ts b/apps/kit/src/app.d.ts
new file mode 100644
index 0000000..4ab4e43
--- /dev/null
+++ b/apps/kit/src/app.d.ts
@@ -0,0 +1,9 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+// and what to do when importing types
+declare namespace App {
+	interface Locals {}
+	interface Platform {}
+	interface PrivateEnv {}
+	interface PublicEnv {}
+}
diff --git a/apps/kit/src/app.html b/apps/kit/src/app.html
new file mode 100644
index 0000000..3df27c1
--- /dev/null
+++ b/apps/kit/src/app.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html class="h-full" lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
+		<script src="%sveltekit.assets%/preload.js"></script>
+		%sveltekit.head%
+	</head>
+	<body class="h-full">
+		<div>%sveltekit.body%</div>
+	</body>
+</html>
diff --git a/apps/kit/src/app.pcss b/apps/kit/src/app.pcss
new file mode 100644
index 0000000..f9c290c
--- /dev/null
+++ b/apps/kit/src/app.pcss
@@ -0,0 +1,21 @@
+/* Write your global styles here, in PostCSS syntax */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+pre {
+    font-family: monospace !important;
+}
+
+*:focus-visible {
+    outline: 1px auto;
+}
+
+.c-disabled {
+    cursor: not-allowed !important;
+    filter: opacity(.45);
+    pointer-events: none !important;
+}
+
+.c-disabled.loading {
+    cursor: wait !important;
+}
diff --git a/apps/kit/src/hooks/index.server.ts b/apps/kit/src/hooks/index.server.ts
new file mode 100644
index 0000000..414318d
--- /dev/null
+++ b/apps/kit/src/hooks/index.server.ts
@@ -0,0 +1,52 @@
+import { CookieNames } from "$lib/configuration";
+import { detectLocale, locales } from '$lib/i18n/i18n-util'
+import type { Handle, RequestEvent } from '@sveltejs/kit'
+import { sequence } from "@sveltejs/kit/hooks";
+import { initAcceptLanguageHeaderDetector } from 'typesafe-i18n/detectors'
+import { parse, serialize } from "cookie";
+import { logDebug } from "$lib/logger";
+
+const handleLocale: Handle = async ({ event, resolve }) => {
+    const cookies = parse(event.request.headers.get("Cookie") ?? '');
+    const localeCookie = cookies[CookieNames.locale];
+    const preferredLocale = getPreferredLocale(event);
+    let finalLocale = localeCookie ?? preferredLocale;
+
+    logDebug("Handling locale", {
+        locales,
+        localeCookie,
+        preferredLocale,
+        finalLocale
+    });
+
+    if (locales.findIndex((locale) => locale === finalLocale) === -1) finalLocale = "en";
+    if (!localeCookie) {
+        // Set a locale cookie
+        event.setHeaders({
+            "Set-Cookie": serialize(CookieNames.locale, finalLocale, {
+                path: "/",
+                expires: new Date(2099, 1, 1, 0, 0, 0, 0),
+                sameSite: "strict"
+            })
+        });
+    }
+    // replace html lang attribute with correct language
+    return resolve(event, { transformPageChunk: ({ html }) => html.replace('%lang%', finalLocale) });
+}
+
+function getPreferredLocale(event: RequestEvent) {
+    // detect the preferred language the user has configured in it's browser
+    // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Accept-Language
+    const headers = transformHeaders(event)
+    const acceptLanguageDetector = initAcceptLanguageHeaderDetector({ headers })
+
+    return detectLocale(acceptLanguageDetector)
+}
+
+function transformHeaders({ request }: RequestEvent) {
+    const headers: Record<string, string> = {}
+    request.headers.forEach((value, key) => (headers[key] = value))
+    return headers
+}
+
+export const handle = sequence(handleLocale);
diff --git a/apps/web-shared/src/lib/api/internal-fetch.ts b/apps/kit/src/lib/api/internal-fetch.ts
index 8659ccb..b21d669 100644
--- a/apps/web-shared/src/lib/api/internal-fetch.ts
+++ b/apps/kit/src/lib/api/internal-fetch.ts
@@ -1,11 +1,11 @@
-import {Temporal} from "@js-temporal/polyfill";
-import {clear_session_data} from "$shared/lib/session";
-import {resolve_references} from "$shared/lib/helpers";
-import {replace} from "svelte-spa-router";
-import type {IInternalFetchResponse} from "$shared/lib/models/IInternalFetchResponse";
-import type {IInternalFetchRequest} from "$shared/lib/models/IInternalFetchRequest";
+import { Temporal } from "temporal-polyfill";
+import { clear_session_data } from "$lib/session";
+import { resolve_references } from "$lib/helpers";
+import type { IInternalFetchResponse } from "$lib/models/IInternalFetchResponse";
+import type { IInternalFetchRequest } from "$lib/models/IInternalFetchRequest";
+import { redirect } from "@sveltejs/kit";
 
-export async function http_post(url: string, body?: object|string, timeout = -1, skip_401_check = false, abort_signal: AbortSignal = undefined): Promise<IInternalFetchResponse> {
+export async function http_post(url: string, body?: object | string, timeout = -1, skip_401_check = false, abort_signal?: AbortSignal): Promise<IInternalFetchResponse> {
     const init = {
         method: "post",
     } as RequestInit;
@@ -21,7 +21,7 @@ export async function http_post(url: string, body?: object|string, timeout = -1,
         init.body = JSON.stringify(body);
     }
 
-    const response = await internal_fetch({url, init, timeout});
+    const response = await internal_fetch({ url, init, timeout });
     const result = {} as IInternalFetchResponse;
 
     if (!skip_401_check && await is_401(response)) return result;
@@ -48,7 +48,7 @@ export async function http_post(url: string, body?: object|string, timeout = -1,
     return result;
 }
 
-export async function http_get(url: string, timeout = -1, skip_401_check = false, abort_signal: AbortSignal = undefined): Promise<IInternalFetchResponse> {
+export async function http_get(url: string, timeout = -1, skip_401_check = false, abort_signal?: AbortSignal): Promise<IInternalFetchResponse> {
     const init = {
         method: "get",
     } as RequestInit;
@@ -57,7 +57,7 @@ export async function http_get(url: string, timeout = -1, skip_401_check = false
         init.signal = abort_signal;
     }
 
-    const response = await internal_fetch({url, init, timeout});
+    const response = await internal_fetch({ url, init, timeout });
     const result = {} as IInternalFetchResponse;
 
     if (!skip_401_check && await is_401(response)) return result;
@@ -84,7 +84,7 @@ export async function http_get(url: string, timeout = -1, skip_401_check = false
     return result;
 }
 
-export async function http_delete(url: string, body?: object|string, timeout = -1, skip_401_check = false, abort_signal: AbortSignal = undefined): Promise<IInternalFetchResponse> {
+export async function http_delete(url: string, body?: object | string, timeout = -1, skip_401_check = false, abort_signal?: AbortSignal): Promise<IInternalFetchResponse> {
     const init = {
         method: "delete",
     } as RequestInit;
@@ -100,7 +100,7 @@ export async function http_delete(url: string, body?: object|string, timeout = -
         init.body = JSON.stringify(body);
     }
 
-    const response = await internal_fetch({url, init, timeout});
+    const response = await internal_fetch({ url, init, timeout });
     const result = {} as IInternalFetchResponse;
 
     if (!skip_401_check && await is_401(response)) return result;
@@ -139,7 +139,7 @@ async function internal_fetch(request: IInternalFetchRequest): Promise<Response>
     let response: any;
 
     try {
-        if (request.timeout > 500) {
+        if (request.timeout && request.timeout > 500) {
             response = await Promise.race([
                 fetch(fetch_request),
                 new Promise((_, reject) => setTimeout(() => reject(new Error("Timeout")), request.timeout))
@@ -147,7 +147,8 @@ async function internal_fetch(request: IInternalFetchRequest): Promise<Response>
         } else {
             response = await fetch(fetch_request);
         }
-    } catch (error) {
+    } catch (error: any) {
+        console.log(error);
         if (error.message === "Timeout") {
             console.error("Request timed out");
         } else if (error.message === "Network request failed") {
@@ -163,8 +164,7 @@ async function internal_fetch(request: IInternalFetchRequest): Promise<Response>
 async function is_401(response: Response): Promise<boolean> {
     if (response.status === 401) {
         clear_session_data();
-        await replace("/login");
-        return true;
+        throw redirect(307, "/login");
     }
     return false;
 }
diff --git a/apps/kit/src/lib/api/root.ts b/apps/kit/src/lib/api/root.ts
new file mode 100644
index 0000000..3e5bda2
--- /dev/null
+++ b/apps/kit/src/lib/api/root.ts
@@ -0,0 +1,6 @@
+import {http_post} from "$lib/api/internal-fetch";
+import {api_base} from "$lib/configuration";
+
+export function server_log(message: string): void {
+    http_post(api_base("_/api/log"), message);
+}
diff --git a/apps/web-shared/src/lib/api/time-entry.ts b/apps/kit/src/lib/api/time-entry.ts
index 064964a..a40b0c2 100644
--- a/apps/web-shared/src/lib/api/time-entry.ts
+++ b/apps/kit/src/lib/api/time-entry.ts
@@ -1,11 +1,11 @@
-import {api_base} from "$shared/lib/configuration";
-import {is_guid} from "$shared/lib/helpers";
+import {api_base} from "$lib/configuration";
+import {is_guid} from "$lib/helpers";
 import {http_delete, http_get, http_post} from "./internal-fetch";
-import type {TimeCategoryDto} from "$shared/lib/models/TimeCategoryDto";
-import type {TimeLabelDto} from "$shared/lib/models/TimeLabelDto";
-import type {TimeEntryDto} from "$shared/lib/models/TimeEntryDto";
-import type {TimeEntryQuery} from "$shared/lib/models/TimeEntryQuery";
-import type {IInternalFetchResponse} from "$shared/lib/models/IInternalFetchResponse";
+import type {TimeCategoryDto} from "$lib/models/TimeCategoryDto";
+import type {TimeLabelDto} from "$lib/models/TimeLabelDto";
+import type {TimeEntryDto} from "$lib/models/TimeEntryDto";
+import type {TimeEntryQuery} from "$lib/models/TimeEntryQuery";
+import type {IInternalFetchResponse} from "$lib/models/IInternalFetchResponse";
 
 
 // ENTRIES
@@ -59,7 +59,6 @@ export async function update_time_label(labelDto: TimeLabelDto): Promise<IIntern
     return http_post(api_base("v1/labels/update"), labelDto);
 }
 
-
 // CATEGORIES
 export async function create_time_category(category: TimeCategoryDto): Promise<IInternalFetchResponse> {
     if (!category.name) throw new Error("name is empty");
diff --git a/apps/web-shared/src/lib/api/user.ts b/apps/kit/src/lib/api/user.ts
index a3a149e..f0dc932 100644
--- a/apps/web-shared/src/lib/api/user.ts
+++ b/apps/kit/src/lib/api/user.ts
@@ -1,9 +1,9 @@
-import {api_base} from "$shared/lib/configuration";
+import {api_base} from "$lib/configuration";
 import {http_delete, http_get, http_post} from "./internal-fetch";
-import type {LoginPayload} from "$shared/lib/models/LoginPayload";
-import type {UpdateProfilePayload} from "$shared/lib/models/UpdateProfilePayload";
-import type {CreateAccountPayload} from "$shared/lib/models/CreateAccountPayload";
-import type {IInternalFetchResponse} from "$shared/lib/models/IInternalFetchResponse";
+import type {LoginPayload} from "$lib/models/LoginPayload";
+import type {UpdateProfilePayload} from "$lib/models/UpdateProfilePayload";
+import type {CreateAccountPayload} from "$lib/models/CreateAccountPayload";
+import type {IInternalFetchResponse} from "$lib/models/IInternalFetchResponse";
 
 export async function login(payload: LoginPayload): Promise<IInternalFetchResponse> {
     return http_post(api_base("_/account/login"), payload);
diff --git a/apps/web-shared/src/lib/colors.ts b/apps/kit/src/lib/colors.ts
index c2da03d..34c7992 100644
--- a/apps/web-shared/src/lib/colors.ts
+++ b/apps/kit/src/lib/colors.ts
@@ -32,7 +32,7 @@ function __hex_to_rgb(hex: string): number[] {
     return [parseInt(hex.substring(0, 2), 16), parseInt(hex.substring(2, 4), 16), parseInt(hex.substring(4, 6), 16)];
 }
 
-function __get_luminance(r, g, b) {
+function __get_luminance(r: any, g: any, b: any) {
     // relative luminance
     // see http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
     r = __luminance_x(r);
@@ -41,7 +41,7 @@ function __get_luminance(r, g, b) {
     return 0.2126 * r + 0.7152 * g + 0.0722 * b;
 }
 
-function __luminance_x(x) {
+function __luminance_x(x: any) {
     x /= 255;
     return x <= 0.03928 ? x / 12.92 : Math.pow((x + 0.055) / 1.055, 2.4);
 }
diff --git a/apps/kit/src/lib/components/alert.svelte b/apps/kit/src/lib/components/alert.svelte
new file mode 100644
index 0000000..4a5c7ea
--- /dev/null
+++ b/apps/kit/src/lib/components/alert.svelte
@@ -0,0 +1,149 @@
+<script lang="ts">
+    import { random_string } from "$shared/lib/helpers";
+    import { afterUpdate, onMount } from "svelte";
+    import { Temporal } from "temporal-polyfill";
+
+    const noCooldownSetting = "no-cooldown";
+    // if no unique id is supplied, cooldown will not work between page loads.
+    // Therefore we are disabling it with noCooldownSetting in the fallback id.
+    export let id = "alert--" + noCooldownSetting + "--" + random_string(4);
+    export let title = "";
+    export let message = "";
+    export let type = "info";
+    export let closeable = false;
+    export let closeableCooldown = "-1";
+    export let visible = true;
+
+    const cooldownStorageKey = "lastseen--" + id;
+    $: cooldownEnabled =
+        id.indexOf(noCooldownSetting) === -1 &&
+        closeable &&
+        (closeableCooldown === "~" || parseInt(closeableCooldown) > 0);
+
+    function close() {
+        visible = false;
+        if (cooldownEnabled) {
+            console.log(
+                "Cooldown enabled for " + id + ", " + closeableCooldown === "~"
+                    ? "with an endless cooldown"
+                    : ""
+            );
+            localStorage.setItem(
+                cooldownStorageKey,
+                String(Temporal.Now.instant().epochSeconds)
+            );
+        }
+    }
+
+    // Manages the state of the alert if cooldown is enabled
+    function run_cooldown() {
+        if (!cooldownEnabled) {
+            console.log("Alert cooldown is not enabled for " + id);
+            return;
+        }
+        if (!localStorage.getItem(cooldownStorageKey)) {
+            console.log("Alert " + id + " has not been seen yet, displaying");
+            visible = true;
+            return;
+        }
+        if (!visible) {
+            console.log(
+                "Alert " + id + " is not visible, stopping cooldown change"
+            );
+            return;
+        }
+        if (closeableCooldown === "~") {
+            console.log("Alert " + id + " has an infinite cooldown, hiding");
+            visible = false;
+            return;
+        }
+
+        const lastSeen = Temporal.Instant.fromEpochSeconds(
+            localStorage.getItem(cooldownStorageKey) as number
+        );
+        if (
+            Temporal.Instant.compare(
+                Temporal.Now.instant(),
+                lastSeen.add({ seconds: parseInt(closeableCooldown) })
+            ) === 1
+        ) {
+            console.log(
+                "Alert " +
+                    id +
+                    " has a cooldown of " +
+                    closeableCooldown +
+                    " and was last seen " +
+                    lastSeen.toLocaleString() +
+                    " making it due for a showing"
+            );
+            visible = true;
+        } else {
+            visible = false;
+        }
+    }
+
+    onMount(() => {
+        if (cooldownEnabled) {
+            run_cooldown();
+        }
+    });
+
+    afterUpdate(() => {
+        if (type === "default") {
+            type = "primary";
+        }
+    });
+</script>
+
+<div
+    class="alert alert--{type} padding-sm radius-md"
+    {id}
+    class:alert--is-visible={visible}
+    role="alert"
+>
+    <div class="flex justify-between">
+        <div class="flex flex-row items-center">
+            <svg
+                class="icon icon--sm alert__icon margin-right-xxs"
+                viewBox="0 0 24 24"
+                aria-hidden="true"
+            >
+                <path
+                    d="M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M14.658,18.284 c-0.661,0.26-2.952,1.354-4.272,0.191c-0.394-0.346-0.59-0.785-0.59-1.318c0-0.998,0.328-1.868,0.919-3.957 c0.104-0.395,0.231-0.907,0.231-1.313c0-0.701-0.266-0.887-0.987-0.887c-0.352,0-0.742,0.125-1.095,0.257l0.195-0.799 c0.787-0.32,1.775-0.71,2.621-0.71c1.269,0,2.203,0.633,2.203,1.837c0,0.347-0.06,0.955-0.186,1.375l-0.73,2.582 c-0.151,0.522-0.424,1.673-0.001,2.014c0.416,0.337,1.401,0.158,1.887-0.071L14.658,18.284z M13.452,8c-0.828,0-1.5-0.672-1.5-1.5 s0.672-1.5,1.5-1.5s1.5,0.672,1.5,1.5S14.28,8,13.452,8z"
+                />
+            </svg>
+            {#if title}
+                <p class="text-sm">
+                    <strong class="error-title">{title}</strong>
+                </p>
+            {:else if message}
+                <div class="text-component text-sm break-word">
+                    {@html message}
+                </div>
+            {/if}
+        </div>
+        {#if closeable}
+            <button class="reset alert__close-btn" on:click={close}>
+                <svg
+                    class="icon"
+                    viewBox="0 0 20 20"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                >
+                    <title>Close alert</title>
+                    <line x1="3" y1="3" x2="17" y2="17" />
+                    <line x1="17" y1="3" x2="3" y2="17" />
+                </svg>
+            </button>
+        {/if}
+    </div>
+
+    {#if message && title}
+        <div class="text-component text-sm break-word padding-top-xs">
+            {@html message}
+        </div>
+    {/if}
+</div>
diff --git a/apps/kit/src/lib/components/button.svelte b/apps/kit/src/lib/components/button.svelte
new file mode 100644
index 0000000..5550e5e
--- /dev/null
+++ b/apps/kit/src/lib/components/button.svelte
@@ -0,0 +1,72 @@
+<script lang="ts">
+    export type ButtonKind = "primary" | "secondary" | "white"
+    export type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
+    export let kind = "primary" as ButtonKind;
+    export let size = "sm" as ButtonSize;
+    export let type: "button" | "submit" | "reset" = "button";
+    export let id = undefined;
+    export let tabindex = undefined;
+    export let style = undefined;
+    export let title = undefined;
+    export let disabled = false;
+    export let href = undefined;
+    export let text;
+
+    let sizeClasses = "px-3 py-2 text-xs";
+    let kindClasses = "border-transparent text-white bg-indigo-600 hover:bg-indigo-700 focus:ring-indigo-500";
+
+    $: shared_props = {
+        type: type,
+        id: id || null,
+        title: title || null,
+        disabled: disabled || null,
+        tabindex: tabindex || null,
+        style: style || null,
+    };
+
+    $: switch (size) {
+        case "xs":
+            sizeClasses = "px-2.5 py-1.5 text-xs";
+            break;
+        case "sm":
+            sizeClasses = "px-3 py-2 text-sm";
+            break;
+        case "md":
+            sizeClasses = "px-4 py-2 text-sm";
+            break;
+        case "lg":
+            sizeClasses = "px-4 py-2 text-base";
+            break;
+        case "xl":
+            sizeClasses = "px-6 py-3 text-base";
+            break;
+    }
+
+    $: switch (kind) {
+        case "secondary":
+            kindClasses = "border-transparent text-indigo-700 bg-indigo-100 hover:bg-indigo-200";
+            break;
+        case "primary":
+            kindClasses = "border-transparent text-white bg-indigo-600 hover:bg-indigo-700";
+            break;
+        case "white":
+            kindClasses = "border-gray-300 text-gray-700 bg-white hover:bg-gray-50";
+            break;
+    }
+</script>
+{#if href && !disabled}
+    <a {...shared_props}
+       {href}
+       on:click
+       {type}
+       class="{sizeClasses} {kindClasses} inline-flex items-center border font-medium rounded shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500">
+        {text}
+    </a>
+{:else}
+    <button {...shared_props}
+            on:click
+            {type}
+            class="{sizeClasses} {kindClasses} inline-flex items-center border font-medium rounded shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500">
+        {text}
+    </button>
+{/if}
+\ No newline at end of file
diff --git a/apps/kit/src/lib/components/icons/adjustments.svelte b/apps/kit/src/lib/components/icons/adjustments.svelte
new file mode 100644
index 0000000..b6d3f4d
--- /dev/null
+++ b/apps/kit/src/lib/components/icons/adjustments.svelte
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 {$$restProps.class??''}" fill="none" viewBox="0 0 24 24"
+     stroke="currentColor" stroke-width="2">
+    <path stroke-linecap="round" stroke-linejoin="round"
+          d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"/>
+</svg>
+\ No newline at end of file
diff --git a/apps/kit/src/lib/components/icons/database.svelte b/apps/kit/src/lib/components/icons/database.svelte
new file mode 100644
index 0000000..05c70ed
--- /dev/null
+++ b/apps/kit/src/lib/components/icons/database.svelte
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 {$$restProps.class ?? ''}" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4" />
+</svg>
+\ No newline at end of file
diff --git a/apps/kit/src/lib/components/icons/home.svelte b/apps/kit/src/lib/components/icons/home.svelte
new file mode 100644
index 0000000..cc49c4d
--- /dev/null
+++ b/apps/kit/src/lib/components/icons/home.svelte
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 {$$restProps.class ?? ''}" fill="none" viewBox="0 0 24 24"
+     stroke="currentColor" stroke-width="2">
+    <path stroke-linecap="round" stroke-linejoin="round"
+          d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
+</svg>
+\ No newline at end of file
diff --git a/apps/kit/src/lib/components/icons/index.ts b/apps/kit/src/lib/components/icons/index.ts
new file mode 100644
index 0000000..d3abf24
--- /dev/null
+++ b/apps/kit/src/lib/components/icons/index.ts
@@ -0,0 +1,13 @@
+import XIcon from "./x.svelte";
+import MenuIcon from "./menu.svelte";
+import AdjustmentsIcon from "./adjustments.svelte";
+import DatabaseIcon from "./database.svelte";
+import HomeIcon from "./home.svelte";
+
+export {
+    XIcon,
+    MenuIcon,
+    HomeIcon,
+    DatabaseIcon,
+    AdjustmentsIcon
+}
+\ No newline at end of file
diff --git a/apps/kit/src/lib/components/icons/menu.svelte b/apps/kit/src/lib/components/icons/menu.svelte
new file mode 100644
index 0000000..12a68a5
--- /dev/null
+++ b/apps/kit/src/lib/components/icons/menu.svelte
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 {$$restProps.class ?? ''}" fill="none" viewBox="0 0 24 24" stroke="currentColor"
+     stroke-width="2">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"/>
+</svg>
diff --git a/apps/kit/src/lib/components/icons/x.svelte b/apps/kit/src/lib/components/icons/x.svelte
new file mode 100644
index 0000000..c7e05a8
--- /dev/null
+++ b/apps/kit/src/lib/components/icons/x.svelte
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 {$$restProps.class ?? ''}" fill="none" viewBox="0 0 24 24"
+     stroke="currentColor" stroke-width="2">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
+</svg>
+\ No newline at end of file
diff --git a/apps/kit/src/lib/components/locale-switcher.svelte b/apps/kit/src/lib/components/locale-switcher.svelte
new file mode 100644
index 0000000..39d6168
--- /dev/null
+++ b/apps/kit/src/lib/components/locale-switcher.svelte
@@ -0,0 +1,52 @@
+<script lang="ts">
+    import {browser} from "$app/environment";
+    import {page} from "$app/stores";
+    import {setLocale, locale} from "$lib/i18n/i18n-svelte";
+    import type {Locales} from "$lib/i18n/i18n-types";
+    import {locales} from "$lib/i18n/i18n-util";
+    import {loadLocaleAsync} from "$lib/i18n/i18n-util.async";
+
+    const switchLocale = async (
+        newLocale: Locales,
+        updateHistoryState = true,
+    ) => {
+        if (!newLocale || $locale === newLocale) return;
+
+        // load new dictionary from server
+        await loadLocaleAsync(newLocale);
+
+        // select locale
+        setLocale(newLocale);
+
+        // update `lang` attribute
+        document.querySelector("html")?.setAttribute("lang", newLocale);
+
+        //TODO set cookie that persists the locale
+    };
+
+    // update locale when navigating via browser back/forward buttons
+    const handlePopStateEvent = async ({state}: PopStateEvent) =>
+        switchLocale(state.locale, false);
+
+    // update locale when page store changes
+    $: if (browser) {
+        const lang = $page.params.lang as Locales;
+        switchLocale(lang, false);
+    }
+</script>
+
+<svelte:window on:popstate={handlePopStateEvent}/>
+
+<ul>
+    {#each locales as l}
+        <li>
+            <button
+                    type="button"
+                    class:active={l === $locale}
+                    on:click={() => switchLocale(l)}
+            >
+                {l}
+            </button>
+        </li>
+    {/each}
+</ul>
diff --git a/apps/kit/src/lib/configuration.ts b/apps/kit/src/lib/configuration.ts
new file mode 100644
index 0000000..d6f6b4f
--- /dev/null
+++ b/apps/kit/src/lib/configuration.ts
@@ -0,0 +1,45 @@
+export const TOP_BASE_DOMAIN = "greatoffice.app";
+export const BASE_DOMAIN = "dev.greatoffice.app";
+export const DEV_BASE_DOMAIN = "http://127.0.0.1";
+export const API_ADDRESS = "https://api." + BASE_DOMAIN;
+export const DEV_API_ADDRESS = "http://127.0.0.1:5000";
+export const SECONDS_BETWEEN_SESSION_CHECK = 600;
+
+export function base_domain(path: string = ""): string {
+    return (is_development() ? DEV_BASE_DOMAIN : TOP_BASE_DOMAIN) + (path !== "" ? "/" + path : "");
+}
+
+export function api_base(path: string = ""): string {
+    return (is_development() ? DEV_API_ADDRESS : API_ADDRESS) + (path !== "" ? "/" + path : "");
+}
+
+export function is_development(): boolean {
+    // @ts-ignore
+    return import.meta.env.DEV;
+}
+
+export function is_debug(): boolean {
+    return localStorage.getItem(StorageKeys.debug) !== "true";
+}
+
+export const CookieNames = {
+    theme: "go_theme",
+    locale: "go_locale"
+};
+
+export const QueryKeys = {
+    labels: "labels",
+    categories: "categories",
+    entries: "entries",
+};
+
+export const StorageKeys = {
+    session: "sessionData",
+    theme: "theme",
+    debug: "debug",
+    categories: "categories",
+    labels: "labels",
+    entries: "entries",
+    stopwatch: "stopwatchState",
+    logLevel: "logLevel"
+};
+\ No newline at end of file
diff --git a/apps/web-shared/src/lib/helpers.ts b/apps/kit/src/lib/helpers.ts
index ad6f280..f0f60cd 100644
--- a/apps/web-shared/src/lib/helpers.ts
+++ b/apps/kit/src/lib/helpers.ts
@@ -1,7 +1,8 @@
-import { base_domain, CookieNames } from "$shared/lib/configuration";
-import { TimeEntryDto } from "$shared/lib/models/TimeEntryDto";
-import { UnwrappedEntryDateTime } from "$shared/lib/models/UnwrappedEntryDateTime";
-import { Temporal } from "@js-temporal/polyfill";
+import {browser} from "$app/environment";
+import type {TimeEntryDto} from "$lib/models/TimeEntryDto";
+import type {UnwrappedEntryDateTime} from "$lib/models/UnwrappedEntryDateTime";
+import {logInfo} from "$lib/logger";
+import {Temporal} from "temporal-polyfill";
 
 export const EMAIL_REGEX = new RegExp(/^([a-z0-9]+(?:([._\-])[a-z0-9]+)*@(?:[a-z0-9]+(?:(-)[a-z0-9]+)?\.)+[a-z0-9](?:[a-z0-9]*[a-z0-9])?)$/i);
 export const URL_REGEX = new RegExp(/^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-.][a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/gm);
@@ -34,23 +35,23 @@ export function is_norwegian_phone_number(value: string): boolean {
     return NORWEGIAN_PHONE_NUMBER_REGEX.test(String(value));
 }
 
-export function switch_theme() {
-    const html = document.querySelector("html");
-    if (html.dataset.theme === "dark") {
-        html.dataset.theme = "light";
-    } else {
-        html.dataset.theme = "dark";
-    }
-    set_cookie(CookieNames.theme, html.dataset.theme, base_domain());
-}
+// export function switch_theme() {
+//     const html = document.querySelector("html");
+//     if (html.dataset.theme === "dark") {
+//         html.dataset.theme = "light";
+//     } else {
+//         html.dataset.theme = "dark";
+//     }
+//     set_cookie(CookieNames.theme, html.dataset.theme, base_domain());
+// }
 
-export function get_cookie(name) {
+export function get_cookie(name: string) {
     const value = `; ${document.cookie}`;
     const parts = value.split(`; ${name}=`);
-    if (parts.length === 2) return parts.pop().split(";").shift();
+    if (parts.length === 2) return parts.pop()?.split(";").shift();
 }
 
-export function set_cookie(name, value, baseDomain = window.location.host) {
+export function set_cookie(name: string, value: string, baseDomain = window.location.host) {
     document.cookie = name + "=" + encodeURIComponent(value) + (baseDomain ? ";domain=" + baseDomain : "");
 }
 
@@ -67,11 +68,11 @@ export function unwrap_date_time_from_entry(entry: TimeEntryDto): UnwrappedEntry
         stop_time: stopInstant.toPlainTime(),
         duration: Temporal.Duration.from({
             hours: stopInstant.hour,
-            minutes: stopInstant.minute
+            minutes: stopInstant.minute,
         }).subtract(Temporal.Duration.from({
             hours: startInstant.hour,
-            minutes: startInstant.minute
-        }))
+            minutes: startInstant.minute,
+        })),
     };
 }
 
@@ -176,29 +177,6 @@ export function make_url(url: string, params: object): string {
     return `${url}${get_query_string(params)}`;
 }
 
-export function load_script(url: string) {
-    unload_script(url, () => {
-        return new Promise(function (resolve, reject) {
-            const script = document.createElement("script");
-            script.src = url;
-
-            script.addEventListener("load", function () {
-                // The script is loaded completely
-                resolve(true);
-            });
-
-            document.body.appendChild(script);
-        });
-    });
-}
-
-export function unload_script(src: string, callback?: Function): void {
-    document.querySelectorAll("script[src='" + src + "']").forEach(el => el.remove());
-    if (typeof callback === "function") {
-        callback();
-    }
-}
-
 export function noop() {
 }
 
@@ -249,14 +227,14 @@ export function random_string(length: number): string {
 interface CreateElementOptions {
     name: string,
     properties?: object,
-    children?: Array<HTMLElement|Function|Node>
+    children?: Array<HTMLElement | Function | Node>
 }
 
 export function create_element_from_object(elementOptions: CreateElementOptions): HTMLElement {
     return create_element(elementOptions.name, elementOptions.properties, elementOptions.children);
 }
 
-export function create_element(name: string, properties?: object, children?: Array<HTMLElement|any>): HTMLElement {
+export function create_element(name: string, properties?: object, children?: Array<HTMLElement | any>): HTMLElement {
     if (!name || name.length < 1) {
         throw new Error("name is required");
     }
@@ -281,7 +259,7 @@ export function create_element(name: string, properties?: object, children?: Arr
     return node;
 }
 
-export function get_element_position(element: HTMLElement|any) {
+export function get_element_position(element: HTMLElement | any) {
     if (!element) return {x: 0, y: 0};
     let x = 0;
     let y = 0;
@@ -299,7 +277,7 @@ export function get_element_position(element: HTMLElement|any) {
 export function restrict_input_to_numbers(element: HTMLElement, specials: Array<string> = [], mergeSpecialsWithDefaults: boolean = false): void {
     if (element) {
         element.addEventListener("keydown", (e) => {
-            const defaultSpecials = ["Backspace", "ArrowLeft", "ArrowRight", "Tab",];
+            const defaultSpecials = ["Backspace", "ArrowLeft", "ArrowRight", "Tab"];
             let keys = specials.length > 0 ? specials : defaultSpecials;
             if (mergeSpecialsWithDefaults && specials) {
                 keys = [...specials, ...defaultSpecials];
@@ -442,6 +420,10 @@ export function can_use_dom(): boolean {
 }
 
 export function session_storage_remove_regex(regex: RegExp): void {
+    if (!browser) {
+        logInfo("sessionStorage is not available in non-browser contexts");
+        return;
+    }
     let n = sessionStorage.length;
     while (n--) {
         const key = sessionStorage.key(n);
@@ -452,6 +434,10 @@ export function session_storage_remove_regex(regex: RegExp): void {
 }
 
 export function local_storage_remove_regex(regex: RegExp): void {
+    if (!browser) {
+        logInfo("sessionStorage is not available in non-browser contexts");
+        return;
+    }
     let n = localStorage.length;
     while (n--) {
         const key = localStorage.key(n);
@@ -462,22 +448,38 @@ export function local_storage_remove_regex(regex: RegExp): void {
 }
 
 export function session_storage_set_json(key: string, value: object): void {
+    if (!browser) {
+        console.warn("sessionStorage is not available in non-browser contexts");
+        return;
+    }
     sessionStorage.setItem(key, JSON.stringify(value));
 }
 
 export function session_storage_get_json(key: string): object {
+    if (!browser) {
+        console.warn("sessionStorage is not available in non-browser contexts");
+        return {};
+    }
     return JSON.parse(sessionStorage.getItem(key) ?? "{}");
 }
 
 export function local_storage_set_json(key: string, value: object): void {
+    if (!browser) {
+        console.warn("sessionStorage is not available in non-browser contexts");
+        return;
+    }
     localStorage.setItem(key, JSON.stringify(value));
 }
 
 export function local_storage_get_json(key: string): object {
+    if (!browser) {
+        console.warn("sessionStorage is not available in non-browser contexts");
+        return {};
+    }
     return JSON.parse(localStorage.getItem(key) ?? "{}");
 }
 
-export function get_hash_code(value: string): number|undefined {
+export function get_hash_code(value: string): number | undefined {
     let hash = 0;
     if (value.length === 0) {
         return;
diff --git a/apps/projects/src/app/lib/i18n/en/index.ts b/apps/kit/src/lib/i18n/en/index.ts
index a85af7b..f3def1b 100644
--- a/apps/projects/src/app/lib/i18n/en/index.ts
+++ b/apps/kit/src/lib/i18n/en/index.ts
@@ -120,7 +120,17 @@ const en: BaseTranslation = {
         pageNotFound: "Page not found",
         goToFrontpage: "Go to frontpage",
         noInternet: "It seems like your device does not have a internet connection, please check your connection."
-    }
+    },
+    login: {
+        loginToYourAccount: "Log in to your account",
+        or: "Or",
+        createANewAccount: "create a new account",
+        emailAddress: "Email address",
+        password: "Password",
+        notMyComputer: "This is not my computer",
+        forgotPassword: "Forgot your password?",
+        logIn: "Log in"
+    },
 };
 
 export default en;
diff --git a/apps/projects/src/app/lib/i18n/formatters.ts b/apps/kit/src/lib/i18n/formatters.ts
index 78734f9..78734f9 100644
--- a/apps/projects/src/app/lib/i18n/formatters.ts
+++ b/apps/kit/src/lib/i18n/formatters.ts
diff --git a/apps/projects/src/app/lib/i18n/i18n-svelte.ts b/apps/kit/src/lib/i18n/i18n-svelte.ts
index 6cdffb3..6cdffb3 100644
--- a/apps/projects/src/app/lib/i18n/i18n-svelte.ts
+++ b/apps/kit/src/lib/i18n/i18n-svelte.ts
diff --git a/apps/projects/src/app/lib/i18n/i18n-types.ts b/apps/kit/src/lib/i18n/i18n-types.ts
index acba223..f3e0f80 100644
--- a/apps/projects/src/app/lib/i18n/i18n-types.ts
+++ b/apps/kit/src/lib/i18n/i18n-types.ts
@@ -416,6 +416,40 @@ type RootTranslation = {
 		 */
 		noInternet: string
 	}
+	login: {
+		/**
+		 * Log in to your account
+		 */
+		loginToYourAccount: string
+		/**
+		 * Or
+		 */
+		or: string
+		/**
+		 * create a new account
+		 */
+		createANewAccount: string
+		/**
+		 * Email address
+		 */
+		emailAddress: string
+		/**
+		 * Password
+		 */
+		password: string
+		/**
+		 * This is not my computer
+		 */
+		notMyComputer: string
+		/**
+		 * Forgot your password?
+		 */
+		forgotPassword: string
+		/**
+		 * Log in
+		 */
+		logIn: string
+	}
 }
 
 export type TranslationFunctions = {
@@ -817,6 +851,40 @@ export type TranslationFunctions = {
 		 */
 		noInternet: () => LocalizedString
 	}
+	login: {
+		/**
+		 * Log in to your account
+		 */
+		loginToYourAccount: () => LocalizedString
+		/**
+		 * Or
+		 */
+		or: () => LocalizedString
+		/**
+		 * create a new account
+		 */
+		createANewAccount: () => LocalizedString
+		/**
+		 * Email address
+		 */
+		emailAddress: () => LocalizedString
+		/**
+		 * Password
+		 */
+		password: () => LocalizedString
+		/**
+		 * This is not my computer
+		 */
+		notMyComputer: () => LocalizedString
+		/**
+		 * Forgot your password?
+		 */
+		forgotPassword: () => LocalizedString
+		/**
+		 * Log in
+		 */
+		logIn: () => LocalizedString
+	}
 }
 
 export type Formatters = {}
diff --git a/apps/projects/src/app/lib/i18n/i18n-util.async.ts b/apps/kit/src/lib/i18n/i18n-util.async.ts
index 3ccef5f..3ccef5f 100644
--- a/apps/projects/src/app/lib/i18n/i18n-util.async.ts
+++ b/apps/kit/src/lib/i18n/i18n-util.async.ts
diff --git a/apps/projects/src/app/lib/i18n/i18n-util.sync.ts b/apps/kit/src/lib/i18n/i18n-util.sync.ts
index f1a8e9e..f1a8e9e 100644
--- a/apps/projects/src/app/lib/i18n/i18n-util.sync.ts
+++ b/apps/kit/src/lib/i18n/i18n-util.sync.ts
diff --git a/apps/projects/src/app/lib/i18n/i18n-util.ts b/apps/kit/src/lib/i18n/i18n-util.ts
index cad1e7a..11d4b23 100644
--- a/apps/projects/src/app/lib/i18n/i18n-util.ts
+++ b/apps/kit/src/lib/i18n/i18n-util.ts
@@ -13,6 +13,8 @@ export const locales: Locales[] = [
 	'nb'
 ]
 
+export const isLocale = (locale: string) => locales.includes(locale as Locales)
+
 export const loadedLocales = {} as Record<Locales, Translations>
 
 export const loadedFormatters = {} as Record<Locales, Formatters>
diff --git a/apps/projects/src/app/lib/i18n/nb/index.ts b/apps/kit/src/lib/i18n/nb/index.ts
index 1638345..b350994 100644
--- a/apps/projects/src/app/lib/i18n/nb/index.ts
+++ b/apps/kit/src/lib/i18n/nb/index.ts
@@ -120,7 +120,17 @@ const nb: Translation = {
         pageNotFound: "Fant ikke siden",
         goToFrontpage: "Gå til forsiden",
         noInternet: "Det ser ut som at du er uten internettilgang, vennligst sjekk tilkoblingen din."
-    }
+    },
+    login: {
+        loginToYourAccount: "Logg inn i din konto",
+        or: "Eller",
+        createANewAccount: "lag en ny konto",
+        emailAddress: "E-postadresse",
+        password: "Passord",
+        notMyComputer: "Dette er ikke min datamaskin",
+        forgotPassword: "Glem passord?",
+        logIn: "Logg inn"
+    },
 };
 
 export default nb;
diff --git a/apps/web-shared/src/lib/locale.ts b/apps/kit/src/lib/locale.ts
index 002f874..002f874 100644
--- a/apps/web-shared/src/lib/locale.ts
+++ b/apps/kit/src/lib/locale.ts
diff --git a/apps/kit/src/lib/logger.ts b/apps/kit/src/lib/logger.ts
new file mode 100644
index 0000000..e017ba0
--- /dev/null
+++ b/apps/kit/src/lib/logger.ts
@@ -0,0 +1,87 @@
+import {browser, dev} from "$app/environment";
+import {StorageKeys} from "$lib/configuration";
+import pino from "pino";
+
+const pinoConfig = dev ? {
+    transport: {
+        target: "pino-pretty",
+    },
+} : {};
+
+const pinoLogger = pino(pinoConfig);
+
+function browserLogLevel(): number {
+    if (browser) return LogLevel.toNumber(sessionStorage.getItem(StorageKeys.logLevel), LogLevel.INFO);
+    throw new Error("Called browser api in server");
+}
+
+function serverLogLevel(): number {
+    if (!browser) return LogLevel.toNumber(process.env.LOG_LEVEL, LogLevel.ERROR);
+    throw new Error("Called server api in browser");
+}
+
+export const LogLevel = {
+    DEBUG: 0,
+    INFO: 1,
+    ERROR: 2,
+    SILENT: 3,
+    toString(levelInt: number): string {
+        switch (levelInt) {
+            case 0:
+                return "DEBUG";
+            case 1:
+                return "INFO";
+            case 2:
+                return "ERROR";
+            case 3:
+                return "SILENT";
+            default:
+                throw new Error("Log level int is unknown");
+        }
+    },
+    toNumber(levelString?: string | null, fallback?: number): number {
+        if (!levelString && fallback) return fallback;
+        else if (!levelString && !fallback) throw new Error("levelString was empty, and no fallback was specified");
+        switch (levelString?.toUpperCase()) {
+            case "DEBUG":
+                return 0;
+            case "INFO":
+                return 1;
+            case "ERROR":
+                return 2;
+            case "SILENT":
+                return 3;
+            default:
+                if (!fallback) throw new Error("Log level string is unknown");
+                else return fallback;
+        }
+    },
+};
+
+export function logDebug(message: string, ...additional: any[]): void {
+    if (browser && browserLogLevel() <= LogLevel.DEBUG) {
+        pinoLogger.debug(message, additional);
+    }
+
+    if (!browser && serverLogLevel() <= LogLevel.DEBUG) {
+        pinoLogger.debug(message, additional);
+    }
+}
+
+export function logInfo(message: string, ...additional: any[]): void {
+    if (browser && browserLogLevel() <= LogLevel.INFO) {
+        pinoLogger.info(message, additional);
+    }
+    if (!browser && serverLogLevel() <= LogLevel.INFO) {
+        pinoLogger.info(message, additional);
+    }
+}
+
+export function logError(message: any, ...additional: any[]): void {
+    if (browser && browserLogLevel() <= LogLevel.ERROR) {
+        pinoLogger.error(message, additional);
+    }
+    if (!browser && serverLogLevel() <= LogLevel.ERROR) {
+        pinoLogger.error(message, additional);
+    }
+}
+\ No newline at end of file
diff --git a/apps/web-shared/src/lib/models/CreateAccountPayload.ts b/apps/kit/src/lib/models/CreateAccountPayload.ts
index d116308..d116308 100644
--- a/apps/web-shared/src/lib/models/CreateAccountPayload.ts
+++ b/apps/kit/src/lib/models/CreateAccountPayload.ts
diff --git a/apps/web-shared/src/lib/models/ErrorResult.ts b/apps/kit/src/lib/models/ErrorResult.ts
index 7c70017..7c70017 100644
--- a/apps/web-shared/src/lib/models/ErrorResult.ts
+++ b/apps/kit/src/lib/models/ErrorResult.ts
diff --git a/apps/web-shared/src/lib/models/IInternalFetchRequest.ts b/apps/kit/src/lib/models/IInternalFetchRequest.ts
index 68505e2..68505e2 100644
--- a/apps/web-shared/src/lib/models/IInternalFetchRequest.ts
+++ b/apps/kit/src/lib/models/IInternalFetchRequest.ts
diff --git a/apps/web-shared/src/lib/models/IInternalFetchResponse.ts b/apps/kit/src/lib/models/IInternalFetchResponse.ts
index 6c91b35..6c91b35 100644
--- a/apps/web-shared/src/lib/models/IInternalFetchResponse.ts
+++ b/apps/kit/src/lib/models/IInternalFetchResponse.ts
diff --git a/apps/web-shared/src/lib/models/ISession.ts b/apps/kit/src/lib/models/ISession.ts
index f7ed46b..f7ed46b 100644
--- a/apps/web-shared/src/lib/models/ISession.ts
+++ b/apps/kit/src/lib/models/ISession.ts
diff --git a/apps/web-shared/src/lib/models/IValidationResult.ts b/apps/kit/src/lib/models/IValidationResult.ts
index 9a21b13..9a21b13 100644
--- a/apps/web-shared/src/lib/models/IValidationResult.ts
+++ b/apps/kit/src/lib/models/IValidationResult.ts
diff --git a/apps/web-shared/src/lib/models/LoginPayload.ts b/apps/kit/src/lib/models/LoginPayload.ts
index ccd9bed..ccd9bed 100644
--- a/apps/web-shared/src/lib/models/LoginPayload.ts
+++ b/apps/kit/src/lib/models/LoginPayload.ts
diff --git a/apps/web-shared/src/lib/models/TimeCategoryDto.ts b/apps/kit/src/lib/models/TimeCategoryDto.ts
index 875e8cb..fcdb7ea 100644
--- a/apps/web-shared/src/lib/models/TimeCategoryDto.ts
+++ b/apps/kit/src/lib/models/TimeCategoryDto.ts
@@ -1,4 +1,4 @@
-import { Temporal } from "@js-temporal/polyfill";
+import { Temporal } from "temporal-polyfill";
 
 export interface TimeCategoryDto {
     selected?: boolean;
diff --git a/apps/web-shared/src/lib/models/TimeEntryDto.ts b/apps/kit/src/lib/models/TimeEntryDto.ts
index 71fe7a3..571c52e 100644
--- a/apps/web-shared/src/lib/models/TimeEntryDto.ts
+++ b/apps/kit/src/lib/models/TimeEntryDto.ts
@@ -1,6 +1,6 @@
 import type { TimeLabelDto } from "./TimeLabelDto";
 import type { TimeCategoryDto } from "./TimeCategoryDto";
-import { Temporal } from "@js-temporal/polyfill";
+import { Temporal } from "temporal-polyfill";
 
 export interface TimeEntryDto {
     id: string,
diff --git a/apps/web-shared/src/lib/models/TimeEntryQuery.ts b/apps/kit/src/lib/models/TimeEntryQuery.ts
index 6681c79..d983d1a 100644
--- a/apps/web-shared/src/lib/models/TimeEntryQuery.ts
+++ b/apps/kit/src/lib/models/TimeEntryQuery.ts
@@ -1,6 +1,6 @@
 import type { TimeCategoryDto } from "./TimeCategoryDto";
 import type { TimeLabelDto } from "./TimeLabelDto";
-import type { Temporal } from "@js-temporal/polyfill";
+import type { Temporal } from "temporal-polyfill";
 
 export interface TimeEntryQuery {
     duration: TimeEntryQueryDuration,
diff --git a/apps/web-shared/src/lib/models/TimeLabelDto.ts b/apps/kit/src/lib/models/TimeLabelDto.ts
index 2b42d07..7183bcf 100644
--- a/apps/web-shared/src/lib/models/TimeLabelDto.ts
+++ b/apps/kit/src/lib/models/TimeLabelDto.ts
@@ -1,4 +1,4 @@
-import { Temporal } from "@js-temporal/polyfill";
+import { Temporal } from "temporal-polyfill";
 
 export interface TimeLabelDto {
     id?: string,
diff --git a/apps/web-shared/src/lib/models/TimeQueryDto.ts b/apps/kit/src/lib/models/TimeQueryDto.ts
index 607c51e..607c51e 100644
--- a/apps/web-shared/src/lib/models/TimeQueryDto.ts
+++ b/apps/kit/src/lib/models/TimeQueryDto.ts
diff --git a/apps/web-shared/src/lib/models/UnwrappedEntryDateTime.ts b/apps/kit/src/lib/models/UnwrappedEntryDateTime.ts
index e6022d8..d614f91 100644
--- a/apps/web-shared/src/lib/models/UnwrappedEntryDateTime.ts
+++ b/apps/kit/src/lib/models/UnwrappedEntryDateTime.ts
@@ -1,4 +1,4 @@
-import {Temporal} from "@js-temporal/polyfill";
+import { Temporal } from "temporal-polyfill";
 
 export interface UnwrappedEntryDateTime {
     start_date: Temporal.PlainDate,
diff --git a/apps/web-shared/src/lib/models/UpdateProfilePayload.ts b/apps/kit/src/lib/models/UpdateProfilePayload.ts
index d2983ff..d2983ff 100644
--- a/apps/web-shared/src/lib/models/UpdateProfilePayload.ts
+++ b/apps/kit/src/lib/models/UpdateProfilePayload.ts
diff --git a/apps/web-shared/src/lib/persistent-store.ts b/apps/kit/src/lib/persistent-store.ts
index 922f3ab..922f3ab 100644
--- a/apps/web-shared/src/lib/persistent-store.ts
+++ b/apps/kit/src/lib/persistent-store.ts
diff --git a/apps/web-shared/src/lib/session.ts b/apps/kit/src/lib/session.ts
index f729687..ee79933 100644
--- a/apps/web-shared/src/lib/session.ts
+++ b/apps/kit/src/lib/session.ts
@@ -1,8 +1,9 @@
-import {Temporal} from "@js-temporal/polyfill";
-import {get_profile_for_active_check, logout} from "./api/user";
-import {is_guid, session_storage_get_json, session_storage_set_json} from "./helpers";
-import {SECONDS_BETWEEN_SESSION_CHECK, StorageKeys} from "./configuration";
-import type {ISession} from "$shared/lib/models/ISession";
+import {logError, logInfo} from "$lib/logger";
+import { Temporal } from "temporal-polyfill";
+import { get_profile_for_active_check, logout } from "./api/user";
+import { is_guid, session_storage_get_json, session_storage_set_json } from "./helpers";
+import { SECONDS_BETWEEN_SESSION_CHECK, StorageKeys } from "./configuration";
+import type { ISession } from "$lib/models/ISession";
 
 export async function is_active(forceRefresh: boolean = false): Promise<boolean> {
     const nowEpoch = Temporal.Now.instant().epochSeconds;
@@ -15,7 +16,7 @@ export async function is_active(forceRefresh: boolean = false): Promise<boolean>
         const sessionIsValid = data.profile && is_guid(data.profile.id);
         if (!sessionIsValid) {
             clear_session_data();
-            console.log("Session data is not valid");
+            logInfo("Session data is not valid");
         }
         return sessionIsValid;
     }
@@ -28,7 +29,7 @@ export async function end_session(cb: Function): Promise<void> {
 }
 
 async function call_api(): Promise<boolean> {
-    console.log("Getting profile data while checking session state");
+    logInfo("Getting profile data while checking session state");
     try {
         const response = await get_profile_for_active_check();
         if (response.ok) {
@@ -39,20 +40,20 @@ async function call_api(): Promise<boolean> {
                     lastChecked: Temporal.Now.instant().epochSeconds
                 } as ISession;
                 session_storage_set_json(StorageKeys.session, session);
-                console.log("Successfully got profile data while checking session state");
+                logInfo("Successfully got profile data while checking session state");
                 return true;
             } else {
-                console.error("Api returned invalid data while getting profile data");
+                logError("Api returned invalid data while getting profile data");
                 clear_session_data();
                 return false;
             }
         } else {
-            console.error("Api returned unsuccessfully while getting profile data");
+            logError("Api returned unsuccessfully while getting profile data");
             clear_session_data();
             return false;
         }
     } catch (e) {
-        console.error(e);
+        logError(e);
         clear_session_data();
         return false;
     }
@@ -60,7 +61,7 @@ async function call_api(): Promise<boolean> {
 
 export function clear_session_data() {
     session_storage_set_json(StorageKeys.session, {});
-    console.log("Cleared session data.");
+    logInfo("Cleared session data.");
 }
 
 export function get_session_data(): ISession {
diff --git a/apps/kit/src/params/guid.ts b/apps/kit/src/params/guid.ts
new file mode 100644
index 0000000..d8f7231
--- /dev/null
+++ b/apps/kit/src/params/guid.ts
@@ -0,0 +1,5 @@
+import {is_guid} from "$lib/helpers";
+
+export function match(param: string): boolean {
+    return is_guid(param);
+}
+\ No newline at end of file
diff --git a/apps/kit/src/params/integer.ts b/apps/kit/src/params/integer.ts
new file mode 100644
index 0000000..6e36cd8
--- /dev/null
+++ b/apps/kit/src/params/integer.ts
@@ -0,0 +1,3 @@
+export function match(param: string): boolean {
+    return /^\d+$/.test(param);
+}
+\ No newline at end of file
diff --git a/apps/kit/src/routes/(app)/+layout.svelte b/apps/kit/src/routes/(app)/+layout.svelte
new file mode 100644
index 0000000..3f60af3
--- /dev/null
+++ b/apps/kit/src/routes/(app)/+layout.svelte
@@ -0,0 +1,215 @@
+<svelte:options immutable={true}/>
+<svelte:window bind:online={online}/>
+<script lang="ts">
+    import LL, {setLocale} from "$lib/i18n/i18n-svelte";
+    import {Dialog, TransitionChild, TransitionRoot} from '@rgossiaux/svelte-headlessui';
+    import {XIcon, MenuIcon, HomeIcon, DatabaseIcon, AdjustmentsIcon} from "$lib/components/icons";
+
+    let online = true;
+    let sidebarIsOpen = false;
+    const username = "dumb";
+    
+    setLocale("nb");
+    
+    const navigations = [
+        {
+            name: "Home",
+            icon: HomeIcon
+        },
+        {
+            name: "Data",
+            icon: DatabaseIcon
+        },
+        {
+            name: "Settings",
+            icon: AdjustmentsIcon
+        }
+    ]
+</script>
+{#if !online}
+    <div class="bg-yellow-50 border-l-4 border-yellow-400 p-4">
+        <div class="flex">
+            <div class="flex-shrink-0">
+                <svg class="h-5 w-5 text-yellow-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
+                     fill="currentColor" aria-hidden="true">
+                    <path fill-rule="evenodd"
+                          d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z"
+                          clip-rule="evenodd"/>
+                </svg>
+            </div>
+            <div class="ml-3">
+                <p class="text-sm text-yellow-700">
+                    You seem to be offline, please check your internet connection.
+                </p>
+            </div>
+        </div>
+    </div>
+{/if}
+<div class="h-full flex">
+    <TransitionRoot show={sidebarIsOpen}>
+        <Dialog class="relative z-40 lg:hidden" on:close={() => sidebarIsOpen = !sidebarIsOpen}>
+            <TransitionChild
+                    enter="transition-opacity ease-linear duration-300"
+                    enterFrom="opacity-0"
+                    enterTo="opacity-100"
+                    leave="transition-opacity ease-linear duration-300"
+                    leaveFrom="opacity-100"
+                    leaveTo="opacity-0">
+                <div class="fixed inset-0 bg-gray-600 bg-opacity-75"></div>
+            </TransitionChild>
+
+            <div class="fixed inset-0 flex z-40">
+                <TransitionChild
+                        enter="transition ease-in-out duration-300 transform"
+                        enterFrom="-translate-x-full"
+                        enterTo="translate-x-0"
+                        leave="transition ease-in-out duration-300 transform"
+                        leaveFrom="translate-x-0"
+                        leaveTo="-translate-x-full">
+                    <DialogPanel class="relative flex-1 flex flex-col max-w-xs w-full bg-white focus:outline-none">
+                        <TransitionChild
+                                enter="ease-in-out duration-300"
+                                enterFrom="opacity-0"
+                                enterTo="opacity-100"
+                                leave="ease-in-out duration-300"
+                                leaveFrom="opacity-100"
+                                leaveTo="opacity-0">
+                            <div class="absolute top-0 right-0 -mr-12 pt-2">
+                                <button type="button"
+                                        class="ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white"
+                                        on:click={() => sidebarIsOpen = false}>
+                                    <span class="sr-only">Close sidebar</span>
+                                    <XIcon class="text-white" aria-hidden="true"/>
+                                </button>
+                            </div>
+                        </TransitionChild>
+                        <div class="flex-1 h-0 pt-5 pb-4 overflow-y-auto">
+                            <div class="flex-shrink-0 flex items-center px-4">
+                                <img class="h-8 w-auto"
+                                     src="https://tailwindui.com/img/logos/workflow-mark.svg?color=indigo&shade=600"
+                                     alt="Workflow"
+                                />
+                            </div>
+                            <nav aria-label="Sidebar" class="mt-5">
+                                <div class="px-2 space-y-1">
+                                    {#each navigations as item (item.name)}
+                                        <a href={item.href}
+                                           class="{item.current? 'bg-gray-100 text-gray-900': 'text-gray-600 hover:bg-gray-50 hover:text-gray-900'} group flex items-center px-2 py-2 text-base font-medium rounded-md">
+                                            <svelte:component this="{item.icon}"
+                                                              class="{item.current ? 'text-gray-500' : 'text-gray-400 group-hover:text-gray-500'} mr-4 h-6 w-6"
+                                                              aria-hidden="true"></svelte:component>
+                                            {item.name}
+                                        </a>
+                                    {/each}
+                                </div>
+                            </nav>
+                        </div>
+                        <div class="flex-shrink-0 flex border-t border-gray-200 p-4">
+                            <a href="#" class="flex-shrink-0 group block">
+                                <div class="flex items-center">
+                                    <div>
+                                        <img class="inline-block h-10 w-10 rounded-full"
+                                             src="https://images.unsplash.com/photo-1517365830460-955ce3ccd263?ixlib=rb-=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=8&w=256&h=256&q=80"
+                                             alt=""
+                                        />
+                                    </div>
+                                    <div class="ml-3">
+                                        <p class="text-base font-medium text-gray-700 group-hover:text-gray-900">
+                                            {username}
+                                        </p>
+                                        <p class="text-sm font-medium text-gray-500 group-hover:text-gray-700">
+                                            {$LL.nav.usermenu.profileTitle()}
+                                        </p>
+                                    </div>
+                                </div>
+                            </a>
+                        </div>
+                    </DialogPanel>
+                </TransitionChild>
+                <div class="flex-shrink-0 w-14" aria-hidden="true">
+                    <!--{/* Force sidebar to shrink to fit close icon */}-->
+                </div>
+            </div>
+        </Dialog>
+    </TransitionRoot>
+
+    <!--{/* Static sidebar for desktop */}-->
+    <div class="hidden lg:flex lg:flex-shrink-0">
+        <div class="flex flex-col w-64">
+            <!--{/* Sidebar component, swap this element with another sidebar if you like */}-->
+            <div class="flex-1 flex flex-col min-h-0 border-r border-gray-200 bg-gray-100">
+                <div class="flex-1 flex flex-col pt-5 pb-4 overflow-y-auto">
+                    <div class="flex items-center flex-shrink-0 px-4">
+                        <img class="h-8 w-auto"
+                             src="https://tailwindui.com/img/logos/workflow-mark.svg?color=indigo&shade=600"
+                             alt="Workflow"
+                        />
+                    </div>
+                    <nav class="mt-5 flex-1" aria-label="Sidebar">
+                        <div class="px-2 space-y-1">
+                            {#each navigations as item (item.name)}
+                                <a key={item.name}
+                                   href={item.href}
+                                   class="{item.current ? 'bg-gray-200 text-gray-900' : 'text-gray-600 hover:bg-gray-50 hover:text-gray-900'} group flex items-center px-2 py-2 text-sm font-medium rounded-md">
+                                    <svelte:component this="{item.icon}"
+                                                      class="{item.current ? 'text-gray-500' : 'text-gray-400 group-hover:text-gray-500'} mr-3 h-6 w-6"
+                                                      aria-hidden="true"></svelte:component>
+                                    {item.name}
+                                </a>
+                            {/each}
+                        </div>
+                    </nav>
+                </div>
+                <div class="flex-shrink-0 flex border-t border-gray-200 p-4">
+                    <a href="#" class="flex-shrink-0 w-full group block">
+                        <div class="flex items-center">
+                            <div>
+                                <img class="inline-block h-9 w-9 rounded-full"
+                                     src="https://images.unsplash.com/photo-1517365830460-955ce3ccd263?ixlib=rb-=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=8&w=256&h=256&q=80"
+                                     alt=""
+                                />
+                            </div>
+                            <div class="ml-3">
+                                <p class="text-base font-medium text-gray-700 group-hover:text-gray-900">
+                                    {username}
+                                </p>
+                                <p class="text-sm font-medium text-gray-500 group-hover:text-gray-700">
+                                    {$LL.nav.usermenu.profileTitle()}
+                                </p>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="flex flex-col min-w-0 flex-1 overflow-hidden">
+        <div class="lg:hidden">
+            <div class="flex items-center justify-between bg-gray-50 border-b border-gray-200 px-4 py-1.5">
+                <div>
+                    <button type="button"
+                            class="-mr-3 h-12 w-12 inline-flex items-center justify-center rounded-md text-gray-500 hover:text-gray-900"
+                            on:click={() => sidebarIsOpen = true}>
+                        <span class="sr-only">Open sidebar</span>
+                        <MenuIcon aria-hidden="true"/>
+                    </button>
+                </div>
+            </div>
+        </div>
+        <div class="flex-1 relative z-0 flex overflow-hidden">
+            <main class="flex-1 relative z-0 overflow-y-auto focus:outline-none">
+                <!--
+                    MAIN CONTENT
+                -->
+                <slot/>
+            </main>
+            <aside class="hidden relative xl:flex xl:flex-col flex-shrink-0 w-96 border-l border-gray-200 overflow-y-auto">
+                <!--{/* Start secondary column (hidden on smaller screens) */}
+                <div class="absolute inset-0 py-6 px-4 sm:px-6 lg:px-8">
+                    <div class="h-full border-2 border-gray-200 border-dashed rounded-lg" />
+                </div>
+                {/* End secondary column */}-->
+            </aside>
+        </div>
+    </div>
+</div>
+\ No newline at end of file
diff --git a/apps/kit/src/routes/(app)/home/+page.svelte b/apps/kit/src/routes/(app)/home/+page.svelte
new file mode 100644
index 0000000..247ee47
--- /dev/null
+++ b/apps/kit/src/routes/(app)/home/+page.svelte
@@ -0,0 +1 @@
+<h1>Welcome Home</h1>
+\ No newline at end of file
diff --git a/apps/kit/src/routes/(public)/+layout.svelte b/apps/kit/src/routes/(public)/+layout.svelte
new file mode 100644
index 0000000..1301e50
--- /dev/null
+++ b/apps/kit/src/routes/(public)/+layout.svelte
@@ -0,0 +1,6 @@
+<script>
+    import {setLocale} from "$lib/i18n/i18n-svelte";
+
+    setLocale("nb");
+</script>
+<slot></slot>
+\ No newline at end of file
diff --git a/apps/kit/src/routes/(public)/login/+page.svelte b/apps/kit/src/routes/(public)/login/+page.svelte
new file mode 100644
index 0000000..800575e
--- /dev/null
+++ b/apps/kit/src/routes/(public)/login/+page.svelte
@@ -0,0 +1,95 @@
+<script lang="ts">
+    import {goto} from "$app/navigation";
+    import {login} from "$lib/api/user";
+    import LL from "$lib/i18n/i18n-svelte";
+    import type {ErrorResult} from "$lib/models/ErrorResult";
+    import type {LoginPayload} from "$lib/models/LoginPayload";
+
+    const data = {
+        username: "",
+        password: ""
+    } as LoginPayload;
+    let error = {
+        text: "",
+        title: ""
+    } as ErrorResult;
+
+    async function submitFormAsync() {
+        error = {text: "", title: ""};
+        const loginResponse = await login(data);
+        if (loginResponse.ok) {
+            await goto("/home")
+        } else {
+            error.title = loginResponse.data.title;
+            error.text = loginResponse.data.text;
+        }
+    }
+</script>
+<div class="min-h-full flex flex-col justify-center py-12 sm:px-6 lg:px-8">
+    <div class="sm:mx-auto sm:w-full sm:max-w-md">
+        <h2 class="mt-6 text-center text-3xl tracking-tight font-bold text-gray-900">{$LL.login.loginToYourAccount()}</h2>
+        <p class="mt-2 text-center text-sm text-gray-600">
+            {$LL.login.or()}
+            <a href="/signup"
+               class="font-medium text-indigo-600 hover:text-indigo-500">{$LL.login.createANewAccount()}</a>
+        </p>
+    </div>
+
+    <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
+        <div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
+            {#if error.text || error.title}
+                <div class="rounded-md bg-red-50 p-3 mb-3">
+                    {#if error.title}
+                        <h3 class="text-sm font-medium text-red-800">{error.title}</h3>
+                    {/if}
+                    {#if error.text}
+                        <div class="mt-2 text-sm text-red-700">
+                            {error.text}
+                        </div>
+                    {/if}
+                </div>
+            {/if}
+            <form class="space-y-6" on:submit|preventDefault={submitFormAsync}>
+                <div>
+                    <label for="email"
+                           class="block text-sm font-medium text-gray-700">{$LL.login.emailAddress()}</label>
+                    <div class="mt-1">
+                        <input id="email" name="email" type="email" autocomplete="email" required
+                               value={data.username}
+                               class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
+                    </div>
+                </div>
+
+                <div>
+                    <label for="password" class="block text-sm font-medium text-gray-700">{$LL.login.password()}</label>
+                    <div class="mt-1">
+                        <input id="password" name="password" type="password" autocomplete="current-password" required
+                               value={data.password}
+                               class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
+                    </div>
+                </div>
+
+                <div class="flex items-center justify-between">
+                    <div class="flex items-center">
+                        <input id="remember-me" name="remember-me" type="checkbox"
+                               class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded">
+                        <label for="remember-me"
+                               class="ml-2 block text-sm text-gray-900">{$LL.login.notMyComputer()}</label>
+                    </div>
+
+                    <div class="text-sm">
+                        <a href="/reset"
+                           class="font-medium text-indigo-600 hover:text-indigo-500">{$LL.login.forgotPassword()}</a>
+                    </div>
+                </div>
+
+                <div>
+                    <button type="submit"
+                            class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
+                        {$LL.login.logIn()}
+                    </button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
diff --git a/apps/kit/src/routes/(public)/reset/+page.svelte b/apps/kit/src/routes/(public)/reset/+page.svelte
new file mode 100644
index 0000000..41c4728
--- /dev/null
+++ b/apps/kit/src/routes/(public)/reset/+page.svelte
@@ -0,0 +1,29 @@
+<div class="min-h-full flex flex-col justify-center py-12 sm:px-6 lg:px-8">
+    <div class="sm:mx-auto sm:w-full sm:max-w-md">
+        <h2 class="mt-6 text-center text-3xl tracking-tight font-bold text-gray-900">Request a password reset</h2>
+        <p class="mt-2 text-center text-sm text-gray-600">
+            Or
+            <a href="/login" class="font-medium text-indigo-600 hover:text-indigo-500">go to login page</a>
+        </p>
+    </div>
+
+    <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
+        <div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
+            <form class="space-y-6" action="#" method="POST">
+                <div>
+                    <label for="email" class="block text-sm font-medium text-gray-700"> Email address </label>
+                    <div class="mt-1">
+                        <input id="email" name="email" type="email" autocomplete="email" required
+                               class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
+                    </div>
+                </div>
+                <div>
+                    <button type="submit"
+                            class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
+                        Send request
+                    </button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
diff --git a/apps/kit/src/routes/(public)/signup/+page.svelte b/apps/kit/src/routes/(public)/signup/+page.svelte
new file mode 100644
index 0000000..d4a1bda
--- /dev/null
+++ b/apps/kit/src/routes/(public)/signup/+page.svelte
@@ -0,0 +1,38 @@
+<div class="min-h-full flex flex-col justify-center py-12 sm:px-6 lg:px-8">
+    <div class="sm:mx-auto sm:w-full sm:max-w-md">
+        <h2 class="mt-6 text-center text-3xl tracking-tight font-bold text-gray-900">Create your new account</h2>
+        <p class="mt-2 text-center text-sm text-gray-600">
+            Or
+            <a href="/login" class="font-medium text-indigo-600 hover:text-indigo-500">go to login page</a>
+        </p>
+    </div>
+
+    <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
+        <div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
+            <form class="space-y-6" action="#" method="POST">
+                <div>
+                    <label for="email" class="block text-sm font-medium text-gray-700"> Email address </label>
+                    <div class="mt-1">
+                        <input id="email" name="email" type="email" autocomplete="email" required
+                               class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
+                    </div>
+                </div>
+
+                <div>
+                    <label for="password" class="block text-sm font-medium text-gray-700"> Password </label>
+                    <div class="mt-1">
+                        <input id="password" name="password" type="password" autocomplete="current-password" required
+                               class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
+                    </div>
+                </div>
+
+                <div>
+                    <button type="submit"
+                            class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
+                        Create account
+                    </button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
diff --git a/apps/kit/src/routes/+layout.server.ts b/apps/kit/src/routes/+layout.server.ts
new file mode 100644
index 0000000..01aae89
--- /dev/null
+++ b/apps/kit/src/routes/+layout.server.ts
@@ -0,0 +1,13 @@
+// import {is_active} from "$lib/session";
+// import {redirect} from "@sveltejs/kit";
+// import type {LayoutServerLoad} from "./$types";
+//
+// export const load: LayoutServerLoad = async ({routeId}) => {
+//     const sessionIsValid = await is_active();
+//     const isPublicRoute = routeId?.startsWith("(public)");
+//     if (sessionIsValid && isPublicRoute) {
+//         throw redirect(302, "/home");
+//     } else if (!sessionIsValid && !isPublicRoute) {
+//         throw redirect(302, "/login");
+//     }
+// };
+\ No newline at end of file
diff --git a/apps/kit/src/routes/+layout.svelte b/apps/kit/src/routes/+layout.svelte
new file mode 100644
index 0000000..ee76da9
--- /dev/null
+++ b/apps/kit/src/routes/+layout.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+    import "../app.pcss";
+    import {afterNavigate, beforeNavigate, goto} from "$app/navigation";
+    import {is_active} from "$lib/session";
+    import type {Navigation} from "@sveltejs/kit";
+
+    async function redirect_if_necessary(ticket: Navigation) {
+        const sessionIsValid = await is_active();
+        const isPublicRoute = ticket.to?.routeId?.startsWith("(public)");
+        if (sessionIsValid && isPublicRoute) {
+            await goto("/home");
+        } else if (!sessionIsValid && !isPublicRoute) {
+            await goto("/login");
+        }
+    }
+
+    // This should probably be removed in favor of the logic in layout.server.ts.
+    // That requires a more sophisticated server side implementation of session handling,
+    // and i don't want that tbh, i want to stay as much in the browser as possible.
+    afterNavigate(redirect_if_necessary);
+    beforeNavigate(redirect_if_necessary);
+</script>
+<slot></slot>
+\ No newline at end of file
diff --git a/apps/web-shared/src/assets/preload.js b/apps/kit/static/preload.js
index 379902f..379902f 100644
--- a/apps/web-shared/src/assets/preload.js
+++ b/apps/kit/static/preload.js
diff --git a/apps/kit/svelte.config.js b/apps/kit/svelte.config.js
new file mode 100644
index 0000000..2c7fdde
--- /dev/null
+++ b/apps/kit/svelte.config.js
@@ -0,0 +1,16 @@
+import adapter from "svelte-adapter-bun";
+import preprocess from "svelte-preprocess";
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+    preprocess: [
+        preprocess({
+            postcss: true,
+        }),
+    ],
+    kit: {
+        adapter: adapter(),
+    },
+};
+
+export default config;
diff --git a/apps/kit/tailwind.config.cjs b/apps/kit/tailwind.config.cjs
new file mode 100644
index 0000000..a81035a
--- /dev/null
+++ b/apps/kit/tailwind.config.cjs
@@ -0,0 +1,13 @@
+const config = {
+  content: ["./src/**/*.{html,js,svelte,ts}"],
+
+  theme: {
+    extend: {},
+  },
+
+  plugins: [
+      require("@tailwindcss/forms")
+  ],
+};
+
+module.exports = config;
diff --git a/apps/kit/tests/test.ts b/apps/kit/tests/test.ts
new file mode 100644
index 0000000..4e57937
--- /dev/null
+++ b/apps/kit/tests/test.ts
@@ -0,0 +1,6 @@
+import { expect, test } from '@playwright/test';
+
+test('index page has expected h1', async ({ page }) => {
+	await page.goto('/');
+	expect(await page.textContent('h1')).toBe('Welcome to SvelteKit');
+});
diff --git a/apps/kit/tsconfig.json b/apps/kit/tsconfig.json
new file mode 100644
index 0000000..ed68025
--- /dev/null
+++ b/apps/kit/tsconfig.json
@@ -0,0 +1,35 @@
+{
+  "extends": "./.svelte-kit/tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true,
+    "lib": [
+      "es2021",
+      "dom",
+      "es6"
+    ],
+    "paths": {
+      "$lib/*": [
+        "./src/lib/*"
+      ],
+    },
+    "types": [
+      "bun-types"
+    ]
+  },
+  "include": [
+    "./**/*.d.ts",
+    "./**/*.ts",
+    "./**/*.js",
+    "./**/*.svelte"
+  ],
+  "exclude": [
+    "./node_modules"
+  ]
+}
+\ No newline at end of file
diff --git a/apps/kit/vite.config.js b/apps/kit/vite.config.js
new file mode 100644
index 0000000..f777f75
--- /dev/null
+++ b/apps/kit/vite.config.js
@@ -0,0 +1,14 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+
+/** @type {import('vite').UserConfig} */
+const config = {
+	plugins: [sveltekit()],
+	build: { target: "es2020" },
+	optimizeDeps: {
+		esbuildOptions: {
+			target: "es2020"
+		}
+	}
+};
+
+export default config;
diff --git a/apps/portal/.version b/apps/portal/.version
deleted file mode 100644
index 2a3638d..0000000
--- a/apps/portal/.version
+++ /dev/null
@@ -1 +0,0 @@
-v3-portal
diff --git a/apps/portal/.version-dev b/apps/portal/.version-dev
deleted file mode 100644
index d5c9e03..0000000
--- a/apps/portal/.version-dev
+++ /dev/null
@@ -1 +0,0 @@
-v24-portal-dev
diff --git a/apps/portal/CHANGELOG.md b/apps/portal/CHANGELOG.md
deleted file mode 100644
index 395fd25..0000000
--- a/apps/portal/CHANGELOG.md
+++ /dev/null
@@ -1,135 +0,0 @@
-# Changelog
-
-## [unreleased]
-
-### Bug Fixes
-
-- Correct path to BASE_DOMAIN
-
-### Miscellaneous Tasks
-
-- Bump version
-- Update CHANGELOG.md for v19-portal-dev
-
-## [unreleased]
-
-### Bug Fixes
-
-- Inherit radius on svg to align styling with other theme figure icons
-
-### Features
-
-- Work in progress more module data models
-- Add inital translation support
-- Add link to BASE_DOMAIN on every public page in portal
-- Centre guarded portal pages
-- Add link to BASE_DOMAIN on every public page in portal
-- Set a max width on the portal layout
-
-### Miscellaneous Tasks
-
-- Bump version
-- Update CHANGELOG.md for v10-projects-dev
-- Bump version
-- Update CHANGELOG.md for v8-frontpage-dev
-- Bump version
-- Update CHANGELOG.md for v7-frontpage-dev
-- Bump version
-- Update CHANGELOG.md for v9-projects-dev
-- Bump version
-- Update CHANGELOG.md for v8-projects-dev
-- Bump version
-- Update CHANGELOG.md for v18-portal-dev
-
-### Refactor
-
-- Use dev.greatoffice.life as BASE_DOMAIN while in development-phase
-- Remove all transitions on theme-switcher
-- Put pre.css inside of style tags so that we dont have to wait for the second request on pre.css to show the loader and theme
-- Temporarily disable user deletion from within projects
-
-## [unreleased]
-
-### Features
-
-- More work on portal
-- Implement new theme switcher component and backend
-
-### Miscellaneous Tasks
-
-- Bump version
-- Update CHANGELOG.md for v7-projects-dev
-- Bump version
-- Update CHANGELOG.md for v17-portal-dev
-
-## [unreleased]
-
-### Features
-
-- Seperate layout for docs
-- New frontpage
-- !WIP start implementation of svelte-query
-
-### Miscellaneous Tasks
-
-- Bump version
-- Update CHANGELOG.md for v6-frontpage-dev
-- Bump version
-- Update CHANGELOG.md for v5-frontpage-dev
-- Bump version
-- Update CHANGELOG.md for v4-frontpage-dev
-- Bump version
-- Bump version
-- Bump version
-- Update CHANGELOG.md for v41-server-dev
-- Bump version
-- Update CHANGELOG.md for v40-server-dev
-- Bump version
-- Update CHANGELOG.md for v39-server-dev
-- Bump version
-- Remove logging of quartz db host
-- Update CHANGELOG.md for v6-projects-dev
-- Bump version
-- Bump version
-- Bump version
-- Update CHANGELOG.md for v38-server-dev
-- Bump version
-- Update CHANGELOG.md for v22-server
-- Bump version
-- Update CHANGELOG.md for v16-portal-dev
-
-### Refactor
-
-- Update style on portal forms
-- Implement caching in VaultService and use VaultService instead of IOptions
-- Use Vault to get configuration
-- Use Vault to get configuration
-- Small changes on button style
-- Add a small box-shadow
-
-## [unreleased]
-
-### Bug Fixes
-
-- !WIP flickering dropdown on multi dropdowns with new focus strategy
-- Fix route matching when deciding which tab is open
-
-### Miscellaneous Tasks
-
-- Bump version
-- Bump version
-- Update CHANGELOG.md for v15-portal-dev
-
-### Refactor
-
-- Dont loose focus on search input when navigating results
-- Make optional base fields nullable
-- Remove text
-
-## [unreleased]
-
-### Miscellaneous Tasks
-
-- Bump version
-- Update CHANGELOG.md for v14-portal-dev
-
diff --git a/apps/portal/build_and_push.sh b/apps/portal/build_and_push.sh
deleted file mode 100755
index b3d827d..0000000
--- a/apps/portal/build_and_push.sh
+++ /dev/null
@@ -1,76 +0,0 @@
-#!/usr/bin/env bash
-
-set -Eueo pipefail
-
-APP_NAME="portal";
-CURRENT_DEV_VERSION=$(cat .version-dev)
-CURRENT_DEV_VERSION_INT=${CURRENT_DEV_VERSION//[!0-9]/}
-CURRENT_VERSION=$(cat .version)
-CURRENT_VERSION_INT=${CURRENT_VERSION//[!0-9]/}
-if [ ${1-prod} == "dev" ]; then
-     NEW_VERSION="v$((CURRENT_DEV_VERSION_INT+1))-$APP_NAME-dev"
-     OLD_VERSION=$CURRENT_DEV_VERSION
-else
-     NEW_VERSION="v$((CURRENT_VERSION_INT+1))-$APP_NAME"
-     OLD_VERSION=$CURRENT_VERSION
-fi
-# Check for uncommited changes and optionally commit them
-if [ "$(git status --untracked-files=no --porcelain)" ]; then
-  echo "Unclean git tree! press CTRL+C to exit or press ENTER to commit and push to the default branch"
-  read -n 1
-
-  read -p "Enter commit message: " COMMIT_MESSAGE
-  git add ../../
-  git commit --quiet -m "$COMMIT_MESSAGE"
-fi
-
-if [ ${1-prod} == "dev" ]; then
-    echo $NEW_VERSION >| .version-dev
-    git add .version-dev
-else
-    echo $NEW_VERSION >| .version
-    git add .version
-fi
-
-echo "Starting build of $APP_NAME@$NEW_VERSION at $(date -u)..."
-echo
-
-git commit --quiet -m "chore(release): Bump version";
-
-read -p "Do you want to tag this build? (y/n) " -n 1 -r
-echo
-if [[ $REPLY =~ ^[Yy]$ ]]
-then
-    read -p "Enter tag message (can be empty): " TAG_MESSAGE
-#    commit_msg="chore(release): Update CHANGELOG.md for $NEW_VERSION"
-#    git cliff -r ../../ $OLD_VERSION..HEAD --prepend CHANGELOG.md
-#    git add CHANGELOG.md
-#    git commit --quiet -m "$commit_msg";
-    git tag -am "$TAG_MESSAGE" $NEW_VERSION
-fi
-
-read -p "Do you want to push the latest commits and tags to origin? (y/n) " -n 1 -r
-echo
-if [[ $REPLY =~ ^[Yy]$ ]]
-then
-    echo "Pushing latest changes to remotes..."
-    echo
-    git push --quiet --follow-tags
-fi
-
-pushd src
-pnpm run build
-
-cd build
-echo "$NEW_VERSION" >version.txt
-
-
-if [ ${1-prod} == "dev" ]; then
-  scp -r * contabo-fast-1:services/public/portal.dev.greatoffice.life/www
-else
-  echo "Pushing to production in 10 sec, press CTRL+C to cancel"
-  sleep 10
-  scp -r * contabo-fast-1:services/public/portal.greatoffice.life/www
-fi
-
-popd
diff --git a/apps/portal/cliff.toml b/apps/portal/cliff.toml
deleted file mode 100644
index 7299951..0000000
--- a/apps/portal/cliff.toml
+++ /dev/null
@@ -1,62 +0,0 @@
-# configuration file for git-cliff (0.1.0)
-
-[changelog]
-# changelog header
-header = """
-# Changelog\n
-"""
-# template for the changelog body
-# https://tera.netlify.app/docs/#introduction
-body = """
-{% if version %}\
-    ## [{{ version | trim_start_matches(pat="v") }}] - {{ timestamp | date(format="%Y-%m-%d") }}
-{% else %}\
-    ## [unreleased]
-{% endif %}\
-{% for group, commits in commits | group_by(attribute="group") %}
-    ### {{ group | upper_first }}
-    {% for commit in commits %}
-        - {% if commit.breaking %}[**breaking**] {% endif %}{{ commit.message | upper_first }}\
-    {% endfor %}
-{% endfor %}\n
-"""
-# remove the leading and trailing whitespace from the template
-trim = true
-# changelog footer
-footer = """
-<!-- generated by git-cliff -->
-"""
-
-[git]
-# parse the commits based on https://www.conventionalcommits.org
-conventional_commits = true
-# filter out the commits that are not conventional
-filter_unconventional = true
-# regex for preprocessing the commit messages
-commit_preprocessors = [
-    { pattern = "([ \\n])(([a-f0-9]{7})[a-f0-9]*)", replace = "${1}commit # [${3}](https://git.ivar.systems/greatoffice/commit/${2})" },
-    { pattern = "https://git.ivar.systems/greatoffice/commit/([a-f0-9]{7})[a-f0-9]*", replace = "commit # [${1}](${0})" },
-]
-# regex for parsing and grouping commits
-commit_parsers = [
-    { message = "^feat", group = "Features" },
-    { message = "^fix", group = "Bug Fixes" },
-    { message = "^doc", group = "Documentation" },
-    { message = "^perf", group = "Performance" },
-    { message = "^refactor", group = "Refactor" },
-    { message = "^style", group = "Styling" },
-    { message = "^test", group = "Testing" },
-    { message = "^chore", group = "Miscellaneous Tasks" },
-]
-# filter out the commits that are not matched by commit parsers
-filter_commits = true
-# glob pattern for matching git tags
-tag_pattern = "v.*"
-# regex for skipping tags
-skip_tags = "v0.1.0-beta.1"
-# regex for ignoring tags
-ignore_tags = ""
-# sort the tags chronologically
-date_order = true
-# sort the commits inside sections by oldest/newest order
-sort_commits = "newest"
diff --git a/apps/portal/src/_assets/preload.css b/apps/portal/src/_assets/preload.css
deleted file mode 120000
index e248c5b..0000000
--- a/apps/portal/src/_assets/preload.css
+++ /dev/null
@@ -1 +0,0 @@
-/Users/ivarlovlie/i2r/greatoffice/apps/web-shared/src/assets/preload.css
-\ No newline at end of file
diff --git a/apps/portal/src/_assets/preload.js b/apps/portal/src/_assets/preload.js
deleted file mode 120000
index 3fa1cc7..0000000
--- a/apps/portal/src/_assets/preload.js
+++ /dev/null
@@ -1 +0,0 @@
-/Users/ivarlovlie/i2r/greatoffice/apps/web-shared/src/assets/preload.js
-\ No newline at end of file
diff --git a/apps/portal/src/_assets/pwa/android-chrome-192x192.png b/apps/portal/src/_assets/pwa/android-chrome-192x192.png
deleted file mode 100644
index 5c098bc..0000000
--- a/apps/portal/src/_assets/pwa/android-chrome-192x192.png
+++ /dev/null
diff --git a/apps/portal/src/_assets/pwa/android-chrome-512x512.png b/apps/portal/src/_assets/pwa/android-chrome-512x512.png
deleted file mode 100644
index 973a1c3..0000000
--- a/apps/portal/src/_assets/pwa/android-chrome-512x512.png
+++ /dev/null
diff --git a/apps/portal/src/_assets/pwa/apple-touch-icon.png b/apps/portal/src/_assets/pwa/apple-touch-icon.png
deleted file mode 100644
index b4d9773..0000000
--- a/apps/portal/src/_assets/pwa/apple-touch-icon.png
+++ /dev/null
diff --git a/apps/portal/src/_assets/pwa/browserconfig.xml b/apps/portal/src/_assets/pwa/browserconfig.xml
deleted file mode 100644
index b3930d0..0000000
--- a/apps/portal/src/_assets/pwa/browserconfig.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
-    <msapplication>
-        <tile>
-            <square150x150logo src="/mstile-150x150.png"/>
-            <TileColor>#da532c</TileColor>
-        </tile>
-    </msapplication>
-</browserconfig>
diff --git a/apps/portal/src/_assets/pwa/favicon-16x16.png b/apps/portal/src/_assets/pwa/favicon-16x16.png
deleted file mode 100644
index 5dde9f9..0000000
--- a/apps/portal/src/_assets/pwa/favicon-16x16.png
+++ /dev/null
diff --git a/apps/portal/src/_assets/pwa/favicon-32x32.png b/apps/portal/src/_assets/pwa/favicon-32x32.png
deleted file mode 100644
index 9cef4c4..0000000
--- a/apps/portal/src/_assets/pwa/favicon-32x32.png
+++ /dev/null
diff --git a/apps/portal/src/_assets/pwa/favicon.ico b/apps/portal/src/_assets/pwa/favicon.ico
deleted file mode 100644
index 89c7542..0000000
--- a/apps/portal/src/_assets/pwa/favicon.ico
+++ /dev/null
diff --git a/apps/portal/src/_assets/pwa/favicon.svg b/apps/portal/src/_assets/pwa/favicon.svg
deleted file mode 100644
index 964dbb8..0000000
--- a/apps/portal/src/_assets/pwa/favicon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stopwatch" viewBox="0 0 16 16">
-  <path d="M8.5 5.6a.5.5 0 1 0-1 0v2.9h-3a.5.5 0 0 0 0 1H8a.5.5 0 0 0 .5-.5V5.6z"/>
-  <path d="M6.5 1A.5.5 0 0 1 7 .5h2a.5.5 0 0 1 0 1v.57c1.36.196 2.594.78 3.584 1.64a.715.715 0 0 1 .012-.013l.354-.354-.354-.353a.5.5 0 0 1 .707-.708l1.414 1.415a.5.5 0 1 1-.707.707l-.353-.354-.354.354a.512.512 0 0 1-.013.012A7 7 0 1 1 7 2.071V1.5a.5.5 0 0 1-.5-.5zM8 3a6 6 0 1 0 .001 12A6 6 0 0 0 8 3z"/>
-</svg>
-\ No newline at end of file
diff --git a/apps/portal/src/_assets/pwa/manifest.json b/apps/portal/src/_assets/pwa/manifest.json
deleted file mode 100644
index 4c550fe..0000000
--- a/apps/portal/src/_assets/pwa/manifest.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "manifest_version": 2,
-  "version": "0.1",
-  "name": "Time Tracker",
-  "short_name": "Time Tracker",
-  "display": "standalone",
-  "background_color": "#fff",
-  "theme_color": "#4D3DF7",
-  "start_url": ".",
-  "orientation": "portrait",
-  "icons": [
-    {
-      "src": "/favicon.svg",
-      "purpose": "maskable any",
-      "sizes": "any"
-    },
-    {
-      "src": "/pwa/android-chrome-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "/pwa/android-chrome-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ]
-}
diff --git a/apps/portal/src/_assets/pwa/mstile-144x144.png b/apps/portal/src/_assets/pwa/mstile-144x144.png
deleted file mode 100644
index 84d94cb..0000000
--- a/apps/portal/src/_assets/pwa/mstile-144x144.png
+++ /dev/null
diff --git a/apps/portal/src/_assets/pwa/mstile-150x150.png b/apps/portal/src/_assets/pwa/mstile-150x150.png
deleted file mode 100644
index b1398ae..0000000
--- a/apps/portal/src/_assets/pwa/mstile-150x150.png
+++ /dev/null
diff --git a/apps/portal/src/_assets/pwa/mstile-310x150.png b/apps/portal/src/_assets/pwa/mstile-310x150.png
deleted file mode 100644
index 76b16a0..0000000
--- a/apps/portal/src/_assets/pwa/mstile-310x150.png
+++ /dev/null
diff --git a/apps/portal/src/_assets/pwa/mstile-310x310.png b/apps/portal/src/_assets/pwa/mstile-310x310.png
deleted file mode 100644
index d8e4097..0000000
--- a/apps/portal/src/_assets/pwa/mstile-310x310.png
+++ /dev/null
diff --git a/apps/portal/src/_assets/pwa/mstile-70x70.png b/apps/portal/src/_assets/pwa/mstile-70x70.png
deleted file mode 100644
index 0df1e8c..0000000
--- a/apps/portal/src/_assets/pwa/mstile-70x70.png
+++ /dev/null
diff --git a/apps/portal/src/_assets/pwa/safari-pinned-tab.svg b/apps/portal/src/_assets/pwa/safari-pinned-tab.svg
deleted file mode 100644
index ba2220c..0000000
--- a/apps/portal/src/_assets/pwa/safari-pinned-tab.svg
+++ /dev/null
@@ -1,50 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.14, written by Peter Selinger 2001-2017
-</metadata>
-<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M3195 6780 c-116 -3 -211 -10 -226 -17 -39 -17 -105 -98 -116 -142
--19 -72 -2 -146 45 -202 26 -31 96 -69 131 -72 25 -2 31 -6 32 -27 1 -27 1
--198 0 -216 -1 -6 -47 -19 -103 -28 -160 -28 -451 -107 -533 -146 -11 -5 -51
--21 -90 -36 -60 -23 -246 -112 -325 -155 -431 -236 -834 -619 -1101 -1045
--207 -328 -364 -733 -423 -1089 -51 -307 -61 -583 -31 -875 26 -261 119 -615
-225 -861 185 -430 432 -773 800 -1108 75 -69 387 -301 405 -301 1 0 33 -18 70
--40 209 -128 602 -288 796 -325 12 -2 29 -7 39 -10 72 -23 273 -56 435 -73
-144 -14 601 -5 658 13 7 2 37 7 67 10 273 33 616 141 904 283 725 357 1275
-982 1542 1754 55 159 113 395 129 523 4 28 8 57 10 65 2 8 7 47 10 85 3 39 8
-93 10 120 6 66 6 327 0 390 -2 28 -7 82 -10 120 -3 39 -11 99 -16 135 -6 36
--13 79 -16 95 -15 98 -61 279 -103 405 -121 372 -298 694 -542 993 -27 32 -48
-61 -48 65 0 4 35 41 78 84 l77 76 90 -90 c53 -54 108 -99 134 -110 62 -28 130
--25 191 8 95 52 135 151 103 257 -13 46 -44 79 -362 397 -322 323 -351 349
--398 363 -148 44 -287 -61 -285 -215 1 -62 35 -118 126 -208 47 -47 86 -87 86
--90 0 -6 -91 -101 -132 -138 l-25 -23 -46 38 c-264 223 -584 405 -924 528 -92
-34 -320 100 -376 109 -15 3 -35 7 -45 10 -9 3 -34 7 -54 10 -86 13 -113 18
--117 22 -2 2 -4 56 -4 121 l0 118 29 9 c66 19 114 47 139 80 72 95 65 215 -18
-296 -58 56 -83 60 -402 63 -159 1 -380 0 -490 -3z m560 -1104 c224 -24 547
--99 670 -156 11 -5 56 -24 100 -41 90 -37 282 -134 306 -155 8 -8 19 -14 23
--14 13 0 192 -124 286 -199 97 -77 297 -270 364 -351 237 -288 405 -598 509
--941 30 -98 44 -157 72 -299 3 -14 8 -47 11 -75 3 -27 7 -56 10 -63 22 -69 21
--519 -1 -642 -1 -8 -6 -40 -10 -70 -4 -30 -9 -64 -11 -75 -2 -11 -7 -33 -10
--50 -3 -16 -14 -66 -26 -110 -11 -44 -21 -84 -22 -90 -18 -79 -93 -275 -154
--408 -39 -83 -158 -296 -171 -307 -3 -3 -26 -34 -50 -70 -116 -169 -312 -384
--466 -508 -38 -32 -78 -65 -89 -74 -25 -22 -229 -160 -281 -189 -177 -99 -405
--197 -570 -244 -126 -36 -305 -74 -375 -81 -19 -2 -48 -5 -65 -8 -121 -22
--509 -22 -618 0 -12 2 -42 6 -67 10 -369 45 -795 215 -1125 448 -192 135 -399
-326 -517 476 -23 30 -48 61 -55 67 -57 60 -227 336 -291 473 -64 135 -150 365
--167 444 -2 12 -6 30 -9 41 -28 120 -36 156 -41 193 -3 24 -7 53 -10 65 -32
-148 -38 552 -10 707 2 14 7 45 10 70 33 274 160 643 313 910 60 106 201 312
-232 340 3 3 23 28 45 55 22 28 85 96 140 151 347 352 768 590 1252 709 56 14
-118 27 137 30 20 2 61 9 93 14 32 6 92 13 133 17 41 3 76 7 77 8 6 5 368 -2
-428 -8z"/>
-<path d="M3423 4754 c-45 -17 -95 -61 -121 -109 -15 -27 -17 -93 -19 -650 -1
--341 -2 -641 -3 -666 l0 -47 -679 0 -679 -1 -49 -24 c-59 -30 -76 -49 -104
--112 -54 -122 23 -270 154 -293 23 -5 400 -8 837 -7 l795 1 42 22 c52 27 98
-82 112 136 8 29 10 273 9 826 -3 854 1 796 -59 867 -53 63 -153 87 -236 57z"/>
-</g>
-</svg>
diff --git a/apps/portal/src/app/components/user-menu.svelte b/apps/portal/src/app/components/user-menu.svelte
deleted file mode 100644
index b0cfc8a..0000000
--- a/apps/portal/src/app/components/user-menu.svelte
+++ /dev/null
@@ -1,70 +0,0 @@
-<script>
-	import {end_session} from "$shared/lib/session";
-	import {onMount} from "svelte";
-	import {Menu, MenuItem, MenuItemSeparator} from "$shared/components/menu";
-	import {replace} from "svelte-spa-router";
-
-	let userMenuTrigger;
-	let showUserMenu = false;
-
-	export let avatar = "";
-	export let name;
-	export let secondary = "";
-	let userMenuId;
-
-	async function on_logout() {
-		await end_session(() => {
-			replace("/login");
-		});
-	}
-
-	onMount(() => {
-		userMenuTrigger = document.getElementById("open-user-menu");
-	});
-</script>
-
-<button class="reset user-menu-control"
-        id="open-user-menu"
-        aria-controls="{userMenuId}"
-        on:click={() => showUserMenu = true}>
-    {#if avatar}
-        <figure class="user-menu-control__img-wrapper radius-50%">
-            <img class="user-menu-control__img"
-                 src="{avatar}"
-                 alt="Avatar">
-        </figure>
-    {/if}
-
-    <div class="margin-x-xs user-menu__meta">
-        <p class="user-menu__meta-title text-sm line-height-1 padding-y-xxxxs font-semibold color-contrast-higher text-truncate">{name}</p>
-        {#if secondary}
-            <p class="text-xs color-contrast-medium line-height-1 padding-bottom-xxxxs">{secondary}</p>
-        {/if}
-    </div>
-
-    <svg class="icon icon--xxs"
-         aria-hidden="true"
-         viewBox="0 0 12 12">
-        <polyline points="1 4 6 9 11 4"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="2"/>
-    </svg>
-</button>
-
-<Menu trigger={userMenuTrigger}
-      bind:id={userMenuId}
-      bind:show="{showUserMenu}">
-    <div slot="options">
-        <MenuItem on:click={() => replace("/profile")}>
-            <span>Profile</span>
-        </MenuItem>
-        <MenuItemSeparator/>
-        <MenuItem danger="true"
-                  on:click={() => on_logout()}>
-            Logout
-        </MenuItem>
-    </div>
-</Menu>
diff --git a/apps/portal/src/app/index.d.ts b/apps/portal/src/app/index.d.ts
deleted file mode 100644
index c044583..0000000
--- a/apps/portal/src/app/index.d.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Use this file to declare any custom file extensions for importing */
-/* Use this folder to also add/extend a package d.ts file, if needed. */
-
-/* CSS MODULES */
-declare module "*.module.css" {
-    const classes: { [key: string]: string };
-    export default classes;
-}
-declare module "*.module.scss" {
-    const classes: { [key: string]: string };
-    export default classes;
-}
-
-/* CSS */
-declare module "*.css";
-declare module "*.scss";
-
-/* IMAGES */
-declare module "*.svg" {
-    const ref: string;
-    export default ref;
-}
-declare module "*.bmp" {
-    const ref: string;
-    export default ref;
-}
-declare module "*.gif" {
-    const ref: string;
-    export default ref;
-}
-declare module "*.jpg" {
-    const ref: string;
-    export default ref;
-}
-declare module "*.jpeg" {
-    const ref: string;
-    export default ref;
-}
-declare module "*.png" {
-    const ref: string;
-    export default ref;
-}
-
-/* CUSTOM: ADD YOUR OWN HERE */
-declare module "*.svelte" {
-    const value: any;
-    export default value;
-}
diff --git a/apps/portal/src/app/index.scss b/apps/portal/src/app/index.scss
deleted file mode 100644
index 718adf2..0000000
--- a/apps/portal/src/app/index.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-@use '../../web-shared/src/styles/base'as * with ($breakpoints: ('xs': "768px",
-    'sm': "768px",
-    'md': "1200px",
-    'lg': "1200px",
-    'xl': "1600px",
-  ),
-  $grid-columns: 12);
-
-@use '../../web-shared/src/styles/custom-style/colors';
-@use '../../web-shared/src/styles/custom-style/spacing';
-@use '../../web-shared/src/styles/custom-style/shared-styles';
-@use '../../web-shared/src/styles/custom-style/typography';
-@use '../../web-shared/src/styles/custom-style/icons';
-@use '../../web-shared/src/styles/custom-style/buttons';
-@use '../../web-shared/src/styles/custom-style/forms';
-@use '../../web-shared/src/styles/custom-style/util';
-
-@use '../../web-shared/src/styles/components/radios-checkboxes';
-@use '../../web-shared/src/styles/components/btn-states';
-@use '../../web-shared/src/styles/components/alert';
-@use '../../web-shared/src/styles/components/details';
-@use '../../web-shared/src/styles/components/light-dark-switch';
-@use '../../web-shared/src/styles/components/link-card';
-@use '../../web-shared/src/styles/components/auto-sized-grid';
-@use '../../web-shared/src/styles/components/menu';
-@use '../../web-shared/src/styles/components/user-menu';
-@use '../../web-shared/src/styles/components/breadcrumbs';
diff --git a/apps/portal/src/app/index.svelte b/apps/portal/src/app/index.svelte
deleted file mode 100644
index af2b6d0..0000000
--- a/apps/portal/src/app/index.svelte
+++ /dev/null
@@ -1,87 +0,0 @@
-<svelte:options immutable={true}/>
-<svelte:window bind:online={online}/>
-
-<script>
-    import Router, {replace} from "svelte-spa-router";
-    import {wrap} from "svelte-spa-router/wrap";
-    import {is_active} from "$shared/lib/session";
-    import SignUp from "$app/pages/sign-up.svelte";
-    import Login from "$app/pages/login.svelte";
-    import Forgot from "$app/pages/forgot.svelte";
-    import Reset from "$app/pages/reset-password.svelte";
-    import Home from "$app/pages/home.svelte";
-    import ProfileHome from "$app/pages/profile/index.svelte";
-    import AdminHome from "$app/pages/admin/index.svelte";
-    import PreHeader from "$shared/components/pre-header.svelte";
-
-    let online = true;
-
-    const publicRoutes = ["/login", "/signup", "/reset-password", "/forgot"];
-    const guardedRoutes = ["/", "/home", "/profile", "/admin"];
-
-    async function user_is_logged_in(event) {
-        const isActive = await is_active();
-        if (!isActive && !publicRoutes.includes(event.route)) {
-            return false;
-        }
-        if (isActive && !guardedRoutes.includes(event.route)) {
-            await replace("/");
-        }
-        return true;
-    }
-
-    function route_guarded(event) {
-        if (!publicRoutes.includes(event.detail.route)) {
-            replace("/login");
-        }
-    }
-
-    const routes = {
-        "/login": wrap({
-            component: Login,
-            conditions: [user_is_logged_in],
-        }),
-        "/home": wrap({
-            component: Home,
-            conditions: [user_is_logged_in],
-        }),
-        "/admin": wrap({
-            component: AdminHome,
-            conditions: [user_is_logged_in],
-        }),
-        "/profile": wrap({
-            component: ProfileHome,
-            conditions: [user_is_logged_in],
-        }),
-        "/": wrap({
-            component: Home,
-            conditions: [user_is_logged_in],
-        }),
-        "/signup": wrap({
-            component: SignUp,
-            conditions: [user_is_logged_in],
-        }),
-        "/reset-password": wrap({
-            component: Reset,
-            conditions: [user_is_logged_in],
-        }),
-        "/forgot": wrap({
-            component: Forgot,
-            conditions: [user_is_logged_in],
-        })
-    };
-</script>
-
-<PreHeader show="{!online}">You seem to be offline, please check your internet connection.</PreHeader>
-
-<Router
-        {routes}
-        restoreScrollState={true}
-        on:conditionsFailed={route_guarded}
-        on:routeLoading={() => {
-            document.getElementById("loader").style.display = "inline-block";
-        }}
-        on:routeLoaded={() => {
-            document.getElementById("loader").style.display = "none";
-        }}
-/>
diff --git a/apps/portal/src/app/index.ts b/apps/portal/src/app/index.ts
deleted file mode 100644
index 0bfb30d..0000000
--- a/apps/portal/src/app/index.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import App from "./index.svelte";
-import "./index.scss";
-import {is_debug, is_development} from "$shared/lib/configuration";
-import {noop} from "$shared/lib/helpers";
-
-if (!is_development() && !is_debug()) {
-    console.log("%c Production; Suppressing logs", "background-color:yellow;color:black;font-size:18px;");
-    console.log = noop;
-}
-
-// @ts-ignore
-export default new App({
-    target: document.getElementById("root"),
-});
diff --git a/apps/portal/src/app/pages/_layout.svelte b/apps/portal/src/app/pages/_layout.svelte
deleted file mode 100644
index 8c75cb9..0000000
--- a/apps/portal/src/app/pages/_layout.svelte
+++ /dev/null
@@ -1,62 +0,0 @@
-<script>
-	import BlowoutToolbelt from "$shared/components/blowout-toolbelt.svelte";
-</script>
-
-<style>
-    #decoration {
-        position: absolute;
-        top: 0;
-        left: 0;
-        pointer-events: none;
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-        z-index: 1;
-    }
-
-    #decoration svg {
-        position: absolute;
-        top: 0;
-        left: 50%;
-        -webkit-transform: translateX(-50%);
-        transform: translateX(-50%);
-        width: 134%;
-        min-width: 1280px;
-        max-width: 1920px;
-        height: auto;
-    }
-</style>
-<BlowoutToolbelt/>
-
-<main class="container-fluid padding-x-xs padding-x-xxl@xs padding-y-md padding-y-lg@md max-width-sm">
-    <div class="z-index-2 position-relative">
-        <slot/>
-    </div>
-
-    <figure id="decoration"
-            class="z-index-1"
-            aria-hidden="true">
-        <svg class="color-contrast-higher opacity-10%"
-             viewBox="0 0 1920 450"
-             fill="none">
-            <g stroke="currentColor"
-               stroke-width="2"
-               stroke-linejoin="round"
-               stroke-linecap="round">
-                <path d="M1449 94.9993V3L1354 48.9995L1259 3V94.9993L1354 140.999L1449 94.9993Z"/>
-                <path d="M1639 94.9993V3L1544 48.9995L1449 3V94.9993L1544 140.999L1639 94.9993Z"/>
-                <path d="M1354 49.0002V141"/>
-                <path d="M1544 49.0002V141"/>
-                <path d="M1449 94.9995L1544 140.999L1449 186.999L1354 140.999L1449 94.9995Z"/>
-                <path d="M1544 141V232.999L1449 278.999L1354 232.999V141"/>
-                <path d="M1449 187V279"/>
-                <path d="M1544 264L1639 310L1544 355.999L1449 310L1544 264Z"/>
-                <path d="M1639 310V402L1544 447.999L1449 402V310"/>
-                <path d="M1544 356.001V448"/>
-                <path d="M1639 94.9995L1734 140.999L1639 186.999L1544 140.999L1639 94.9995Z"/>
-                <path d="M1734 141V232.999L1639 278.999L1544 232.999V141"/>
-                <path d="M1639 187V279"/>
-            </g>
-        </svg>
-    </figure>
-</main>
diff --git a/apps/portal/src/app/pages/_layout@loggedin.svelte b/apps/portal/src/app/pages/_layout@loggedin.svelte
deleted file mode 100644
index 44e2e4a..0000000
--- a/apps/portal/src/app/pages/_layout@loggedin.svelte
+++ /dev/null
@@ -1,75 +0,0 @@
-<script>
-	import BlowoutToolbelt from "$shared/components/blowout-toolbelt.svelte";
-    import {end_session, get_session_data} from "$shared/lib/session";
-    import {replace} from "svelte-spa-router";
-
-	const session = get_session_data();
-</script>
-
-<style>
-    #decoration {
-        position: absolute;
-        top: 0;
-        left: 0;
-        pointer-events: none;
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-        z-index: 1;
-    }
-
-    #decoration svg {
-        position: absolute;
-        top: 0;
-        left: 50%;
-        -webkit-transform: translateX(-50%);
-        transform: translateX(-50%);
-        width: 134%;
-        min-width: 1280px;
-        max-width: 1920px;
-        height: auto;
-    }
-</style>
-<BlowoutToolbelt/>
-<main class="container max-width-xl padding-x-xs padding-x-xxl@xs padding-y-md padding-y-lg@md">
-    <div class="z-index-2 position-relative">
-        <slot/>
-    </div>
-
-    <div class="flex flex-row gap-xs position-fixed left-0 top-0 margin-md z-index-2">
-        <span on:click={async () => {
-            if (confirm("Are you sure?")) await end_session(() => {
-                replace("/login");
-            })
-        }} class="btn btn--sm">
-            Logout
-        </span>
-    </div>
-
-    <figure id="decoration"
-            class="z-index-1"
-            aria-hidden="true">
-        <svg class="color-contrast-higher opacity-10%"
-             viewBox="0 0 1920 450"
-             fill="none">
-            <g stroke="currentColor"
-               stroke-width="2"
-               stroke-linejoin="round"
-               stroke-linecap="round">
-                <path d="M1449 94.9993V3L1354 48.9995L1259 3V94.9993L1354 140.999L1449 94.9993Z"/>
-                <path d="M1639 94.9993V3L1544 48.9995L1449 3V94.9993L1544 140.999L1639 94.9993Z"/>
-                <path d="M1354 49.0002V141"/>
-                <path d="M1544 49.0002V141"/>
-                <path d="M1449 94.9995L1544 140.999L1449 186.999L1354 140.999L1449 94.9995Z"/>
-                <path d="M1544 141V232.999L1449 278.999L1354 232.999V141"/>
-                <path d="M1449 187V279"/>
-                <path d="M1544 264L1639 310L1544 355.999L1449 310L1544 264Z"/>
-                <path d="M1639 310V402L1544 447.999L1449 402V310"/>
-                <path d="M1544 356.001V448"/>
-                <path d="M1639 94.9995L1734 140.999L1639 186.999L1544 140.999L1639 94.9995Z"/>
-                <path d="M1734 141V232.999L1639 278.999L1544 232.999V141"/>
-                <path d="M1639 187V279"/>
-            </g>
-        </svg>
-    </figure>
-</main>
diff --git a/apps/portal/src/app/pages/admin/index.svelte b/apps/portal/src/app/pages/admin/index.svelte
deleted file mode 100644
index f9b91d2..0000000
--- a/apps/portal/src/app/pages/admin/index.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<script>
-    import Layout from "../_layout@loggedin.svelte";
-    import {Bread, Crumb} from "$shared/components/breadcrumb";
-    import {push} from "svelte-spa-router";
-    
-</script>
-
-<Layout>
-    <Bread>
-        <Crumb name="Home"
-               withArrow="true"
-               isLink="true"
-               on:click={() => push("/")}/>
-        <Crumb name="Organisation"/>
-    </Bread>
-
-    <main class="max-width-sm"></main>
-</Layout>
diff --git a/apps/portal/src/app/pages/forgot.svelte b/apps/portal/src/app/pages/forgot.svelte
deleted file mode 100644
index 156deab..0000000
--- a/apps/portal/src/app/pages/forgot.svelte
+++ /dev/null
@@ -1,102 +0,0 @@
-<script>
-	import {onMount} from "svelte";
-	import {link} from "svelte-spa-router";
-	import {create_forgot_password_request} from "$shared/lib/api/user";
-	import {is_email} from "$shared/lib/helpers";
-	import Alert from "$shared/components/alert.svelte";
-	import Button from "$shared/components/button.svelte";
-	import Tile from "$shared/components/tile.svelte";
-	import Layout from "./_layout.svelte";
-
-	let isLoading = false;
-	let username;
-
-	const alert = {
-		title: "",
-		type: "",
-		message: "",
-		isVisible: false,
-		show(type, obj) {
-			alert.title = obj.title;
-			alert.message = obj.text;
-			alert.type = type;
-			alert.isVisible = true;
-			isLoading = false;
-		},
-		hide() {
-			alert.isVisible = false;
-			alert.title = "";
-			alert.message = "";
-			alert.type = "";
-			isLoading = false;
-		},
-	};
-
-	function is_valid() {
-		return is_email(username);
-	}
-
-	async function submit_form() {
-		if (isLoading) {
-			return;
-		}
-		if (is_valid()) {
-			isLoading = true;
-			const response = await create_forgot_password_request(username);
-			if (response.ok) {
-				alert.show("success", {
-					title: "Request is sent",
-					text: "If we find an account associated with this email address, you will receive an email with a reset link very soon.",
-				});
-			} else {
-				console.error(response.data);
-				alert.show("error", {
-					title: response.data?.title ?? "An error occured",
-					text: response.data?.text ?? "Please try again soon",
-				});
-			}
-		}
-	}
-
-	onMount(() => {
-		document.addEventListener("DOMContentLoaded", () => {
-			document.getElementById("email-address").focus();
-		});
-	});
-</script>
-
-<Layout>
-    <Tile>
-        <form on:submit|preventDefault={submit_form}
-              class="max-width-xxs">
-            <fieldset>
-                <legend class="form-legend">
-                    <span class="margin-bottom-xs text-xl">Send reset link</span> <br/>
-                    <span class="text-sm">... or <a href="/login"
-                                                    use:link>log in</a></span>
-                </legend>
-                <div class="margin-bottom-xs">
-                    <p>Provide your email address, and we'll send you a link to set your new password.</p>
-                </div>
-                <div class="margin-bottom-xxs max-width-xxs">
-                    <Alert visible={alert.isVisible}
-                           title={alert.title}
-                           message={alert.message}
-                           type={alert.type}/>
-                </div>
-                <div class="margin-bottom-xs">
-                    <input type="email"
-                           id="email-address"
-                           placeholder="Email address"
-                           class="form-control width-100%"
-                           bind:value={username}/>
-                </div>
-                <div class="flex justify-end">
-                    <Button text="Send reset link"
-                            type="primary"
-                            loading={isLoading}/>
-                </div>
-            </fieldset>
-        </form>
-    </Tile>
-</Layout>
diff --git a/apps/portal/src/app/pages/home.svelte b/apps/portal/src/app/pages/home.svelte
deleted file mode 100644
index 0e325ee..0000000
--- a/apps/portal/src/app/pages/home.svelte
+++ /dev/null
@@ -1,103 +0,0 @@
-<script>
-	import {projects_base} from "$shared/lib/configuration";
-	import {get_session_data} from "$shared/lib/session";
-	import {push} from "svelte-spa-router";
-	import Layout from "./_layout@loggedin.svelte";
-	import LinkCard from "$shared/components/link-card.svelte";
-    import Alert from "$shared/components/alert.svelte";
-	import {UserIcon, UsersIcon, WatchIcon, SendIcon, ListIcon} from "svelte-feather-icons";
-
-	let showUsers = true;
-	const session = get_session_data();
-</script>
-
-<Layout>
-    <div class="grid gap-md">
-        <div class="row">
-            <Alert closeable="true"
-                   closeableCooldown="~"
-                   id="welcome-note"
-                   title="Hello {session.profile?.username}" 
-                   message="This is your portal to Greatoffice, here you will find all your great apps and management options."/>
-        </div>
-        <div class="row">
-            <h2 class="margin-bottom-xs">Apps</h2>
-            <div class="grid-auto-md gap-sm">
-                <LinkCard name="Projects"
-                          description="The home for your projects"
-                          text="Open in a new tab"
-                          title="Open Projects"
-                          href="{projects_base()}">
-                    <figure slot="icon">
-                        <div class="bg-primary bg-opacity-10% padding-xs border-left border-primary border-2">
-                            <WatchIcon size="42"
-                                       class="color-primary"
-                                       strokeWidth="1.2"/>
-                        </div>
-                    </figure>
-                </LinkCard>
-                <LinkCard name="Tickets"
-                          description="The home for your tickets"
-                          class="c-disabled user-select-none"
-                          text="Coming soon"
-                          title="Open Tickets"
-                          href="{projects_base()}">
-                    <figure slot="icon">
-                        <div class="bg-primary bg-opacity-10% padding-xs border-left border-primary border-2">
-                            <SendIcon size="42"
-                                       class="color-primary"
-                                       strokeWidth="1.2"/>
-                        </div>
-                    </figure>
-                </LinkCard>
-                <LinkCard name="Todo"
-                          description="The home for your todos"
-                          class="c-disabled user-select-none"
-                          text="Coming soon"
-                          title="Open Todo"
-                          href="{projects_base()}">
-                    <figure slot="icon">
-                        <div class="bg-primary bg-opacity-10% padding-xs border-left border-primary border-2">
-                            <ListIcon size="42"
-                                       class="color-primary"
-                                       strokeWidth="1.2"/>
-                        </div>
-                    </figure>
-                </LinkCard>
-            </div>
-        </div>
-        <div class="row">
-            <h2 class="margin-bottom-xs">Manage</h2>
-            <div class="grid-auto-md gap-sm">
-                <LinkCard name="Profile"
-                          description="Manage your profile"
-                          text="Open"
-                          title="Go to your profile management page"
-                          on:click={() => push("/profile")}>
-                    <figure slot="icon">
-                        <div class="bg-primary bg-opacity-10% padding-xs border-left border-primary border-2">
-                            <UserIcon size="42"
-                                      class="color-primary"
-                                      strokeWidth="1.2"/>
-                        </div>
-                    </figure>
-                </LinkCard>
-                {#if showUsers}
-                    <LinkCard name="Organisation"
-                              description="Manage your organisation"
-                              title="Go to your organisations management page"
-                              text="Open"
-                              on:click={() => push("/admin")}>
-                        <figure slot="icon">
-                            <div class="bg-primary bg-opacity-10% padding-xs border-left border-primary border-2">
-                                <UsersIcon size="42"
-                                           class="color-primary"
-                                           strokeWidth="1.2"/>
-                            </div>
-                        </figure>
-                    </LinkCard>
-                {/if}
-            </div>
-        </div>
-    </div>
-</Layout>
diff --git a/apps/portal/src/app/pages/login.svelte b/apps/portal/src/app/pages/login.svelte
deleted file mode 100644
index 1ca6b61..0000000
--- a/apps/portal/src/app/pages/login.svelte
+++ /dev/null
@@ -1,142 +0,0 @@
-<script>
-	import {onMount} from "svelte";
-	import {link, replace, querystring} from "svelte-spa-router";
-	import {api_base, IconNames, frontpage_base} from "$shared/lib/configuration";
-	import Button from "$shared/components/button.svelte";
-	import Alert from "$shared/components/alert.svelte";
-	import Tile from "$shared/components/tile.svelte";
-	import {login} from "$shared/lib/api/user";
-	import {is_email} from "$shared/lib/helpers";
-	import Layout from "./_layout.svelte";
-
-	const loginForm = {
-		loading: false,
-		values: {
-			username: "",
-			password: "",
-            persist: true
-		},
-		alert: {
-			title: "",
-			type: "",
-			message: "",
-			isVisible: false,
-			show(type, obj) {
-				loginForm.alert.title = obj.title;
-				loginForm.alert.message = obj.text;
-				loginForm.alert.type = type;
-				loginForm.alert.isVisible = true;
-				loginForm.loading = false;
-			},
-			hide() {
-				loginForm.alert.isVisible = false;
-				loginForm.alert.title = "";
-				loginForm.alert.message = "";
-				loginForm.alert.type = "";
-			},
-		},
-		is_valid() {
-			return is_email(loginForm.values.username) && loginForm.values.password.length > 0;
-		},
-		async submit_form() {
-			if (loginForm.loading) {
-				return;
-			}
-			if (loginForm.is_valid()) {
-				loginForm.alert.hide();
-				loginForm.loading = true;
-				try {
-					const response = await login(loginForm.values);
-					if (response.ok) {
-						await replace("#/home");
-					} else {
-						if (response.data.title || response.data.text) {
-							loginForm.alert.show("error", {
-								title: response.data.title ?? "",
-								text: response.data.text ?? "",
-							});
-						} else {
-							loginForm.alert.show("error", {
-								title: "An unknown error occured",
-								text: "Try again soon",
-							});
-						}
-					}
-				} catch (e) {
-					loginForm.alert.show("error", {
-						title: "An error occured",
-						text: "Could not connect to server, please check your internet connection",
-					});
-				}
-			} else {
-				loginForm.alert.show("error", {
-					title: "Invalid form",
-				});
-			}
-		},
-	};
-
-	onMount(() => {
-		if ($querystring === "deleted") {
-			loginForm.alert.show("info", {
-				title: "Account deleted",
-				text: "Your account and all its data was successfully deleted.",
-			});
-		}
-		if ($querystring === "expired") {
-			loginForm.alert.show("info", {
-				title: "Session expired",
-				text: "Your session has expired, feel free to log in again.",
-			});
-		}
-	});
-</script>
-
-<Layout>
-    <a href="{frontpage_base()}" class="block margin-bottom-xs">Go to {frontpage_base()}</a>
-    <Tile>
-        <form on:submit|preventDefault={loginForm.submit_form}
-              class="max-width-xxs">
-            <fieldset>
-                <legend class="form-legend">
-                    <span class="margin-bottom-xs text-xl">Log into your account</span>
-                    <br/>
-                    <span class="text-sm">... or <a href="/signup"
-                                                    use:link>create a new one</a></span>
-                </legend>
-                <div class="margin-bottom-xxs max-width-xxs">
-                    <Alert visible={loginForm.alert.isVisible}
-                           title={loginForm.alert.title}
-                           message={loginForm.alert.message}
-                           type={loginForm.alert.type}/>
-                </div>
-                <div class="margin-bottom-xxs">
-                    <input type="email"
-                           placeholder="Email address"
-                           class="form-control width-100%"
-                           id="username"
-                           bind:value={loginForm.values.username}/>
-                </div>
-                <div class="margin-bottom-xxs">
-                    <input type="password"
-                           placeholder="Password"
-                           id="password"
-                           class="form-control width-100%"
-                           bind:value={loginForm.values.password}/>
-                    <div class="flex justify-end">
-                        <a tabindex="-1"
-                           class="text-sm"
-                           href="/forgot"
-                           use:link>Reset password</a>
-                    </div>
-                </div>
-                <div class="flex justify-between">
-                    <Button text="Login"
-                            type="submit"
-                            variant="primary"
-                            loading={loginForm.loading}/>
-                </div>
-            </fieldset>
-        </form>
-    </Tile>
-</Layout>
diff --git a/apps/portal/src/app/pages/profile/index.svelte b/apps/portal/src/app/pages/profile/index.svelte
deleted file mode 100644
index a7291d6..0000000
--- a/apps/portal/src/app/pages/profile/index.svelte
+++ /dev/null
@@ -1,167 +0,0 @@
-<script>
-    import {push} from "svelte-spa-router";
-    import {Bread, Crumb} from "$shared/components/breadcrumb/index";
-    import Layout from "$app/pages/_layout@loggedin.svelte";
-    import {update_profile} from "$shared/lib/api/user";
-    import Alert from "$shared/components/alert.svelte";
-    import Button from "$shared/components/button.svelte";
-    import {is_email} from "$shared/lib/helpers";
-    import {api_base} from "$shared/lib/configuration";
-    import {get_session_data} from "$shared/lib/session";
-
-    const archiveLink = api_base("_/account/archive");
-
-    let modal;
-    let understands = false;
-
-    let formIsLoading = false;
-    let formError;
-
-    let username = get_session_data()?.profile.username;
-    let usernameFieldMessage;
-    let usernameFieldMessageClass = "color-error";
-
-    let password;
-    let passwordFieldMessage;
-    let passwordFieldMessageClass = "color-error";
-
-    async function submit_form(e) {
-        e.preventDefault();
-        if (!username && !password) {
-            console.error("Not submitting because both values is empty");
-            return;
-        }
-
-        usernameFieldMessage = "";
-        passwordFieldMessage = "";
-
-        if (username && !is_email(username)) {
-            usernameFieldMessage = "Username has to be a valid email";
-            return;
-        }
-
-        if (password && password?.length < 6) {
-            passwordFieldMessage = "The new password must contain at least 6 characters";
-            return;
-        }
-
-        formIsLoading = true;
-
-        const response = await update_profile({
-            username,
-            password,
-        });
-
-        formIsLoading = false;
-
-        if (response.ok) {
-            if (password) {
-                passwordFieldMessage = "Successfully updated";
-                passwordFieldMessageClass = "color-success";
-                password = "";
-            }
-            if (username) {
-                usernameFieldMessage = "Successfully updated";
-                usernameFieldMessageClass = "color-success";
-                password = "";
-            }
-        } else {
-            formError = response.data.title ?? "An unknown error occured";
-        }
-    }
-
-    async function handle_delete_account_button_click() {
-        alert("Not implemented");
-        return;
-        if (understands && confirm("Are you absolutely sure that you want to delete your account?")) {
-        }
-    }
-
-    export const functions = {
-        open() {
-            modal.open();
-        },
-        close() {
-            // modal.close();
-        },
-    };
-</script>
-
-<Layout>
-    <Bread>
-        <Crumb name="Home"
-               withArrow="true"
-               isLink="true"
-               on:click={() => push("/")}/>
-        <Crumb name="Profile"/>
-    </Bread>
-
-    <main class="max-width-sm">
-        <section class="margin-bottom-md">
-            <p class="text-md margin-bottom-sm">Update your information</p>
-            <form on:submit={submit_form}
-                  autocomplete="new-password">
-                {#if formError}
-                    <small class="color-danger">{formError}</small>
-                {/if}
-                <div class="margin-bottom-sm">
-                    <label for="email"
-                           class="form-label margin-bottom-xxs">New username</label>
-                    <input type="email"
-                           class="form-control width-100%"
-                           id="email"
-                           placeholder={username}
-                           bind:value={username}/>
-                    {#if usernameFieldMessage}
-                        <small class={usernameFieldMessageClass}>{usernameFieldMessage}</small>
-                    {/if}
-                </div>
-                <div class="margin-bottom-sm">
-                    <label for="password"
-                           class="form-label margin-bottom-xxs">New password</label>
-                    <input type="password"
-                           class="form-control width-100%"
-                           id="password"
-                           bind:value={password}/>
-                    {#if passwordFieldMessage}
-                        <small class={passwordFieldMessageClass}>{passwordFieldMessage}</small>
-                    {/if}
-                </div>
-                <div class="flex justify-end">
-                    <Button text="Save"
-                            on:click={submit_form}
-                            variant="primary"
-                            loading={formIsLoading}/>
-                </div>
-            </form>
-        </section>
-        <section class="margin-bottom-md">
-            <p class="text-md margin-bottom-sm">Download your data</p>
-            <a class="btn btn--subtle"
-               href={archiveLink}
-               download>Click here to download your data</a>
-        </section>
-        <section>
-            <p class="text-md margin-bottom-sm">Delete account</p>
-            <div class="margin-bottom-sm">
-                <Alert
-                        message="Deleting your account and data means that all of your data (entries, categories, etc.) will be unrecoverable forever.<br>You should probably download your data before continuing."
-                        type="info"
-                />
-            </div>
-            <div class="form-check margin-bottom-sm">
-                <input type="checkbox"
-                       class="checkbox"
-                       id="the-consequences"
-                       bind:checked={understands}/>
-                <label for="the-consequences">I understand the consequences of deleting my account and data.</label>
-            </div>
-            <div class="flex justify-end">
-                <Button text="Delete everything"
-                        variant="accent"
-                        disabled={!understands}
-                        on:click={handle_delete_account_button_click}/>
-            </div>
-        </section>
-    </main>
-</Layout>
diff --git a/apps/portal/src/app/pages/reset-password.svelte b/apps/portal/src/app/pages/reset-password.svelte
deleted file mode 100644
index dabf5c9..0000000
--- a/apps/portal/src/app/pages/reset-password.svelte
+++ /dev/null
@@ -1,138 +0,0 @@
-<script>
-	import {querystring, link} from "svelte-spa-router";
-	import {check_forgot_password_request, fulfill_forgot_password_request} from "$shared/lib/api/user";
-	import Alert from "$shared/components/alert.svelte";
-	import Button from "$shared/components/button.svelte";
-	import Tile from "$shared/components/tile.svelte";
-	import Layout from "./_layout.svelte";
-
-	const requestId = new URLSearchParams($querystring).get("id");
-	let isLoading = false;
-	let newPassword;
-	let newPasswordError;
-	let alert = {
-		title: "",
-		type: "",
-		message: "",
-		isVisible: false,
-		show(type, obj) {
-			alert.title = obj.title;
-			alert.message = obj.text;
-			alert.type = type;
-			alert.isVisible = true;
-			isLoading = false;
-		},
-		hide() {
-			alert.isVisible = false;
-			alert.title = "";
-			alert.message = "";
-			alert.type = "";
-			isLoading = false;
-		},
-	};
-
-	function is_valid() {
-		let isValid = true;
-		if (!newPassword.length > 5) {
-			newPasswordError = "The new password must be at least 5 characters";
-			isValid = false;
-		}
-		return isValid;
-	}
-
-	async function submit() {
-		if (isLoading) {
-			return;
-		}
-		if (is_valid()) {
-			isLoading = true;
-			const response = await fulfill_forgot_password_request(requestId, newPassword);
-			if (response.ok) {
-				alert.show("success", {
-					title: "Your new password is set",
-					text: "<a href='/#/login'>Click here to log in</a>",
-				});
-			} else {
-				console.error(response.data);
-				alert.show("error", {
-					title: response.data?.title ?? "An error occured",
-					text: response.data?.text ?? "Please try again soon",
-				});
-			}
-		}
-	}
-
-	async function is_valid_password_reset_request() {
-		const response = await check_forgot_password_request(requestId);
-		if (response.ok) {
-			return response.data === true;
-		}
-		return false;
-	}
-</script>
-
-<Layout>
-    <Tile>
-        <form on:submit|preventDefault={submit}
-              class="max-width-xxs {isLoading ? 'c-disabled loading' : ''}">
-            {#if requestId}
-                {#await is_valid_password_reset_request()}
-                    <p>Checking your request...</p>
-                    <a href="/login"
-                       use:link>cancel</a>
-                {:then isActive}
-                    {#if isActive === true}
-                        <fieldset>
-                            <legend class="form-legend">
-                                <span class="margin-bottom-xs text-xl">Set your new password</span> <br/>
-                                <span class="text-sm">
-								... or
-								<a href="/login"
-                                   use:link> log in </a>
-							</span>
-                            </legend>
-                            <div class="margin-bottom-xxs max-width-xxs">
-                                <Alert visible={alert.isVisible}
-                                       title={alert.title}
-                                       message={alert.message}
-                                       type={alert.type}/>
-                            </div>
-                            <div class="margin-bottom-xs">
-                                <input
-                                        type="password"
-                                        id="new-password"
-                                        placeholder="New password"
-                                        class="form-control width-100%"
-                                        bind:value={newPassword}
-                                />
-                                {#if newPasswordError}
-                                    <small class="color-danger">{newPasswordError}</small>
-                                {/if}
-                            </div>
-                            <div class="flex justify-end">
-                                <Button text="Set new password"
-                                        type="primary"
-                                        loading={isLoading}
-                                        on:click={submit}/>
-                            </div>
-                        </fieldset>
-                    {:else}
-                        <Alert title="This request is expired"
-                               message="Please submit the forgot password form again"
-                               type="warning"/>
-                        <div class="flex justify-between width-100% margin-y-sm">
-                            <a href="/forgot"
-                               use:link>Go to forgot form</a>
-                            <a href="/login"
-                               use:link>Go to login form</a>
-                        </div>
-                    {/if}
-                {:catch _}
-                    <Alert title="An error occured"
-                           message="Please try again soon"
-                           type="error"/>
-                {/await}
-            {/if}
-        </form>
-    </Tile>
-</Layout>
diff --git a/apps/portal/src/app/pages/sign-up.svelte b/apps/portal/src/app/pages/sign-up.svelte
deleted file mode 100644
index 3bcab6d..0000000
--- a/apps/portal/src/app/pages/sign-up.svelte
+++ /dev/null
@@ -1,131 +0,0 @@
-<script>
-	import {create_account} from "$shared/lib/api/user";
-	import {frontpage_base} from "$shared/lib/configuration";
-	import {is_email} from "$shared/lib/helpers";
-	import Alert from "$shared/components/alert.svelte";
-	import Button from "$shared/components/button.svelte";
-	import Tile from "$shared/components/tile.svelte";
-	import {link} from "svelte-spa-router";
-	import Layout from "./_layout.svelte";
-
-	const signupForm = {
-		loading: false,
-		values: {
-			username: "",
-			password: "",
-		},
-		alert: {
-			title: "",
-			type: "",
-			message: "",
-			isVisible: false,
-			show(type, obj) {
-				signupForm.alert.title = obj.title;
-				signupForm.alert.message = obj.text;
-				signupForm.alert.type = type;
-				signupForm.alert.isVisible = true;
-				signupForm.loading = false;
-			},
-			hide() {
-				signupForm.alert.isVisible = false;
-				signupForm.alert.title = "";
-				signupForm.alert.message = "";
-				signupForm.alert.type = "";
-			},
-		},
-		is_valid() {
-			return (
-				is_email(signupForm.values.username) &&
-				signupForm.values.password.length > 0
-			);
-		},
-		async submit_form() {
-			if (signupForm.loading) {
-				return;
-			}
-			if (signupForm.is_valid()) {
-				signupForm.alert.hide();
-				signupForm.loading = true;
-				try {
-					const response = await create_account(signupForm.values);
-					if (response.ok) {
-						location.reload();
-					} else {
-						if (response.data.title || response.data.text) {
-							signupForm.alert.show("error", {
-								title: response.data.title ?? "",
-								text: response.data.text ?? "",
-							});
-						} else {
-							signupForm.alert.show("error", {
-								title: "An unknown error occured",
-								text: "Try again soon",
-							});
-						}
-					}
-				} catch (e) {
-					console.error(e);
-					signupForm.alert.show("error", {
-						title: "An error occured",
-						text: "Could not connect to server, please check your internet connection",
-					});
-				}
-			} else {
-				signupForm.alert.show("error", {
-					title: "Invalid form",
-				});
-			}
-		},
-	};
-</script>
-
-<Layout>
-    <a href="{frontpage_base()}"
-       class="block margin-bottom-xs">Go to {frontpage_base()}</a>
-    <Tile>
-        <form on:submit|preventDefault={signupForm.submit_form}
-              class="max-width-xxs">
-            <fieldset>
-                <legend class="form-legend">
-                    <span class="margin-bottom-xs text-xl">Create your account</span> <br/>
-                    <span class="text-sm"
-                    >... or <a href="/login"
-                               use:link>log in</a></span
-                    >
-                </legend>
-                <div class="margin-bottom-xs">
-                    <p>Provide an email and password to get immediate access to your new environment (30 days full access, no billing details required, no promotion emails).</p>
-                </div>
-                <div class="margin-bottom-xxs max-width-xxs">
-                    <Alert visible={signupForm.alert.isVisible}
-                           title={signupForm.alert.title}
-                           message={signupForm.alert.message}
-                           type={signupForm.alert.type}
-                    />
-                </div>
-                <div class="margin-bottom-xxs">
-                    <input type="email"
-                           placeholder="Email address"
-                           class="form-control width-100%"
-                           id="email-address"
-                           bind:value={signupForm.values.username}
-                    />
-                </div>
-                <div class="margin-bottom-xxs">
-                    <input type="password"
-                           placeholder="Password"
-                           class="form-control width-100%"
-                           bind:value={signupForm.values.password}
-                    />
-                </div>
-                <div class="flex justify-end">
-                    <Button class="margin-bottom-xs"
-                            text="Create account"
-                            type="primary"
-                            loading={signupForm.loading}
-                    />
-                </div>
-            </fieldset>
-        </form>
-    </Tile>
-</Layout>
diff --git a/apps/portal/src/index.html b/apps/portal/src/index.html
deleted file mode 100644
index 2102205..0000000
--- a/apps/portal/src/index.html
+++ /dev/null
@@ -1,55 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport"
-          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-    <link rel="apple-touch-icon"
-          sizes="180x180"
-          href="./_assets/pwa/apple-touch-icon.png">
-    <link rel="icon"
-          type="image/png"
-          sizes="32x32"
-          href="./_assets/pwa/favicon-32x32.png">
-    <link rel="icon"
-          type="image/png"
-          sizes="16x16"
-          href="./_assets/pwa/favicon-16x16.png">
-    <link rel="manifest"
-          href="./_assets/pwa/manifest.json">
-    <link rel="mask-icon"
-          href="./_assets/pwa/safari-pinned-tab.svg"
-          color="#5bbad5">
-    <meta name="msapplication-TileColor"
-          content="#da532c">
-    <link rel="icon"
-          href="./_assets/pwa/favicon.svg">
-    <link rel="stylesheet" href="./_assets/preload.css">
-    <script src="./_assets/preload.js"></script>
-    <title>Portal - Greatoffice</title>
-</head>
-
-<body>
-
-<noscript>
-    This page is built with javascript. Allow it and try again.
-</noscript>
-
-<div class="fill-loader fill-loader--v4"
-     id="loader"
-     role="alert">
-    <p class="fill-loader__label">Loading Portal...</p>
-    <div aria-hidden="true">
-        <div class="fill-loader__base"></div>
-        <div class="fill-loader__fill"></div>
-    </div>
-</div>
-
-<div id="root"></div>
-
-<script type="module"
-        src="./app/index.ts"></script>
-</body>
-
-</html>
diff --git a/apps/portal/src/package.json b/apps/portal/src/package.json
deleted file mode 100644
index 07800b3..0000000
--- a/apps/portal/src/package.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "name": "greatoffice-portal",
-  "version": "0.0.1",
-  "private": "true",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build"
-  },
-  "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "1.0.1",
-    "install": "^0.13.0",
-    "sass": "^1.54.0",
-    "svelte": "^3.49.0",
-    "svelte-feather-icons": "^4.0.0",
-    "svelte-preprocess": "^4.10.7",
-    "svelte-spa-router": "^3.2.0",
-    "typescript": "4.7.4",
-    "vite": "^3.0.4"
-  },
-  "dependencies": {
-    "@js-temporal/polyfill": "^0.4.2",
-    "fuzzysort": "^2.0.1"
-  }
-}
diff --git a/apps/portal/src/pnpm-lock.yaml b/apps/portal/src/pnpm-lock.yaml
deleted file mode 100644
index b091925..0000000
--- a/apps/portal/src/pnpm-lock.yaml
+++ /dev/null
@@ -1,787 +0,0 @@
-lockfileVersion: 5.4
-
-specifiers:
-  '@js-temporal/polyfill': ^0.4.2
-  '@sveltejs/vite-plugin-svelte': 1.0.1
-  fuzzysort: ^2.0.1
-  install: ^0.13.0
-  sass: ^1.54.0
-  svelte: ^3.49.0
-  svelte-feather-icons: ^4.0.0
-  svelte-preprocess: ^4.10.7
-  svelte-spa-router: ^3.2.0
-  typescript: 4.7.4
-  vite: ^3.0.4
-
-dependencies:
-  '@js-temporal/polyfill': 0.4.2
-  fuzzysort: 2.0.1
-
-devDependencies:
-  '@sveltejs/vite-plugin-svelte': 1.0.1_svelte@3.49.0+vite@3.0.4
-  install: 0.13.0
-  sass: 1.54.0
-  svelte: 3.49.0
-  svelte-feather-icons: 4.0.0
-  svelte-preprocess: 4.10.7_qqyngjnvpp2z5rj6eppfx7s47e
-  svelte-spa-router: 3.2.0
-  typescript: 4.7.4
-  vite: 3.0.4_sass@1.54.0
-
-packages:
-
-  /@js-temporal/polyfill/0.4.2:
-    resolution: {integrity: sha512-c85vRxyqnJaXKyf4tvYij8jwiVIZhNLYDI9C4LLuOwVEHf4HUqGg07BBn70Le71W193QT/vmKg3jPUyQxJRHKQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      jsbi: 4.3.0
-      tslib: 2.4.0
-    dev: false
-
-  /@rollup/pluginutils/4.2.1:
-    resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
-    engines: {node: '>= 8.0.0'}
-    dependencies:
-      estree-walker: 2.0.2
-      picomatch: 2.3.1
-    dev: true
-
-  /@sveltejs/vite-plugin-svelte/1.0.1_svelte@3.49.0+vite@3.0.4:
-    resolution: {integrity: sha512-PorCgUounn0VXcpeJu+hOweZODKmGuLHsLomwqSj+p26IwjjGffmYQfVHtiTWq+NqaUuuHWWG7vPge6UFw4Aeg==}
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      diff-match-patch: ^1.0.5
-      svelte: ^3.44.0
-      vite: ^3.0.0
-    peerDependenciesMeta:
-      diff-match-patch:
-        optional: true
-    dependencies:
-      '@rollup/pluginutils': 4.2.1
-      debug: 4.3.4
-      deepmerge: 4.2.2
-      kleur: 4.1.5
-      magic-string: 0.26.2
-      svelte: 3.49.0
-      svelte-hmr: 0.14.12_svelte@3.49.0
-      vite: 3.0.4_sass@1.54.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@types/node/18.6.3:
-    resolution: {integrity: sha512-6qKpDtoaYLM+5+AFChLhHermMQxc3TOEFIDzrZLPRGHPrLEwqFkkT5Kx3ju05g6X7uDPazz3jHbKPX0KzCjntg==}
-    dev: true
-
-  /@types/pug/2.0.6:
-    resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==}
-    dev: true
-
-  /@types/sass/1.43.1:
-    resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==}
-    dependencies:
-      '@types/node': 18.6.3
-    dev: true
-
-  /anymatch/3.1.2:
-    resolution: {integrity: sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==}
-    engines: {node: '>= 8'}
-    dependencies:
-      normalize-path: 3.0.0
-      picomatch: 2.3.1
-    dev: true
-
-  /balanced-match/1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
-    dev: true
-
-  /binary-extensions/2.2.0:
-    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /brace-expansion/1.1.11:
-    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
-    dependencies:
-      balanced-match: 1.0.2
-      concat-map: 0.0.1
-    dev: true
-
-  /braces/3.0.2:
-    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
-    engines: {node: '>=8'}
-    dependencies:
-      fill-range: 7.0.1
-    dev: true
-
-  /buffer-crc32/0.2.13:
-    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
-    dev: true
-
-  /chokidar/3.5.3:
-    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
-    engines: {node: '>= 8.10.0'}
-    dependencies:
-      anymatch: 3.1.2
-      braces: 3.0.2
-      glob-parent: 5.1.2
-      is-binary-path: 2.1.0
-      is-glob: 4.0.3
-      normalize-path: 3.0.0
-      readdirp: 3.6.0
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /concat-map/0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
-    dev: true
-
-  /debug/4.3.4:
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-    dependencies:
-      ms: 2.1.2
-    dev: true
-
-  /deepmerge/4.2.2:
-    resolution: {integrity: sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /detect-indent/6.1.0:
-    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /es6-promise/3.3.1:
-    resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
-    dev: true
-
-  /esbuild-android-64/0.14.51:
-    resolution: {integrity: sha512-6FOuKTHnC86dtrKDmdSj2CkcKF8PnqkaIXqvgydqfJmqBazCPdw+relrMlhGjkvVdiiGV70rpdnyFmA65ekBCQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-android-arm64/0.14.51:
-    resolution: {integrity: sha512-vBtp//5VVkZWmYYvHsqBRCMMi1MzKuMIn5XDScmnykMTu9+TD9v0NMEDqQxvtFToeYmojdo5UCV2vzMQWJcJ4A==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-darwin-64/0.14.51:
-    resolution: {integrity: sha512-YFmXPIOvuagDcwCejMRtCDjgPfnDu+bNeh5FU2Ryi68ADDVlWEpbtpAbrtf/lvFTWPexbgyKgzppNgsmLPr8PA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-darwin-arm64/0.14.51:
-    resolution: {integrity: sha512-juYD0QnSKwAMfzwKdIF6YbueXzS6N7y4GXPDeDkApz/1RzlT42mvX9jgNmyOlWKN7YzQAYbcUEJmZJYQGdf2ow==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-freebsd-64/0.14.51:
-    resolution: {integrity: sha512-cLEI/aXjb6vo5O2Y8rvVSQ7smgLldwYY5xMxqh/dQGfWO+R1NJOFsiax3IS4Ng300SVp7Gz3czxT6d6qf2cw0g==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-freebsd-arm64/0.14.51:
-    resolution: {integrity: sha512-TcWVw/rCL2F+jUgRkgLa3qltd5gzKjIMGhkVybkjk6PJadYInPtgtUBp1/hG+mxyigaT7ib+od1Xb84b+L+1Mg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-linux-32/0.14.51:
-    resolution: {integrity: sha512-RFqpyC5ChyWrjx8Xj2K0EC1aN0A37H6OJfmUXIASEqJoHcntuV3j2Efr9RNmUhMfNE6yEj2VpYuDteZLGDMr0w==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-linux-64/0.14.51:
-    resolution: {integrity: sha512-dxjhrqo5i7Rq6DXwz5v+MEHVs9VNFItJmHBe1CxROWNf4miOGoQhqSG8StStbDkQ1Mtobg6ng+4fwByOhoQoeA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-linux-arm/0.14.51:
-    resolution: {integrity: sha512-LsJynDxYF6Neg7ZC7748yweCDD+N8ByCv22/7IAZglIEniEkqdF4HCaa49JNDLw1UQGlYuhOB8ZT/MmcSWzcWg==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-linux-arm64/0.14.51:
-    resolution: {integrity: sha512-D9rFxGutoqQX3xJPxqd6o+kvYKeIbM0ifW2y0bgKk5HPgQQOo2k9/2Vpto3ybGYaFPCE5qTGtqQta9PoP6ZEzw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-linux-mips64le/0.14.51:
-    resolution: {integrity: sha512-vS54wQjy4IinLSlb5EIlLoln8buh1yDgliP4CuEHumrPk4PvvP4kTRIG4SzMXm6t19N0rIfT4bNdAxzJLg2k6A==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-linux-ppc64le/0.14.51:
-    resolution: {integrity: sha512-xcdd62Y3VfGoyphNP/aIV9LP+RzFw5M5Z7ja+zdpQHHvokJM7d0rlDRMN+iSSwvUymQkqZO+G/xjb4/75du8BQ==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-linux-riscv64/0.14.51:
-    resolution: {integrity: sha512-syXHGak9wkAnFz0gMmRBoy44JV0rp4kVCEA36P5MCeZcxFq8+fllBC2t6sKI23w3qd8Vwo9pTADCgjTSf3L3rA==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-linux-s390x/0.14.51:
-    resolution: {integrity: sha512-kFAJY3dv+Wq8o28K/C7xkZk/X34rgTwhknSsElIqoEo8armCOjMJ6NsMxm48KaWY2h2RUYGtQmr+RGuUPKBhyw==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-netbsd-64/0.14.51:
-    resolution: {integrity: sha512-ZZBI7qrR1FevdPBVHz/1GSk1x5GDL/iy42Zy8+neEm/HA7ma+hH/bwPEjeHXKWUDvM36CZpSL/fn1/y9/Hb+1A==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-openbsd-64/0.14.51:
-    resolution: {integrity: sha512-7R1/p39M+LSVQVgDVlcY1KKm6kFKjERSX1lipMG51NPcspJD1tmiZSmmBXoY5jhHIu6JL1QkFDTx94gMYK6vfA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-sunos-64/0.14.51:
-    resolution: {integrity: sha512-HoHaCswHxLEYN8eBTtyO0bFEWvA3Kdb++hSQ/lLG7TyKF69TeSG0RNoBRAs45x/oCeWaTDntEZlYwAfQlhEtJA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-windows-32/0.14.51:
-    resolution: {integrity: sha512-4rtwSAM35A07CBt1/X8RWieDj3ZUHQqUOaEo5ZBs69rt5WAFjP4aqCIobdqOy4FdhYw1yF8Z0xFBTyc9lgPtEg==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-windows-64/0.14.51:
-    resolution: {integrity: sha512-HoN/5HGRXJpWODprGCgKbdMvrC3A2gqvzewu2eECRw2sYxOUoh2TV1tS+G7bHNapPGI79woQJGV6pFH7GH7qnA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-windows-arm64/0.14.51:
-    resolution: {integrity: sha512-JQDqPjuOH7o+BsKMSddMfmVJXrnYZxXDHsoLHc0xgmAZkOOCflRmC43q31pk79F9xuyWY45jDBPolb5ZgGOf9g==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild/0.14.51:
-    resolution: {integrity: sha512-+CvnDitD7Q5sT7F+FM65sWkF8wJRf+j9fPcprxYV4j+ohmzVj2W7caUqH2s5kCaCJAfcAICjSlKhDCcvDpU7nw==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      esbuild-android-64: 0.14.51
-      esbuild-android-arm64: 0.14.51
-      esbuild-darwin-64: 0.14.51
-      esbuild-darwin-arm64: 0.14.51
-      esbuild-freebsd-64: 0.14.51
-      esbuild-freebsd-arm64: 0.14.51
-      esbuild-linux-32: 0.14.51
-      esbuild-linux-64: 0.14.51
-      esbuild-linux-arm: 0.14.51
-      esbuild-linux-arm64: 0.14.51
-      esbuild-linux-mips64le: 0.14.51
-      esbuild-linux-ppc64le: 0.14.51
-      esbuild-linux-riscv64: 0.14.51
-      esbuild-linux-s390x: 0.14.51
-      esbuild-netbsd-64: 0.14.51
-      esbuild-openbsd-64: 0.14.51
-      esbuild-sunos-64: 0.14.51
-      esbuild-windows-32: 0.14.51
-      esbuild-windows-64: 0.14.51
-      esbuild-windows-arm64: 0.14.51
-    dev: true
-
-  /estree-walker/2.0.2:
-    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
-    dev: true
-
-  /fill-range/7.0.1:
-    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      to-regex-range: 5.0.1
-    dev: true
-
-  /fs.realpath/1.0.0:
-    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
-    dev: true
-
-  /fsevents/2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /function-bind/1.1.1:
-    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
-    dev: true
-
-  /fuzzysort/2.0.1:
-    resolution: {integrity: sha512-SlgbPAq0eQ6JQ1h3l4MNeGH/t9DHKH8GGM0RD/6RhmJrNnSoWt3oIVaiQm9g9BPB+wAhRMeMqlUTbhbd7+Ufcg==}
-    dev: false
-
-  /glob-parent/5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
-    engines: {node: '>= 6'}
-    dependencies:
-      is-glob: 4.0.3
-    dev: true
-
-  /glob/7.2.3:
-    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
-    dependencies:
-      fs.realpath: 1.0.0
-      inflight: 1.0.6
-      inherits: 2.0.4
-      minimatch: 3.1.2
-      once: 1.4.0
-      path-is-absolute: 1.0.1
-    dev: true
-
-  /graceful-fs/4.2.10:
-    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
-    dev: true
-
-  /has/1.0.3:
-    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
-    engines: {node: '>= 0.4.0'}
-    dependencies:
-      function-bind: 1.1.1
-    dev: true
-
-  /immutable/4.1.0:
-    resolution: {integrity: sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==}
-    dev: true
-
-  /inflight/1.0.6:
-    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
-    dependencies:
-      once: 1.4.0
-      wrappy: 1.0.2
-    dev: true
-
-  /inherits/2.0.4:
-    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
-    dev: true
-
-  /install/0.13.0:
-    resolution: {integrity: sha512-zDml/jzr2PKU9I8J/xyZBQn8rPCAY//UOYNmR01XwNwyfhEWObo2SWfSl1+0tm1u6PhxLwDnfsT/6jB7OUxqFA==}
-    engines: {node: '>= 0.10'}
-    dev: true
-
-  /is-binary-path/2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
-    dependencies:
-      binary-extensions: 2.2.0
-    dev: true
-
-  /is-core-module/2.9.0:
-    resolution: {integrity: sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==}
-    dependencies:
-      has: 1.0.3
-    dev: true
-
-  /is-extglob/2.1.1:
-    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /is-glob/4.0.3:
-    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-extglob: 2.1.1
-    dev: true
-
-  /is-number/7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
-    engines: {node: '>=0.12.0'}
-    dev: true
-
-  /jsbi/4.3.0:
-    resolution: {integrity: sha512-SnZNcinB4RIcnEyZqFPdGPVgrg2AcnykiBy0sHVJQKHYeaLUvi3Exj+iaPpLnFVkDPZIV4U0yvgC9/R4uEAZ9g==}
-    dev: false
-
-  /kleur/4.1.5:
-    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /magic-string/0.25.9:
-    resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
-    dependencies:
-      sourcemap-codec: 1.4.8
-    dev: true
-
-  /magic-string/0.26.2:
-    resolution: {integrity: sha512-NzzlXpclt5zAbmo6h6jNc8zl2gNRGHvmsZW4IvZhTC4W7k4OlLP+S5YLussa/r3ixNT66KOQfNORlXHSOy/X4A==}
-    engines: {node: '>=12'}
-    dependencies:
-      sourcemap-codec: 1.4.8
-    dev: true
-
-  /min-indent/1.0.1:
-    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /minimatch/3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
-    dependencies:
-      brace-expansion: 1.1.11
-    dev: true
-
-  /minimist/1.2.6:
-    resolution: {integrity: sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==}
-    dev: true
-
-  /mkdirp/0.5.6:
-    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
-    hasBin: true
-    dependencies:
-      minimist: 1.2.6
-    dev: true
-
-  /ms/2.1.2:
-    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
-    dev: true
-
-  /nanoid/3.3.4:
-    resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-    dev: true
-
-  /normalize-path/3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /once/1.4.0:
-    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
-    dependencies:
-      wrappy: 1.0.2
-    dev: true
-
-  /path-is-absolute/1.0.1:
-    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /path-parse/1.0.7:
-    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
-    dev: true
-
-  /picocolors/1.0.0:
-    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
-    dev: true
-
-  /picomatch/2.3.1:
-    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
-    engines: {node: '>=8.6'}
-    dev: true
-
-  /postcss/8.4.14:
-    resolution: {integrity: sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==}
-    engines: {node: ^10 || ^12 || >=14}
-    dependencies:
-      nanoid: 3.3.4
-      picocolors: 1.0.0
-      source-map-js: 1.0.2
-    dev: true
-
-  /readdirp/3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
-    dependencies:
-      picomatch: 2.3.1
-    dev: true
-
-  /regexparam/2.0.0:
-    resolution: {integrity: sha512-gJKwd2MVPWHAIFLsaYDZfyKzHNS4o7E/v8YmNf44vmeV2e4YfVoDToTOKTvE7ab68cRJ++kLuEXJBaEeJVt5ow==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /resolve/1.22.1:
-    resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==}
-    hasBin: true
-    dependencies:
-      is-core-module: 2.9.0
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-    dev: true
-
-  /rimraf/2.7.1:
-    resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
-    hasBin: true
-    dependencies:
-      glob: 7.2.3
-    dev: true
-
-  /rollup/2.77.2:
-    resolution: {integrity: sha512-m/4YzYgLcpMQbxX3NmAqDvwLATZzxt8bIegO78FZLl+lAgKJBd1DRAOeEiZcKOIOPjxE6ewHWHNgGEalFXuz1g==}
-    engines: {node: '>=10.0.0'}
-    hasBin: true
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /sander/0.5.1:
-    resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
-    dependencies:
-      es6-promise: 3.3.1
-      graceful-fs: 4.2.10
-      mkdirp: 0.5.6
-      rimraf: 2.7.1
-    dev: true
-
-  /sass/1.54.0:
-    resolution: {integrity: sha512-C4zp79GCXZfK0yoHZg+GxF818/aclhp9F48XBu/+bm9vXEVAYov9iU3FBVRMq3Hx3OA4jfKL+p2K9180mEh0xQ==}
-    engines: {node: '>=12.0.0'}
-    hasBin: true
-    dependencies:
-      chokidar: 3.5.3
-      immutable: 4.1.0
-      source-map-js: 1.0.2
-    dev: true
-
-  /sorcery/0.10.0:
-    resolution: {integrity: sha512-R5ocFmKZQFfSTstfOtHjJuAwbpGyf9qjQa1egyhvXSbM7emjrtLXtGdZsDJDABC85YBfVvrOiGWKSYXPKdvP1g==}
-    hasBin: true
-    dependencies:
-      buffer-crc32: 0.2.13
-      minimist: 1.2.6
-      sander: 0.5.1
-      sourcemap-codec: 1.4.8
-    dev: true
-
-  /source-map-js/1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /sourcemap-codec/1.4.8:
-    resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
-    dev: true
-
-  /strip-indent/3.0.0:
-    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      min-indent: 1.0.1
-    dev: true
-
-  /supports-preserve-symlinks-flag/1.0.0:
-    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /svelte-feather-icons/4.0.0:
-    resolution: {integrity: sha512-4ieUsjp+VYa1r6y80jDt9zRiRUZyJNbESpRdHdJJhiBubyuXX96A7f1UZSK4olxzP6Qsg5ZAuyZlnmvD+/swAA==}
-    dependencies:
-      svelte: 3.49.0
-    dev: true
-
-  /svelte-hmr/0.14.12_svelte@3.49.0:
-    resolution: {integrity: sha512-4QSW/VvXuqVcFZ+RhxiR8/newmwOCTlbYIezvkeN6302YFRE8cXy0naamHcjz8Y9Ce3ITTZtrHrIL0AGfyo61w==}
-    engines: {node: ^12.20 || ^14.13.1 || >= 16}
-    peerDependencies:
-      svelte: '>=3.19.0'
-    dependencies:
-      svelte: 3.49.0
-    dev: true
-
-  /svelte-preprocess/4.10.7_qqyngjnvpp2z5rj6eppfx7s47e:
-    resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
-    engines: {node: '>= 9.11.2'}
-    requiresBuild: true
-    peerDependencies:
-      '@babel/core': ^7.10.2
-      coffeescript: ^2.5.1
-      less: ^3.11.3 || ^4.0.0
-      node-sass: '*'
-      postcss: ^7 || ^8
-      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0
-      pug: ^3.0.0
-      sass: ^1.26.8
-      stylus: ^0.55.0
-      sugarss: ^2.0.0
-      svelte: ^3.23.0
-      typescript: ^3.9.5 || ^4.0.0
-    peerDependenciesMeta:
-      '@babel/core':
-        optional: true
-      coffeescript:
-        optional: true
-      less:
-        optional: true
-      node-sass:
-        optional: true
-      postcss:
-        optional: true
-      postcss-load-config:
-        optional: true
-      pug:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      typescript:
-        optional: true
-    dependencies:
-      '@types/pug': 2.0.6
-      '@types/sass': 1.43.1
-      detect-indent: 6.1.0
-      magic-string: 0.25.9
-      sass: 1.54.0
-      sorcery: 0.10.0
-      strip-indent: 3.0.0
-      svelte: 3.49.0
-      typescript: 4.7.4
-    dev: true
-
-  /svelte-spa-router/3.2.0:
-    resolution: {integrity: sha512-igemo5Vs82TGBBw+DjWt6qKameXYzNs6aDXcTxou5XbEvOjiRcAM6MLkdVRCatn6u8r42dE99bt/br7T4qe/AQ==}
-    dependencies:
-      regexparam: 2.0.0
-    dev: true
-
-  /svelte/3.49.0:
-    resolution: {integrity: sha512-+lmjic1pApJWDfPCpUUTc1m8azDqYCG1JN9YEngrx/hUyIcFJo6VZhj0A1Ai0wqoHcEIuQy+e9tk+4uDgdtsFA==}
-    engines: {node: '>= 8'}
-    dev: true
-
-  /to-regex-range/5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
-    engines: {node: '>=8.0'}
-    dependencies:
-      is-number: 7.0.0
-    dev: true
-
-  /tslib/2.4.0:
-    resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
-    dev: false
-
-  /typescript/4.7.4:
-    resolution: {integrity: sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==}
-    engines: {node: '>=4.2.0'}
-    hasBin: true
-    dev: true
-
-  /vite/3.0.4_sass@1.54.0:
-    resolution: {integrity: sha512-NU304nqnBeOx2MkQnskBQxVsa0pRAH5FphokTGmyy8M3oxbvw7qAXts2GORxs+h/2vKsD+osMhZ7An6yK6F1dA==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      less: '*'
-      sass: '*'
-      stylus: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      less:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      esbuild: 0.14.51
-      postcss: 8.4.14
-      resolve: 1.22.1
-      rollup: 2.77.2
-      sass: 1.54.0
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /wrappy/1.0.2:
-    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
-    dev: true
diff --git a/apps/portal/src/tsconfig.json b/apps/portal/src/tsconfig.json
deleted file mode 100644
index c60fce6..0000000
--- a/apps/portal/src/tsconfig.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "include": [
-    "./**/*.d.ts",
-    "./**/*.ts",
-    "./**/*.js",
-    "./**/*.svelte"
-  ],
-  "exclude": [
-    "./node_modules"
-  ],
-  "compilerOptions": {
-    "target": "esnext",
-    "useDefineForClassFields": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "allowJs": true,
-    "checkJs": false,
-    "paths": {
-      "$app/*": [
-        "./app/*"
-      ],
-      "$shared/*": [
-        "../../web-shared/src/*"
-      ]
-    }
-  }
-}
diff --git a/apps/portal/src/vite.config.ts b/apps/portal/src/vite.config.ts
deleted file mode 100644
index 684ef14..0000000
--- a/apps/portal/src/vite.config.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import {defineConfig} from "vite";
-import {svelte} from "@sveltejs/vite-plugin-svelte";
-import sveltePreprocess from "svelte-preprocess";
-// @ts-ignore
-import path from "path";
-
-// https://vitejs.dev/config/
-export default defineConfig({
-    resolve: {
-        alias: {
-            "$shared": path.resolve(__dirname, "../../web-shared/src"),
-            "$app": path.resolve(__dirname, "./app"),
-        }
-    },
-    build: {
-        outDir: "build",
-        emptyOutDir: true,
-        rollupOptions: {
-            input: {
-                main: path.resolve(__dirname, "index.html"),
-            }
-        }
-    },
-    server: {
-        port: 3001
-    },
-    plugins: [
-        svelte({
-            preprocess: sveltePreprocess()
-        })
-    ],
-});
diff --git a/apps/projects/.version b/apps/projects/.version
deleted file mode 100644
index 85aca46..0000000
--- a/apps/projects/.version
+++ /dev/null
@@ -1 +0,0 @@
-v2-projects
diff --git a/apps/projects/.version-dev b/apps/projects/.version-dev
deleted file mode 100644
index 91e061c..0000000
--- a/apps/projects/.version-dev
+++ /dev/null
@@ -1 +0,0 @@
-v13-projects-dev
diff --git a/apps/projects/CHANGELOG.md b/apps/projects/CHANGELOG.md
deleted file mode 100644
index a3af953..0000000
--- a/apps/projects/CHANGELOG.md
+++ /dev/null
@@ -1,118 +0,0 @@
-# Changelog
-
-## [unreleased]
-
-### Bug Fixes
-
-- Correct path to BASE_DOMAIN
-
-### Miscellaneous Tasks
-
-- Bump version
-- Update CHANGELOG.md for v19-portal-dev
-- Bump version
-- Update CHANGELOG.md for v18-portal-dev
-- Bump version
-- Update CHANGELOG.md for v11-projects-dev
-
-## [unreleased]
-
-### Bug Fixes
-
-- Inherit radius on svg to align styling with other theme figure icons
-
-### Features
-
-- Work in progress more module data models
-- Add inital translation support
-- Add link to BASE_DOMAIN on every public page in portal
-- Centre guarded portal pages
-- Add link to BASE_DOMAIN on every public page in portal
-- Set a max width on the portal layout
-
-### Miscellaneous Tasks
-
-- Bump version
-- Update CHANGELOG.md for v8-frontpage-dev
-- Bump version
-- Update CHANGELOG.md for v7-frontpage-dev
-- Bump version
-- Update CHANGELOG.md for v10-projects-dev
-
-### Refactor
-
-- Use dev.greatoffice.life as BASE_DOMAIN while in development-phase
-- Remove all transitions on theme-switcher
-- Put pre.css inside of style tags so that we dont have to wait for the second request on pre.css to show the loader and theme
-
-## [unreleased]
-
-### Miscellaneous Tasks
-
-- Bump version
-- Update CHANGELOG.md for v9-projects-dev
-
-### Refactor
-
-- Temporarily disable user deletion from within projects
-
-## [unreleased]
-
-### Features
-
-- More work on portal
-- Implement new theme switcher component and backend
-
-### Miscellaneous Tasks
-
-- Bump version
-- Update CHANGELOG.md for v17-portal-dev
-- Bump version
-- Update CHANGELOG.md for v8-projects-dev
-
-## [unreleased]
-
-### Features
-
-- Seperate layout for docs
-- New frontpage
-- !WIP start implementation of svelte-query
-
-### Miscellaneous Tasks
-
-- Bump version
-- Update CHANGELOG.md for v16-portal-dev
-- Bump version
-- Update CHANGELOG.md for v6-frontpage-dev
-- Bump version
-- Update CHANGELOG.md for v5-frontpage-dev
-- Bump version
-- Update CHANGELOG.md for v4-frontpage-dev
-- Bump version
-- Bump version
-- Bump version
-- Update CHANGELOG.md for v41-server-dev
-- Bump version
-- Update CHANGELOG.md for v40-server-dev
-- Bump version
-- Update CHANGELOG.md for v39-server-dev
-- Bump version
-- Remove logging of quartz db host
-- Update CHANGELOG.md for v7-projects-dev
-
-### Refactor
-
-- Update style on portal forms
-- Implement caching in VaultService and use VaultService instead of IOptions
-- Use Vault to get configuration
-- Use Vault to get configuration
-- Small changes on button style
-- Add a small box-shadow
-
-## [unreleased]
-
-### Miscellaneous Tasks
-
-- Bump version
-- Update CHANGELOG.md for v6-projects-dev
-
diff --git a/apps/projects/build_and_push.sh b/apps/projects/build_and_push.sh
deleted file mode 100755
index abc8ea9..0000000
--- a/apps/projects/build_and_push.sh
+++ /dev/null
@@ -1,76 +0,0 @@
-#!/usr/bin/env bash
-
-set -Eueo pipefail
-
-APP_NAME="projects"
-CURRENT_DEV_VERSION=$(cat .version-dev)
-CURRENT_DEV_VERSION_INT=${CURRENT_DEV_VERSION//[!0-9]/}
-CURRENT_VERSION=$(cat .version)
-CURRENT_VERSION_INT=${CURRENT_VERSION//[!0-9]/}
-if [ ${1-prod} == "dev" ]; then
-     NEW_VERSION="v$((CURRENT_DEV_VERSION_INT+1))-$APP_NAME-dev"
-     OLD_VERSION=$CURRENT_DEV_VERSION
-else
-     NEW_VERSION="v$((CURRENT_VERSION_INT+1))-$APP_NAME"
-     OLD_VERSION=$CURRENT_VERSION
-fi
-# Check for uncommited changes and optionally commit them
-if [ "$(git status --untracked-files=no --porcelain)" ]; then
-  echo "Unclean git tree! press CTRL+C to exit or press ENTER to commit and push to the default branch"
-  read -n 1
-
-  read -p "Enter commit message: " COMMIT_MESSAGE
-  git add ../..
-  git commit --quiet -m "$COMMIT_MESSAGE"
-fi
-
-if [ ${1-prod} == "dev" ]; then
-    echo $NEW_VERSION >| .version-dev
-    git add .version-dev
-else
-    echo $NEW_VERSION >| .version
-    git add .version
-fi
-
-echo "Starting build of $APP_NAME@$NEW_VERSION at $(date -u)..."
-echo
-
-git commit --quiet -m "chore(release): Bump version";
-
-read -p "Do you want to tag this build? (y/n) " -n 1 -r
-echo
-if [[ $REPLY =~ ^[Yy]$ ]]
-then
-    read -p "Enter tag message (can be empty): " TAG_MESSAGE
-    commit_msg="chore(release): Update CHANGELOG.md for $NEW_VERSION"
-    git cliff -r ../../ $OLD_VERSION..HEAD --with-commit "$commit_msg" --prepend CHANGELOG.md
-    git add CHANGELOG.md
-    git commit --quiet -m "$commit_msg";
-    git tag -am "$TAG_MESSAGE" $NEW_VERSION
-fi
-
-read -p "Do you want to push the latest commits and tags to origin? (y/n) " -n 1 -r
-echo
-if [[ $REPLY =~ ^[Yy]$ ]]
-then
-    echo "Pushing latest changes to remotes..."
-    echo
-    git push --quiet --follow-tags
-fi
-
-pushd src
-pnpm run build
-
-cd build
-echo "$NEW_VERSION" >version.txt
-
-
-if [ ${1-prod} == "dev" ]; then
-  scp -r * contabo-fast-1:services/public/projects.dev.greatoffice.life/www
-else
-  echo "Pushing to production in 10 sec, press CTRL+C to cancel"
-  sleep 10
-  scp -r * contabo-fast-1:services/public/projects.greatoffice.life/www
-fi
-
-popd
diff --git a/apps/projects/cliff.toml b/apps/projects/cliff.toml
deleted file mode 100644
index 7299951..0000000
--- a/apps/projects/cliff.toml
+++ /dev/null
@@ -1,62 +0,0 @@
-# configuration file for git-cliff (0.1.0)
-
-[changelog]
-# changelog header
-header = """
-# Changelog\n
-"""
-# template for the changelog body
-# https://tera.netlify.app/docs/#introduction
-body = """
-{% if version %}\
-    ## [{{ version | trim_start_matches(pat="v") }}] - {{ timestamp | date(format="%Y-%m-%d") }}
-{% else %}\
-    ## [unreleased]
-{% endif %}\
-{% for group, commits in commits | group_by(attribute="group") %}
-    ### {{ group | upper_first }}
-    {% for commit in commits %}
-        - {% if commit.breaking %}[**breaking**] {% endif %}{{ commit.message | upper_first }}\
-    {% endfor %}
-{% endfor %}\n
-"""
-# remove the leading and trailing whitespace from the template
-trim = true
-# changelog footer
-footer = """
-<!-- generated by git-cliff -->
-"""
-
-[git]
-# parse the commits based on https://www.conventionalcommits.org
-conventional_commits = true
-# filter out the commits that are not conventional
-filter_unconventional = true
-# regex for preprocessing the commit messages
-commit_preprocessors = [
-    { pattern = "([ \\n])(([a-f0-9]{7})[a-f0-9]*)", replace = "${1}commit # [${3}](https://git.ivar.systems/greatoffice/commit/${2})" },
-    { pattern = "https://git.ivar.systems/greatoffice/commit/([a-f0-9]{7})[a-f0-9]*", replace = "commit # [${1}](${0})" },
-]
-# regex for parsing and grouping commits
-commit_parsers = [
-    { message = "^feat", group = "Features" },
-    { message = "^fix", group = "Bug Fixes" },
-    { message = "^doc", group = "Documentation" },
-    { message = "^perf", group = "Performance" },
-    { message = "^refactor", group = "Refactor" },
-    { message = "^style", group = "Styling" },
-    { message = "^test", group = "Testing" },
-    { message = "^chore", group = "Miscellaneous Tasks" },
-]
-# filter out the commits that are not matched by commit parsers
-filter_commits = true
-# glob pattern for matching git tags
-tag_pattern = "v.*"
-# regex for skipping tags
-skip_tags = "v0.1.0-beta.1"
-# regex for ignoring tags
-ignore_tags = ""
-# sort the tags chronologically
-date_order = true
-# sort the commits inside sections by oldest/newest order
-sort_commits = "newest"
diff --git a/apps/projects/src/.typesafe-i18n.json b/apps/projects/src/.typesafe-i18n.json
deleted file mode 100644
index 74cca10..0000000
--- a/apps/projects/src/.typesafe-i18n.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-   "adapter": "svelte",
-   "$schema": "https://unpkg.com/typesafe-i18n@5.11.0/schema/typesafe-i18n.json",
-   "outputPath": "app/lib/i18n"
-}
-\ No newline at end of file
diff --git a/apps/projects/src/_assets/preload.css b/apps/projects/src/_assets/preload.css
deleted file mode 120000
index e248c5b..0000000
--- a/apps/projects/src/_assets/preload.css
+++ /dev/null
@@ -1 +0,0 @@
-/Users/ivarlovlie/i2r/greatoffice/apps/web-shared/src/assets/preload.css
-\ No newline at end of file
diff --git a/apps/projects/src/_assets/preload.js b/apps/projects/src/_assets/preload.js
deleted file mode 120000
index 3fa1cc7..0000000
--- a/apps/projects/src/_assets/preload.js
+++ /dev/null
@@ -1 +0,0 @@
-/Users/ivarlovlie/i2r/greatoffice/apps/web-shared/src/assets/preload.js
-\ No newline at end of file
diff --git a/apps/projects/src/_assets/projects.png b/apps/projects/src/_assets/projects.png
deleted file mode 100644
index e49191f..0000000
--- a/apps/projects/src/_assets/projects.png
+++ /dev/null
diff --git a/apps/projects/src/_assets/pwa/android-chrome-192x192.png b/apps/projects/src/_assets/pwa/android-chrome-192x192.png
deleted file mode 100644
index 5c098bc..0000000
--- a/apps/projects/src/_assets/pwa/android-chrome-192x192.png
+++ /dev/null
diff --git a/apps/projects/src/_assets/pwa/android-chrome-512x512.png b/apps/projects/src/_assets/pwa/android-chrome-512x512.png
deleted file mode 100644
index 973a1c3..0000000
--- a/apps/projects/src/_assets/pwa/android-chrome-512x512.png
+++ /dev/null
diff --git a/apps/projects/src/_assets/pwa/apple-touch-icon.png b/apps/projects/src/_assets/pwa/apple-touch-icon.png
deleted file mode 100644
index b4d9773..0000000
--- a/apps/projects/src/_assets/pwa/apple-touch-icon.png
+++ /dev/null
diff --git a/apps/projects/src/_assets/pwa/browserconfig.xml b/apps/projects/src/_assets/pwa/browserconfig.xml
deleted file mode 100644
index b3930d0..0000000
--- a/apps/projects/src/_assets/pwa/browserconfig.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
-    <msapplication>
-        <tile>
-            <square150x150logo src="/mstile-150x150.png"/>
-            <TileColor>#da532c</TileColor>
-        </tile>
-    </msapplication>
-</browserconfig>
diff --git a/apps/projects/src/_assets/pwa/favicon-16x16.png b/apps/projects/src/_assets/pwa/favicon-16x16.png
deleted file mode 100644
index 5dde9f9..0000000
--- a/apps/projects/src/_assets/pwa/favicon-16x16.png
+++ /dev/null
diff --git a/apps/projects/src/_assets/pwa/favicon-32x32.png b/apps/projects/src/_assets/pwa/favicon-32x32.png
deleted file mode 100644
index 9cef4c4..0000000
--- a/apps/projects/src/_assets/pwa/favicon-32x32.png
+++ /dev/null
diff --git a/apps/projects/src/_assets/pwa/favicon.ico b/apps/projects/src/_assets/pwa/favicon.ico
deleted file mode 100644
index 89c7542..0000000
--- a/apps/projects/src/_assets/pwa/favicon.ico
+++ /dev/null
diff --git a/apps/projects/src/_assets/pwa/favicon.svg b/apps/projects/src/_assets/pwa/favicon.svg
deleted file mode 100644
index 964dbb8..0000000
--- a/apps/projects/src/_assets/pwa/favicon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stopwatch" viewBox="0 0 16 16">
-  <path d="M8.5 5.6a.5.5 0 1 0-1 0v2.9h-3a.5.5 0 0 0 0 1H8a.5.5 0 0 0 .5-.5V5.6z"/>
-  <path d="M6.5 1A.5.5 0 0 1 7 .5h2a.5.5 0 0 1 0 1v.57c1.36.196 2.594.78 3.584 1.64a.715.715 0 0 1 .012-.013l.354-.354-.354-.353a.5.5 0 0 1 .707-.708l1.414 1.415a.5.5 0 1 1-.707.707l-.353-.354-.354.354a.512.512 0 0 1-.013.012A7 7 0 1 1 7 2.071V1.5a.5.5 0 0 1-.5-.5zM8 3a6 6 0 1 0 .001 12A6 6 0 0 0 8 3z"/>
-</svg>
-\ No newline at end of file
diff --git a/apps/projects/src/_assets/pwa/manifest.json b/apps/projects/src/_assets/pwa/manifest.json
deleted file mode 100644
index 4c550fe..0000000
--- a/apps/projects/src/_assets/pwa/manifest.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "manifest_version": 2,
-  "version": "0.1",
-  "name": "Time Tracker",
-  "short_name": "Time Tracker",
-  "display": "standalone",
-  "background_color": "#fff",
-  "theme_color": "#4D3DF7",
-  "start_url": ".",
-  "orientation": "portrait",
-  "icons": [
-    {
-      "src": "/favicon.svg",
-      "purpose": "maskable any",
-      "sizes": "any"
-    },
-    {
-      "src": "/pwa/android-chrome-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "/pwa/android-chrome-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ]
-}
diff --git a/apps/projects/src/_assets/pwa/mstile-144x144.png b/apps/projects/src/_assets/pwa/mstile-144x144.png
deleted file mode 100644
index 84d94cb..0000000
--- a/apps/projects/src/_assets/pwa/mstile-144x144.png
+++ /dev/null
diff --git a/apps/projects/src/_assets/pwa/mstile-150x150.png b/apps/projects/src/_assets/pwa/mstile-150x150.png
deleted file mode 100644
index b1398ae..0000000
--- a/apps/projects/src/_assets/pwa/mstile-150x150.png
+++ /dev/null
diff --git a/apps/projects/src/_assets/pwa/mstile-310x150.png b/apps/projects/src/_assets/pwa/mstile-310x150.png
deleted file mode 100644
index 76b16a0..0000000
--- a/apps/projects/src/_assets/pwa/mstile-310x150.png
+++ /dev/null
diff --git a/apps/projects/src/_assets/pwa/mstile-310x310.png b/apps/projects/src/_assets/pwa/mstile-310x310.png
deleted file mode 100644
index d8e4097..0000000
--- a/apps/projects/src/_assets/pwa/mstile-310x310.png
+++ /dev/null
diff --git a/apps/projects/src/_assets/pwa/mstile-70x70.png b/apps/projects/src/_assets/pwa/mstile-70x70.png
deleted file mode 100644
index 0df1e8c..0000000
--- a/apps/projects/src/_assets/pwa/mstile-70x70.png
+++ /dev/null
diff --git a/apps/projects/src/_assets/pwa/safari-pinned-tab.svg b/apps/projects/src/_assets/pwa/safari-pinned-tab.svg
deleted file mode 100644
index ba2220c..0000000
--- a/apps/projects/src/_assets/pwa/safari-pinned-tab.svg
+++ /dev/null
@@ -1,50 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.14, written by Peter Selinger 2001-2017
-</metadata>
-<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M3195 6780 c-116 -3 -211 -10 -226 -17 -39 -17 -105 -98 -116 -142
--19 -72 -2 -146 45 -202 26 -31 96 -69 131 -72 25 -2 31 -6 32 -27 1 -27 1
--198 0 -216 -1 -6 -47 -19 -103 -28 -160 -28 -451 -107 -533 -146 -11 -5 -51
--21 -90 -36 -60 -23 -246 -112 -325 -155 -431 -236 -834 -619 -1101 -1045
--207 -328 -364 -733 -423 -1089 -51 -307 -61 -583 -31 -875 26 -261 119 -615
-225 -861 185 -430 432 -773 800 -1108 75 -69 387 -301 405 -301 1 0 33 -18 70
--40 209 -128 602 -288 796 -325 12 -2 29 -7 39 -10 72 -23 273 -56 435 -73
-144 -14 601 -5 658 13 7 2 37 7 67 10 273 33 616 141 904 283 725 357 1275
-982 1542 1754 55 159 113 395 129 523 4 28 8 57 10 65 2 8 7 47 10 85 3 39 8
-93 10 120 6 66 6 327 0 390 -2 28 -7 82 -10 120 -3 39 -11 99 -16 135 -6 36
--13 79 -16 95 -15 98 -61 279 -103 405 -121 372 -298 694 -542 993 -27 32 -48
-61 -48 65 0 4 35 41 78 84 l77 76 90 -90 c53 -54 108 -99 134 -110 62 -28 130
--25 191 8 95 52 135 151 103 257 -13 46 -44 79 -362 397 -322 323 -351 349
--398 363 -148 44 -287 -61 -285 -215 1 -62 35 -118 126 -208 47 -47 86 -87 86
--90 0 -6 -91 -101 -132 -138 l-25 -23 -46 38 c-264 223 -584 405 -924 528 -92
-34 -320 100 -376 109 -15 3 -35 7 -45 10 -9 3 -34 7 -54 10 -86 13 -113 18
--117 22 -2 2 -4 56 -4 121 l0 118 29 9 c66 19 114 47 139 80 72 95 65 215 -18
-296 -58 56 -83 60 -402 63 -159 1 -380 0 -490 -3z m560 -1104 c224 -24 547
--99 670 -156 11 -5 56 -24 100 -41 90 -37 282 -134 306 -155 8 -8 19 -14 23
--14 13 0 192 -124 286 -199 97 -77 297 -270 364 -351 237 -288 405 -598 509
--941 30 -98 44 -157 72 -299 3 -14 8 -47 11 -75 3 -27 7 -56 10 -63 22 -69 21
--519 -1 -642 -1 -8 -6 -40 -10 -70 -4 -30 -9 -64 -11 -75 -2 -11 -7 -33 -10
--50 -3 -16 -14 -66 -26 -110 -11 -44 -21 -84 -22 -90 -18 -79 -93 -275 -154
--408 -39 -83 -158 -296 -171 -307 -3 -3 -26 -34 -50 -70 -116 -169 -312 -384
--466 -508 -38 -32 -78 -65 -89 -74 -25 -22 -229 -160 -281 -189 -177 -99 -405
--197 -570 -244 -126 -36 -305 -74 -375 -81 -19 -2 -48 -5 -65 -8 -121 -22
--509 -22 -618 0 -12 2 -42 6 -67 10 -369 45 -795 215 -1125 448 -192 135 -399
-326 -517 476 -23 30 -48 61 -55 67 -57 60 -227 336 -291 473 -64 135 -150 365
--167 444 -2 12 -6 30 -9 41 -28 120 -36 156 -41 193 -3 24 -7 53 -10 65 -32
-148 -38 552 -10 707 2 14 7 45 10 70 33 274 160 643 313 910 60 106 201 312
-232 340 3 3 23 28 45 55 22 28 85 96 140 151 347 352 768 590 1252 709 56 14
-118 27 137 30 20 2 61 9 93 14 32 6 92 13 133 17 41 3 76 7 77 8 6 5 368 -2
-428 -8z"/>
-<path d="M3423 4754 c-45 -17 -95 -61 -121 -109 -15 -27 -17 -93 -19 -650 -1
--341 -2 -641 -3 -666 l0 -47 -679 0 -679 -1 -49 -24 c-59 -30 -76 -49 -104
--112 -54 -122 23 -270 154 -293 23 -5 400 -8 837 -7 l795 1 42 22 c52 27 98
-82 112 136 8 29 10 273 9 826 -3 854 1 796 -59 867 -53 63 -153 87 -236 57z"/>
-</g>
-</svg>
diff --git a/apps/projects/src/app/index.d.ts b/apps/projects/src/app/index.d.ts
deleted file mode 100644
index c044583..0000000
--- a/apps/projects/src/app/index.d.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-/* Use this file to declare any custom file extensions for importing */
-/* Use this folder to also add/extend a package d.ts file, if needed. */
-
-/* CSS MODULES */
-declare module "*.module.css" {
-    const classes: { [key: string]: string };
-    export default classes;
-}
-declare module "*.module.scss" {
-    const classes: { [key: string]: string };
-    export default classes;
-}
-
-/* CSS */
-declare module "*.css";
-declare module "*.scss";
-
-/* IMAGES */
-declare module "*.svg" {
-    const ref: string;
-    export default ref;
-}
-declare module "*.bmp" {
-    const ref: string;
-    export default ref;
-}
-declare module "*.gif" {
-    const ref: string;
-    export default ref;
-}
-declare module "*.jpg" {
-    const ref: string;
-    export default ref;
-}
-declare module "*.jpeg" {
-    const ref: string;
-    export default ref;
-}
-declare module "*.png" {
-    const ref: string;
-    export default ref;
-}
-
-/* CUSTOM: ADD YOUR OWN HERE */
-declare module "*.svelte" {
-    const value: any;
-    export default value;
-}
diff --git a/apps/projects/src/app/index.html b/apps/projects/src/app/index.html
deleted file mode 100644
index 7e0b0e1..0000000
--- a/apps/projects/src/app/index.html
+++ /dev/null
@@ -1,63 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport"
-          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-    <link rel="apple-touch-icon"
-          sizes="180x180"
-          href="../_assets/pwa/apple-touch-icon.png">
-    <link rel="icon"
-          type="image/png"
-          sizes="32x32"
-          href="../_assets/pwa/favicon-32x32.png">
-    <link rel="icon"
-          type="image/png"
-          sizes="16x16"
-          href="../_assets/pwa/favicon-16x16.png">
-    <link rel="manifest"
-          href="../_assets/pwa/manifest.json">
-    <link rel="mask-icon"
-          href="../_assets/pwa/safari-pinned-tab.svg"
-          color="#5bbad5">
-    <meta name="msapplication-TileColor"
-          content="#da532c">
-    <link rel="icon"
-          href="../_assets/pwa/favicon.svg">
-    <script>
-		const currentTheme = localStorage.getItem("theme");
-		if (currentTheme === "light") {
-			document.querySelector("html").dataset.theme = "light";
-		} else {
-			document.querySelector("html").dataset.theme = "dark";
-		}
-    </script>
-    <link rel="stylesheet"
-          href="../_assets/pre.css">
-    <title>Time Tracker</title>
-</head>
-
-<body>
-
-<noscript>
-    This page is built with javascript. Allow it and try again.
-</noscript>
-
-<div class="fill-loader fill-loader--v4"
-     id="loader"
-     role="alert">
-    <p class="fill-loader__label">Loading Time Tracker...</p>
-    <div aria-hidden="true">
-        <div class="fill-loader__base"></div>
-        <div class="fill-loader__fill"></div>
-    </div>
-</div>
-
-<div id="root"></div>
-
-<script type="module"
-        src="./index.ts"></script>
-</body>
-
-</html>
diff --git a/apps/projects/src/app/index.scss b/apps/projects/src/app/index.scss
deleted file mode 100644
index f83b1a1..0000000
--- a/apps/projects/src/app/index.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-@use '../../web-shared/src/styles/base'as * with ($breakpoints: ('xs': "768px",
-    'sm': "768px",
-    'md': "1200px",
-    'lg': "1200px",
-    'xl': "1600px",
-  ),
-  $grid-columns: 12);
-
-@use '../../web-shared/src/styles/custom-style/colors';
-@use '../../web-shared/src/styles/custom-style/spacing';
-@use '../../web-shared/src/styles/custom-style/shared-styles';
-@use '../../web-shared/src/styles/custom-style/typography';
-@use '../../web-shared/src/styles/custom-style/icons';
-@use '../../web-shared/src/styles/custom-style/buttons';
-@use '../../web-shared/src/styles/custom-style/forms';
-@use '../../web-shared/src/styles/custom-style/util';
-
-@use '../../web-shared/src/styles/components/radios-checkboxes';
-@use '../../web-shared/src/styles/components/circle-loader';
-@use '../../web-shared/src/styles/components/list';
-@use '../../web-shared/src/styles/components/form-validator';
-@use '../../web-shared/src/styles/components/btn-states';
-@use '../../web-shared/src/styles/components/alert';
-@use '../../web-shared/src/styles/components/details';
-@use '../../web-shared/src/styles/components/tabbed-navigation';
-@use '../../web-shared/src/styles/components/dropdown';
-@use '../../web-shared/src/styles/components/modal';
-@use '../../web-shared/src/styles/components/chip';
-@use '../../web-shared/src/styles/components/autocomplete';
-@use '../../web-shared/src/styles/components/select-autocomplete';
-@use '../../web-shared/src/styles/components/interactive-table';
-@use '../../web-shared/src/styles/components/pagination';
-@use '../../web-shared/src/styles/components/custom-select';
-@use '../../web-shared/src/styles/components/pre-header';
-@use '../../web-shared/src/styles/components/table';
-@use '../../web-shared/src/styles/components/custom-checkbox';
-@use '../../web-shared/src/styles/components/menu';
-@use '../../web-shared/src/styles/components/user-menu';
-@use '../../web-shared/src/styles/components/light-dark-switch';
-@use '../../web-shared/src/styles/components/side-navigation-v4';
diff --git a/apps/projects/src/app/index.svelte b/apps/projects/src/app/index.svelte
deleted file mode 100644
index c121a32..0000000
--- a/apps/projects/src/app/index.svelte
+++ /dev/null
@@ -1,96 +0,0 @@
-<svelte:options immutable={true}/>
-<svelte:window bind:online={online}/>
-
-<script lang="ts">
-    import { Locales } from "$app/lib/i18n/i18n-types";
-    import { logout_user } from "$app/lib/services/user-service";
-    import { currentLocale, preffered_or_default } from "$shared/lib/locale";
-    import { CookieNames } from "$shared/lib/configuration";
-    import { get_cookie } from "$shared/lib/helpers";
-    import { Temporal } from "@js-temporal/polyfill";
-    import { onMount } from "svelte";
-    import Router from "svelte-spa-router";
-    import { wrap } from "svelte-spa-router/wrap";
-    import { QueryClient, QueryClientProvider } from "@sveltestack/svelte-query";
-    import { is_active } from "$shared/lib/session";
-    import UiWorkbench from "$app/pages/ui-workbench.svelte";
-    import NotFound from "$app/pages/not-found.svelte";
-    import Home from "$app/pages/home.svelte";
-    import Settings from "$app/pages/settings.svelte";
-    import Data from "$app/pages/data.svelte";
-    import PreHeader from "$shared/components/pre-header.svelte";
-    import { setLocale } from "$app/lib/i18n/i18n-svelte";
-    import { loadLocaleAsync } from "$app/lib/i18n/i18n-util.async";
-    import { i18nObject } from "$app/lib/i18n/i18n-util";
-
-    let online = true;
-    let notOnlineText;
-    let LL;
-
-    console.log("Projects Startup Report", {
-        prefferedLocale: navigator.language,
-        timeZone: Temporal.Now.timeZone().id,
-        themeCookie: {name: CookieNames.theme, value: get_cookie(CookieNames.theme)},
-        localeCookie: {name: CookieNames.locale, value: get_cookie(CookieNames.locale)},
-        prefersColorScheme: window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"
-    });
-
-    currentLocale.subscribe(async locale => {
-        if (locale === "preffered") locale = preffered_or_default();
-        await loadLocaleAsync(locale as Locales);
-        LL = i18nObject(locale as Locales);
-        setLocale(locale as Locales);
-    });
-
-    onMount(async () => {
-        await loadLocaleAsync($currentLocale);
-        LL = i18nObject($currentLocale);
-        setLocale($currentLocale);
-        notOnlineText = LL.messages.noInternet();
-    });
-
-    async function user_is_logged_in() {
-        if (!await is_active()) {
-            await logout_user("expired");
-        }
-        return true;
-    }
-
-    const queryClient = new QueryClient();
-
-    const routes = {
-        "/home": wrap({
-            component: Home,
-            conditions: [user_is_logged_in],
-        }),
-        "/": wrap({
-            component: Home,
-            conditions: [user_is_logged_in],
-        }),
-        "/settings": wrap({
-            component: Settings,
-            conditions: [user_is_logged_in],
-        }),
-        "/data": wrap({
-            component: Data,
-            conditions: [user_is_logged_in],
-        }),
-        "/ui-workbench": UiWorkbench,
-        "*": NotFound,
-    };
-</script>
-
-<PreHeader show="{!online}">{notOnlineText}</PreHeader>
-
-<QueryClientProvider client={queryClient}>
-    <Router
-            {routes}
-            restoreScrollState={true}
-            on:routeLoading={() => {
-            document.getElementById("loader").style.display = "inline-block";
-        }}
-            on:routeLoaded={() => {
-            document.getElementById("loader").style.display = "none";
-        }}
-    />
-</QueryClientProvider>
diff --git a/apps/projects/src/app/index.ts b/apps/projects/src/app/index.ts
deleted file mode 100644
index febb583..0000000
--- a/apps/projects/src/app/index.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-// @ts-ignore
-import App from "./index.svelte";
-import "./index.scss";
-import {is_debug, is_development} from "$shared/lib/configuration";
-import {noop} from "$shared/lib/helpers";
-
-if (is_development() || is_debug()) {
-    console.log("%c Debug", "background-color:yellow;color:black;font-size:18px;");
-} else {
-    console.log("%c Production; Suppressing logs", "background-color:yellow;color:black;font-size:18px;");
-    console.log = noop;
-}
-
-export default new App({
-    target: document.getElementById("root"),
-});
diff --git a/apps/projects/src/app/lib/services/user-service.ts b/apps/projects/src/app/lib/services/user-service.ts
deleted file mode 100644
index 4155819..0000000
--- a/apps/projects/src/app/lib/services/user-service.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import {portal_base} from "$shared/lib/configuration";
-import {end_session} from "$shared/lib/session";
-import {clear_categories} from "$app/lib/stores/categories";
-import {clear_entries} from "$app/lib/stores/entries";
-import {clear_labels} from "$app/lib/stores/labels";
-
-export async function logout_user(reason: string = "") {
-    await end_session(() => {
-        clear_categories();
-        clear_labels();
-        clear_entries();
-        location.replace(portal_base("#/login" + (reason ? "?" + reason : "")));
-    });
-}
diff --git a/apps/projects/src/app/lib/stores/categories.ts b/apps/projects/src/app/lib/stores/categories.ts
deleted file mode 100644
index 2a63c42..0000000
--- a/apps/projects/src/app/lib/stores/categories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import {writable, get} from "svelte/store";
-import {create_time_category, delete_time_category, get_time_categories} from "$shared/lib/api/time-entry";
-import type {TimeCategoryDto} from "$shared/lib/models/TimeCategoryDto";
-import type {IInternalFetchResponse} from "$shared/lib/models/IInternalFetchResponse";
-
-const categories = writable<Array<TimeCategoryDto>>([]);
-
-export async function reload_categories() {
-    const get_categories_response = await get_time_categories();
-    if (!get_categories_response.ok) {
-        clear_categories();
-        return;
-    }
-    categories.set(get_categories_response.data ?? []);
-}
-
-export function clear_categories() {
-    categories.set([]);
-}
-
-export async function create_category_async(request: TimeCategoryDto): Promise<IInternalFetchResponse> {
-    const create_entry_response = await create_time_category(request);
-    if (create_entry_response.ok) {
-        const stored_entries = get(categories);
-        stored_entries.push(create_entry_response.data);
-        categories.set(stored_entries);
-    }
-    return create_entry_response;
-}
-
-export async function edit_category_async(entry: TimeCategoryDto) {
-    if (!entry.id) return;
-}
-
-export async function delete_category_async(entry: TimeCategoryDto) {
-    if (!entry.id) return;
-    const http_request = await delete_time_category(entry.id);
-    if (http_request.ok) {
-        const stored_entries = get(categories);
-        categories.set(stored_entries.filter(e => e.id !== entry.id));
-    }
-}
-
-export default categories;
diff --git a/apps/projects/src/app/lib/stores/entries.ts b/apps/projects/src/app/lib/stores/entries.ts
deleted file mode 100644
index e933568..0000000
--- a/apps/projects/src/app/lib/stores/entries.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import {Temporal} from "@js-temporal/polyfill";
-import {writable, get} from "svelte/store";
-import {get_time_entries, create_time_entry, delete_time_entry, update_time_entry} from "$shared/lib/api/time-entry";
-import type {TimeEntryDto} from "$shared/lib/models/TimeEntryDto";
-import type {IInternalFetchResponse} from "$shared/lib/models/IInternalFetchResponse";
-import type {TimeEntryQuery} from "$shared/lib/models/TimeEntryQuery";
-
-const entries = writable<Array<TimeEntryDto>>([]);
-
-export function get_time_entry(id: string): TimeEntryDto {
-    return get(entries).find(c => c.id === id);
-}
-
-export async function reload_entries(query: TimeEntryQuery): Promise<void> {
-    const get_entries_response = await get_time_entries(query);
-    if (!get_entries_response.ok) {
-        clear_entries();
-        return;
-    }
-    entries.set(get_default_sorted(get_entries_response.data?.results ?? []));
-}
-
-export function clear_entries() {
-    entries.set([]);
-}
-
-function get_default_sorted(unsorted: Array<TimeEntryDto>): Array<TimeEntryDto> {
-    if (unsorted.length < 1) return unsorted;
-    const byStart = unsorted.sort((a, b) => {
-        return Temporal.Instant.compare(Temporal.Instant.from(b.start), Temporal.Instant.from(a.start));
-    });
-
-    return byStart.sort((a, b) => {
-        return Temporal.Instant.compare(Temporal.Instant.from(b.stop), Temporal.Instant.from(a.stop));
-    });
-}
-
-export async function create_entry_async(request: TimeEntryDto): Promise<IInternalFetchResponse> {
-    const create_entry_response = await create_time_entry(request);
-    if (create_entry_response.ok) {
-        const stored_entries = get(entries) ?? [];
-        stored_entries.push(create_entry_response.data);
-        entries.set(get_default_sorted(stored_entries));
-    }
-    return create_entry_response;
-}
-
-export async function edit_entry_async(request: TimeEntryDto): Promise<IInternalFetchResponse> {
-    if (!request.id) return;
-    const edit_entry_response = await update_time_entry(request);
-    if (edit_entry_response.ok) {
-        const stored_entries = get(entries) ?? [];
-        const index = stored_entries.findIndex(c => c.id === request.id);
-        if (index === -1) {
-            stored_entries.push(edit_entry_response.data);
-        } else {
-            stored_entries[index] = edit_entry_response.data;
-        }
-        entries.set(get_default_sorted(stored_entries));
-    }
-    return edit_entry_response;
-}
-
-export async function delete_entry_async(entry_id: string): Promise<void> {
-    if (!entry_id) throw new Error("No id was supplied when deleting query");
-    const delete_entry_response = await delete_time_entry(entry_id);
-    if (delete_entry_response.ok) {
-        const stored_entries = get(entries) ?? [];
-        entries.set(get_default_sorted(stored_entries.filter((e) => e.id !== entry_id) ?? []));
-    }
-}
-
-
-export default entries;
diff --git a/apps/projects/src/app/lib/stores/labels.ts b/apps/projects/src/app/lib/stores/labels.ts
deleted file mode 100644
index d5ffaa9..0000000
--- a/apps/projects/src/app/lib/stores/labels.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import {writable, get} from "svelte/store";
-import {create_time_label, delete_time_label, get_time_labels} from "$shared/lib/api/time-entry";
-import type {IInternalFetchResponse} from "$shared/lib/models/IInternalFetchResponse";
-import type {TimeLabelDto} from "$shared/lib/models/TimeLabelDto";
-
-const labels = writable<Array<TimeLabelDto>>([]);
-
-export async function reload_labels() {
-    const get_labels_response = await get_time_labels();
-    if (!get_labels_response.ok) {
-        clear_labels();
-        return;
-    }
-    labels.set(get_labels_response.data ?? []);
-}
-
-export function clear_labels() {
-    labels.set([]);
-}
-
-export async function create_label_async(request: TimeLabelDto): Promise<IInternalFetchResponse> {
-    const create_label_response = await create_time_label(request);
-    if (create_label_response.ok) {
-        const stored_entries = get(labels) ?? [];
-        stored_entries.push(create_label_response.data);
-        labels.set(stored_entries);
-    }
-    return create_label_response;
-}
-
-export async function edit_label_async(entry: TimeLabelDto) {
-    if (!entry.id) throw new Error("Label id is required");
-}
-
-export async function delete_label_async(entry: TimeLabelDto) {
-    if (!entry.id) return;
-    const http_request = await delete_time_label(entry.id);
-    if (http_request.ok) {
-        const stored_entries = get(labels) ?? [];
-        labels.set(stored_entries.filter(e => e.id !== entry.id));
-    }
-}
-
-export default labels;
diff --git a/apps/projects/src/app/pages/_layout.svelte b/apps/projects/src/app/pages/_layout.svelte
deleted file mode 100644
index 07a4a25..0000000
--- a/apps/projects/src/app/pages/_layout.svelte
+++ /dev/null
@@ -1,66 +0,0 @@
-<script>
-    import {onMount} from "svelte";
-    import {location, link} from "svelte-spa-router";
-    import {logout_user} from "$app/lib/services/user-service";
-    import {random_string} from "$shared/lib/helpers";
-    import {get_session_data} from "$shared/lib/session";
-    import ProfileModal from "$app/pages/views/profile-modal.svelte";
-    import {Menu, MenuItem, MenuItemSeparator} from "$shared/components/menu";
-    import Button from "$shared/components/button.svelte";
-    import {IconNames} from "$shared/lib/configuration";
-    import LL from "$app/lib/i18n/i18n-svelte";
-    import BlowoutToolbelt from "$shared/components/blowout-toolbelt.svelte";
-    import {NavWrapper, NavItem} from "./nav";
-
-    let ProfileModalFunctions = {};
-    let showUserMenu = false;
-    let userMenuTriggerNode;
-    const userMenuId = "__menu_" + random_string(3);
-    const username = get_session_data()?.profile.username;
-
-    onMount(() => {
-        userMenuTriggerNode = document.getElementById("open-user-menu");
-    });
-</script>
-
-<ProfileModal bind:functions={ProfileModalFunctions}/>
-<BlowoutToolbelt/>
-
-<NavWrapper>
-    <ul slot="navigation-items">
-        <NavItem to="/home" text="{$LL.nav.home()}"/>
-        <NavItem to="/data" text="{$LL.nav.data()}"/>
-        <NavItem to="/settings" text="{$LL.nav.settings()}"/>
-    </ul>
-    <div slot="navigation-footer" class="tabs-nav-v2 justify-between">
-        <div class="tab-v2 padding-x-sm">
-            <Button class="user-menu-control"
-                    variant="reset"
-                    id="open-user-menu"
-                    on:click={() => showUserMenu = !showUserMenu}
-                    text={username}
-                    icon={IconNames.chevronDown}
-                    icon_width="2rem"
-                    icon_height="2rem"
-                    icon_right_aligned="true"
-                    title="{$LL.nav.usermenu.toggleTitle()}"
-                    aria-controls="{userMenuId}"
-            />
-            <Menu bind:show="{showUserMenu}"
-                  trigger={userMenuTriggerNode}
-                  id="{userMenuId}">
-                <div slot="options">
-                    <MenuItem on:click={() => ProfileModalFunctions.open()}>
-                        <span title="{$LL.nav.usermenu.profileTitle()}">{$LL.nav.usermenu.profile()}</span>
-                    </MenuItem>
-                    <MenuItemSeparator/>
-                    <MenuItem danger="true"
-                              on:click={() => logout_user()}>
-                        <span title="{$LL.nav.usermenu.logoutTitle()}">{$LL.nav.usermenu.logout()}</span>
-                    </MenuItem>
-                </div>
-            </Menu>
-        </div>
-    </div>
-    <slot slot="main-content"/>
-</NavWrapper>
-\ No newline at end of file
diff --git a/apps/projects/src/app/pages/data.svelte b/apps/projects/src/app/pages/data.svelte
deleted file mode 100644
index 190c641..0000000
--- a/apps/projects/src/app/pages/data.svelte
+++ /dev/null
@@ -1,396 +0,0 @@
-<script>
-	import {IconNames} from "$shared/lib/configuration";
-	import {onMount} from "svelte";
-	import {Temporal} from "@js-temporal/polyfill";
-	import Layout from "./_layout.svelte";
-	import Modal from "$shared/components/modal.svelte";
-	import Tile from "$shared/components/tile.svelte";
-	import Icon from "$shared/components/icon.svelte";
-	import EntryForm from "$app/pages/views/entry-form/index.svelte";
-	import {Table, THead, TBody, TCell, TRow, TablePaginator} from "$shared/components/table";
-	import {TimeEntryQueryDuration} from "$shared/lib/models/TimeEntryQuery";
-	import {delete_time_entry, get_time_entries, get_time_entry} from "$shared/lib/api/time-entry";
-	import {seconds_to_hour_minute_string, is_guid, move_focus, unwrap_date_time_from_entry} from "$shared/lib/helpers";
-	import Button from "$shared/components/button.svelte";
-	import LL from "$app/lib/i18n/i18n-svelte";
-
-	let pageCount = 1;
-	let page = 1;
-
-	const defaultQuery = {
-		duration: TimeEntryQueryDuration.THIS_YEAR,
-		categories: [],
-		labels: [],
-		page: page,
-		pageSize: 50,
-	};
-
-	let isLoading;
-	let categories = [];
-	let labels = [];
-	let entries = [];
-	let durationSummary = false;
-	let EditEntryModal;
-	let EditEntryForm;
-	let currentTimespanFilter = TimeEntryQueryDuration.THIS_YEAR;
-	let currentSpecificDateFilter = Temporal.Now.plainDateTimeISO().subtract({days: 1}).toString().substring(0, 10);
-	let currentDateRangeFilter = {};
-	let currentCategoryFilter = "all";
-	let currentLabelFilter = "all";
-	let showDateFilterOptions = false;
-	let secondsLogged = 0;
-
-	function set_duration_summary_string() {
-		if (entries.length > 0) {
-			durationSummary = $LL.data.durationSummary({
-				entryCountString: `${entries.length} ${entries.length === 1 ? $LL.data.entry() : $LL.data.entries()}`,
-				totalHourMin: seconds_to_hour_minute_string(secondsLogged)
-			});
-		} else {
-			durationSummary = "";
-		}
-	}
-
-	async function load_entries(query = defaultQuery) {
-		isLoading = true;
-		const response = await get_time_entries(query);
-		if (response.status === 200) {
-			const responseEntries = [];
-			secondsLogged = 0;
-			for (const entry of response.data.results) {
-				const date_time = unwrap_date_time_from_entry(entry);
-				const seconds = (date_time.duration.hours * 60 * 60) + (date_time.duration.minutes * 60);
-				responseEntries.push({
-					id: entry.id,
-					date: date_time.start_date,
-					start: date_time.start_time,
-					stop: date_time.stop_time,
-					durationString: date_time.duration.hours + $LL.data.hourSingleChar() + date_time.duration.minutes + $LL.data.minSingleChar(),
-					seconds: seconds,
-					category: entry.category,
-					labels: entry.labels,
-					description: entry.description,
-				});
-				secondsLogged += seconds;
-			}
-			entries = responseEntries;
-			page = response.data.page;
-			pageCount = response.data.totalPageCount;
-		} else {
-			entries = [];
-			page = 0;
-			pageCount = 0;
-		}
-		isLoading = false;
-		set_duration_summary_string();
-	}
-
-	function load_entries_with_filter(page = 1) {
-		let query = defaultQuery;
-		query.duration = currentTimespanFilter;
-		query.labels = [];
-		query.categories = [];
-		query.page = page;
-
-		if (currentTimespanFilter === TimeEntryQueryDuration.SPECIFIC_DATE) {
-			query.specificDate = currentSpecificDateFilter;
-		} else {
-			delete query.specificDate;
-		}
-
-		if (currentTimespanFilter === TimeEntryQueryDuration.DATE_RANGE) {
-			query.dateRange = currentDateRangeFilter;
-		} else {
-			delete query.dateRange;
-		}
-
-		if ((currentCategoryFilter !== "all" && currentCategoryFilter?.length > 0) ?? false) {
-			for (const chosenCategoryId of currentCategoryFilter) {
-				if (chosenCategoryId === "all") {
-					continue;
-				}
-				query.categories.push({
-					id: chosenCategoryId,
-				});
-			}
-		}
-
-		if ((currentLabelFilter !== "all" && currentLabelFilter?.length > 0) ?? false) {
-			for (const chosenLabelId of currentLabelFilter) {
-				if (chosenLabelId === "all") {
-					continue;
-				}
-				query.labels.push({
-					id: chosenLabelId,
-				});
-			}
-		}
-
-		load_entries(query);
-	}
-
-	async function handle_delete_entry_button_click(e, entryId) {
-		if (confirm($LL.data.confirmDeleteEntry())) {
-			const response = await delete_time_entry(entryId);
-			if (response.ok) {
-				const indexOfEntry = entries.findIndex((c) => c.id === entryId);
-				if (indexOfEntry !== -1) {
-					secondsLogged -= entries[indexOfEntry].seconds;
-					entries.splice(indexOfEntry, 1);
-					entries = entries;
-					set_duration_summary_string();
-				}
-			}
-		}
-	}
-
-	function handle_edit_entry_form_updated() {
-		load_entries_with_filter(page);
-		EditEntryModal.close();
-	}
-
-	async function handle_edit_entry_button_click(event, entryId) {
-		const response = await get_time_entry(entryId);
-		if (response.status === 200) {
-			if (is_guid(response.data.id)) {
-				EditEntryForm.set_values(response.data);
-				EditEntryModal.open();
-				move_focus(document.querySelector("input[id='date']"));
-			}
-		}
-	}
-
-	function close_date_filter_box(event) {
-		if (!event.target.closest(".date_filter_box_el")) {
-			showDateFilterOptions = false;
-			window.removeEventListener("click", close_date_filter_box);
-		}
-	}
-
-	function toggle_date_filter_box(event) {
-		const box = document.getElementById("date_filter_box");
-		const rect = event.target.getBoundingClientRect();
-		box.style.top = rect.y + "px";
-		box.style.left = rect.x - 50 + "px";
-		showDateFilterOptions = true;
-		window.addEventListener("click", close_date_filter_box);
-	}
-
-	onMount(() => {
-		isLoading = true;
-		Promise.all([load_entries()]).then(() => {
-			isLoading = false;
-		});
-	});
-</script>
-
-<Modal title="{$LL.data.editEntry()}"
-       bind:functions={EditEntryModal}
-       on:closed={() => EditEntryForm.reset()}>
-    <EntryForm bind:functions={EditEntryForm}
-               on:updated={handle_edit_entry_form_updated}/>
-</Modal>
-
-<div id="date_filter_box"
-     style="margin-top:25px"
-     class="padding-xs z-index-overlay bg shadow-sm position-absolute date_filter_box_el border {showDateFilterOptions ? '' : 'hide'}">
-    <div class="flex items-baseline margin-bottom-xxxxs">
-        <label class="text-sm color-contrast-medium margin-right-xs"
-               for="durationSelect">Timespan:</label>
-        <div class="select inline-block js-select">
-            <select name="durationSelect"
-                    bind:value={currentTimespanFilter}
-                    id="durationSelect">
-                <option value={TimeEntryQueryDuration.TODAY}
-                        selected> Today
-                </option>
-                <option value={TimeEntryQueryDuration.THIS_WEEK}>This week</option>
-                <option value={TimeEntryQueryDuration.THIS_MONTH}>This month</option>
-                <option value={TimeEntryQueryDuration.THIS_YEAR}>This year</option>
-                <option value={TimeEntryQueryDuration.SPECIFIC_DATE}>Spesific date</option>
-                <option value={TimeEntryQueryDuration.DATE_RANGE}>Date range</option>
-            </select>
-
-            <svg class="icon icon--xxxs margin-left-xxs"
-                 viewBox="0 0 8 8">
-                <path d="M7.934,1.251A.5.5,0,0,0,7.5,1H.5a.5.5,0,0,0-.432.752l3.5,6a.5.5,0,0,0,.864,0l3.5-6A.5.5,0,0,0,7.934,1.251Z"/>
-            </svg>
-        </div>
-    </div>
-
-    {#if currentTimespanFilter === TimeEntryQueryDuration.SPECIFIC_DATE}
-        <div class="flex items-baseline margin-bottom-xxxxs justify-between">
-            <span class="text-sm color-contrast-medium margin-right-xs">{$LL.data.date()}:</span>
-            <span class="text-sm">
-				<input type="date"
-                       class="border-none padding-0 color-inherit bg-transparent"
-                       bind:value={currentSpecificDateFilter}/>
-			</span>
-        </div>
-    {/if}
-
-    {#if currentTimespanFilter === TimeEntryQueryDuration.DATE_RANGE}
-        <div class="flex items-baseline margin-bottom-xxxxs justify-between">
-            <span class="text-sm color-contrast-medium margin-right-xs">{$LL.data.from()}:</span>
-            <span class="text-sm">
-				<input type="date"
-                       class="border-none padding-0 color-inherit bg-transparent"
-                       on:change={(e) => (currentDateRangeFilter.from = e.target.value)}/>
-			</span>
-        </div>
-
-        <div class="flex items-baseline margin-bottom-xxxxs justify-between">
-            <span class="text-sm color-contrast-medium margin-right-xs">{$LL.data.to()}:</span>
-            <span class="text-sm">
-				<input type="date"
-                       class="border-none padding-0 color-inherit bg-transparent"
-                       on:change={(e) => (currentDateRangeFilter.to = e.target.value)}/>
-			</span>
-        </div>
-    {/if}
-
-    <div class="flex items-baseline justify-end">
-        <Button variant="subtle"
-                on:click={() => load_entries_with_filter(page)}
-                class="text-sm"
-                text="{$LL.data.use()}"/>
-    </div>
-</div>
-
-<Layout>
-    <Tile class="{isLoading ? 'c-disabled loading' : ''}">
-        <nav class="s-tabs text-sm hide">
-            <ul class="s-tabs__list">
-                <li><span class="s-tabs__link s-tabs__link--current">All (21)</span></li>
-                <li><span class="s-tabs__link">Published (19)</span></li>
-                <li><span class="s-tabs__link">Draft (2)</span></li>
-            </ul>
-        </nav>
-        <div class="max-width-100% overflow-auto"
-             style="max-height: 82.5vh">
-            <Table class="text-sm width-100% int-table--sticky-header">
-                <THead>
-                <TCell type="th"
-                       style="width: 30px;">
-                    <div class="custom-checkbox int-table__checkbox">
-                        <input class="custom-checkbox__input"
-                               type="checkbox"
-                               aria-label="Select all rows"/>
-                        <div class="custom-checkbox__control"
-                             aria-hidden="true"></div>
-                    </div>
-                </TCell>
-
-                <TCell type="th"
-                       style="width: 100px">
-                    <div class="flex items-center justify-between">
-                        <span>{$LL.data.date()}</span>
-                        <div class="date_filter_box_el cursor-pointer"
-                             on:click={toggle_date_filter_box}>
-                            <Icon name="{IconNames.funnel}"/>
-                        </div>
-                    </div>
-                </TCell>
-
-                <TCell type="th"
-                       style="width: 100px">
-                    <div class="flex items-center">
-                        <span>{$LL.data.duration()}</span>
-                    </div>
-                </TCell>
-
-                <TCell type="th"
-                       style="width: 100px;">
-                    <div class="flex items-center">
-                        <span>{$LL.data.category()}</span>
-                    </div>
-                </TCell>
-
-                <TCell type="th"
-                       style="width: 300px;">
-                    <div class="flex items-center">
-                        <span>{$LL.data.description()}</span>
-                    </div>
-                </TCell>
-                <TCell type="th"
-                       style="width: 50px"></TCell>
-                </THead>
-                <TBody>
-                {#if entries.length > 0}
-                    {#each entries as entry}
-                        <TRow class="text-nowrap"
-                              data-id={entry.id}>
-                            <TCell type="th"
-                                   thScope="row">
-                                <div class="custom-checkbox int-table__checkbox">
-                                    <input class="custom-checkbox__input"
-                                           type="checkbox"
-                                           aria-label="Select this row"/>
-                                    <div class="custom-checkbox__control"
-                                         aria-hidden="true"></div>
-                                </div>
-                            </TCell>
-                            <TCell>
-                                <pre>{entry.date.toLocaleString()}</pre>
-                            </TCell>
-                            <TCell>
-                                <pre class="flex justify-between">
-                                    <div class="flex justify-between">
-                                        <span>{entry.start.toLocaleString(undefined, {timeStyle: "short"})}</span>
-                                        <span> - </span>
-                                        <span>{entry.stop.toLocaleString(undefined, {timeStyle: "short"})}</span>
-                                    </div>
-                                </pre>
-                            </TCell>
-                            <TCell>
-                                <span data-id={entry.category.id}>{entry.category.name}</span>
-                            </TCell>
-                            <TCell class="text-truncate max-width-xxxxs"
-                                   title="{entry.description}">
-                                {entry.description ?? ""}
-                            </TCell>
-                            <TCell class="flex flex-row justify-end items-center">
-                                <Button icon="{IconNames.pencilSquare}"
-                                        variant="reset"
-                                        icon_width="1.2rem"
-                                        icon_height="1.2rem"
-                                        on:click={(e) => handle_edit_entry_button_click(e, entry.id)}
-                                        title="Edit entry"/>
-                                <Button icon="{IconNames.trash}"
-                                        variant="reset"
-                                        icon_width="1.2rem"
-                                        icon_height="1.2rem"
-                                        on:click={(e) => handle_delete_entry_button_click(e, entry.id)}
-                                        title="Delete entry"/>
-                            </TCell>
-                        </TRow>
-                    {/each}
-                {:else}
-                    <TRow class="text-nowrap">
-                        <TCell type="th"
-                               thScope="row"
-                               colspan="7">
-                            {isLoading ? $LL.data.loading() + "..." : $LL.data.noEntries()}
-                        </TCell>
-                    </TRow>
-                {/if}
-                </TBody>
-            </Table>
-        </div>
-        <div class="flex items-center justify-between">
-            <p class="text-sm">
-                {#if durationSummary}
-                    <small class={isLoading ? "c-disabled loading" : ""}>{durationSummary}</small>
-                {:else}
-                    <small class={isLoading ? "c-disabled loading" : ""}>{$LL.data.noEntries()}</small>
-                {/if}
-            </p>
-
-            <nav class="grid padding-y-sm {isLoading ? 'c-disabled loading' : ''}">
-                <TablePaginator {page}
-                                on:value_change={(e) => load_entries_with_filter(e.detail.newValue)}
-                                {pageCount}/>
-            </nav>
-        </div>
-    </Tile>
-</Layout>
diff --git a/apps/projects/src/app/pages/home.svelte b/apps/projects/src/app/pages/home.svelte
deleted file mode 100644
index 1f398b5..0000000
--- a/apps/projects/src/app/pages/home.svelte
+++ /dev/null
@@ -1,178 +0,0 @@
-<script lang="ts">
-    import LL from "$app/lib/i18n/i18n-svelte";
-    import { delete_time_entry, get_time_entries, get_time_entry } from "$shared/lib/api/time-entry";
-    import { IconNames, QueryKeys } from "$shared/lib/configuration";
-    import { TimeEntryDto } from "$shared/lib/models/TimeEntryDto";
-    import { Temporal } from "@js-temporal/polyfill";
-    import { useMutation, useQuery, useQueryClient } from "@sveltestack/svelte-query";
-    import { onMount } from "svelte";
-    import Tile from "$shared/components/tile.svelte";
-    import Button from "$shared/components/button.svelte";
-    import Stopwatch from "$shared/components/stopwatch.svelte";
-    import { Table, THead, TBody, TCell, TRow } from "$shared/components/table";
-    import Layout from "./_layout.svelte";
-    import EntryFrom from "$app/pages/views/entry-form/index.svelte";
-    import { seconds_to_hour_minute, unwrap_date_time_from_entry } from "$shared/lib/helpers";
-    import { TimeEntryQueryDuration } from "$shared/lib/models/TimeEntryQuery";
-
-    let currentTime = "";
-    let isLoading = false;
-    let EditEntryForm: any;
-    let timeEntries = [] as Array<TimeEntryDto>;
-    let timeLoggedTodayString = $LL.home.loggedTimeTodayString({hours: 0, minutes: 0});
-    let loggedSecondsToday = 0;
-
-    const queryClient = useQueryClient();
-    const queryResult = useQuery(QueryKeys.entries, async () => await get_time_entries({
-            duration: TimeEntryQueryDuration.TODAY,
-            page: 1,
-            pageSize: 100,
-        })?.data ?? []
-    );
-    
-    function set_current_time() {
-        currentTime = Temporal.Now.plainTimeISO().toLocaleString(undefined, {
-            timeStyle: "short",
-        });
-    }
-
-    const delete_entry_mutation = useMutation(delete_time_entry, {
-        onSuccess: (data) => {
-            queryClient.invalidateQueries([QueryKeys.entries, data.data.id]);
-        },
-    });
-
-    async function on_edit_entry_button_click(event, entryId: string) {
-        const response = useQuery([QueryKeys.entries, entryId], () => {
-            return get_time_entry(entryId);
-        });
-
-        EditEntryForm.set_values(response);
-    }
-
-    async function on_delete_entry_button_click(event, entryId: string) {
-        if (confirm($LL.home.confirmDeleteEntry())) {
-            $delete_entry_mutation.mutate(entryId);
-        }
-    }
-
-    function on_create_from_stopwatch(event) {
-        EditEntryForm.set_time({to: event.detail.to, from: event.detail.from});
-        if (event.detail.description) {
-            EditEntryForm.set_description(event.detail.description);
-        }
-    }
-
-    onMount(async () => {
-        set_current_time();
-        setInterval(() => {
-            set_current_time();
-        }, 1e4);
-        queryResult.subscribe((result) => {
-            const newEntries = [];
-            loggedSecondsToday = 0;
-            for (const entry of result.data?.results ?? []) {
-                const date_time = unwrap_date_time_from_entry(entry);
-                newEntries.push({
-                    id: entry.id,
-                    start: date_time.start_time,
-                    stop: date_time.stop_time,
-                    category: entry.category,
-                });
-                loggedSecondsToday += (date_time.duration.hours * 60 * 60) + (date_time.duration.minutes * 60);
-            }
-            timeLoggedTodayString = $LL.home.loggedTimeTodayString(seconds_to_hour_minute(loggedSecondsToday));
-            timeEntries = newEntries;
-        });
-    });
-</script>
-
-<Layout>
-    <div class="grid gap-md margin-top-xs flex-row@md items-start flex-column-reverse">
-        <Tile class="col">
-            <h3 class="text-md padding-bottom-xxxs">{$LL.home.newEntry()}</h3>
-            <EntryFrom bind:functions={EditEntryForm}/>
-        </Tile>
-        <div class="col grid gap-sm">
-            <Tile class="col-6@md col-12">
-                <p class="text-xxl">{timeLoggedTodayString}</p>
-                <p class="text-xs margin-bottom-xxs">{$LL.home.loggedTimeToday()}</p>
-                <pre class="text-xxl">{currentTime}</pre>
-                <p class="text-xs">{$LL.home.currentTime()}</p>
-            </Tile>
-            <Tile class="col-6@md col-12">
-                <Stopwatch on:create={on_create_from_stopwatch}>
-                    <h3 slot="header"
-                        class="text-md">{$LL.home.stopwatch()}</h3>
-                </Stopwatch>
-            </Tile>
-            <Tile class="col-12">
-                <h3 class="text-md padding-bottom-xxxs">{$LL.home.todayEntries()}</h3>
-                <div class="max-width-100% overflow-auto">
-                    <Table class="width-100% text-sm">
-                        <THead>
-                        <TCell type="th"
-                               class="text-left">
-                            <span>{$LL.home.category()}</span>
-                        </TCell>
-                        <TCell type="th"
-                               class="text-left">
-                            <span>{$LL.home.timespan()}</span>
-                        </TCell>
-                        <TCell type="th"
-                               class="text-right">
-                            <Button icon="{IconNames.refresh}"
-                                    variant="reset"
-                                    icon_width="1.2rem"
-                                    icon_height="1.2rem"
-                                    title="{$LL.home.refreshTodayEntries()}"
-                                    on:click={() => queryClient.invalidateQueries(QueryKeys.entries)}/>
-                        </TCell>
-                        </THead>
-                        <TBody>
-                        {#if timeEntries.length > 0}
-                            {#each timeEntries as entry}
-                                <TRow class="text-nowrap text-left"
-                                      data-id={entry.id}>
-                                    <TCell>
-                                        <span data-id={entry.category?.id}>
-                                            {entry.category?.name}
-                                        </span>
-                                    </TCell>
-                                    <TCell>
-                                        {entry.start.toLocaleString(undefined, {timeStyle: "short"})}
-                                        <span>-</span>
-                                        {entry.stop.toLocaleString(undefined, {timeStyle: "short"})}
-                                    </TCell>
-                                    <TCell class="flex flex-row justify-end items-center">
-                                        <Button icon="{IconNames.pencilSquare}"
-                                                variant="reset"
-                                                icon_width="1.2rem"
-                                                icon_height="1.2rem"
-                                                on:click={(e) => on_edit_entry_button_click(e, entry.id)}
-                                                title="{$LL.home.editEntry()}"/>
-                                        <Button icon="{IconNames.trash}"
-                                                variant="reset"
-                                                icon_width="1.2rem"
-                                                icon_height="1.2rem"
-                                                on:click={(e) => on_delete_entry_button_click(e, entry.id)}
-                                                title="{$LL.home.deleteEntry()}"/>
-                                    </TCell>
-                                </TRow>
-                            {/each}
-                        {:else}
-                            <TRow class="text-nowrap">
-                                <TCell type="th"
-                                       thScope="row"
-                                       colspan="7">
-                                    {isLoading ? $LL.home.loading() + "..." : $LL.home.noEntriesToday()}
-                                </TCell>
-                            </TRow>
-                        {/if}
-                        </TBody>
-                    </Table>
-                </div>
-            </Tile>
-        </div>
-    </div>
-</Layout>
diff --git a/apps/projects/src/app/pages/nav/css/1_responsive-sidebar.css b/apps/projects/src/app/pages/nav/css/1_responsive-sidebar.css
deleted file mode 100644
index 515a9f2..0000000
--- a/apps/projects/src/app/pages/nav/css/1_responsive-sidebar.css
+++ /dev/null
@@ -1,179 +0,0 @@
-/* -------------------------------- 
-
-File#: _1_responsive-sidebar
-Title: Responsive Sidebar
-Descr: Responsive sidebar container
-Usage: codyhouse.co/license
-
--------------------------------- */
-/* mobile version only (--default) 👇 */
-.sidebar:not(.sidebar--static) {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: var(--z-index-fixed-element, 10);
-  width: 100%;
-  height: 100%;
-  visibility: hidden;
-  transition: visibility 0s 0.3s;
-}
-.sidebar:not(.sidebar--static)::after {
-  /* overlay layer */
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0);
-  transition: background-color 0.3s;
-  z-index: 1;
-}
-.sidebar:not(.sidebar--static) .sidebar__panel {
-  /* content */
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 2;
-  width: 100%;
-  max-width: 380px;
-  height: 100%;
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-  background-color: var(--color-bg);
-  -webkit-transform: translateX(-100%);
-          transform: translateX(-100%);
-  transition: box-shadow 0.3s, -webkit-transform 0.3s;
-  transition: box-shadow 0.3s, transform 0.3s;
-  transition: box-shadow 0.3s, transform 0.3s, -webkit-transform 0.3s;
-}
-.sidebar:not(.sidebar--static).sidebar--right-on-mobile .sidebar__panel {
-  left: auto;
-  right: 0;
-  -webkit-transform: translateX(100%);
-          transform: translateX(100%);
-}
-.sidebar:not(.sidebar--static).sidebar--is-visible {
-  visibility: visible;
-  transition: none;
-}
-.sidebar:not(.sidebar--static).sidebar--is-visible::after {
-  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.85);
-}
-.sidebar:not(.sidebar--static).sidebar--is-visible .sidebar__panel {
-  -webkit-transform: translateX(0);
-          transform: translateX(0);
-  box-shadow: var(--shadow-md);
-}
-
-/* end mobile version */
-.sidebar__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  position: -webkit-sticky;
-  position: sticky;
-  top: 0;
-}
-
-.sidebar__close-btn {
-  --size: 32px;
-  width: var(--size);
-  height: var(--size);
-  display: flex;
-  border-radius: 50%;
-  background-color: var(--color-bg-light);
-  box-shadow: var(--inner-glow), var(--shadow-sm);
-  transition: 0.2s;
-  flex-shrink: 0;
-}
-.sidebar__close-btn .icon {
-  display: block;
-  margin: auto;
-}
-.sidebar__close-btn:hover {
-  background-color: var(--color-bg-lighter);
-  box-shadow: var(--inner-glow), var(--shadow-md);
-}
-
-/* desktop version only (--static) 👇 */
-.sidebar--static {
-  flex-shrink: 0;
-  flex-grow: 1;
-}
-.sidebar--static .sidebar__header {
-  display: none;
-}
-
-.sidebar--sticky-on-desktop {
-  position: -webkit-sticky;
-  position: sticky;
-  top: var(--space-sm);
-  max-height: calc(100vh - var(--space-sm));
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-}
-
-/* end desktop version */
-.sidebar, .sidebar-loaded\:show {
-  opacity: 0;
-  /* hide sidebar - or other elements using the .sidebar-loaded:show class - while it is initialized in JS */
-}
-
-.sidebar--loaded {
-  opacity: 1;
-}
-
-/* detect when the sidebar needs to switch from the mobile layout to a static one - used in JS */
-[class*=sidebar--static]::before {
-  display: none;
-}
-
-.sidebar--static::before {
-  content: "static";
-}
-
-.sidebar--static\@xs::before {
-  content: "mobile";
-}
-@media (min-width: 32rem) {
-  .sidebar--static\@xs::before {
-    content: "static";
-  }
-}
-
-.sidebar--static\@sm::before {
-  content: "mobile";
-}
-@media (min-width: 48rem) {
-  .sidebar--static\@sm::before {
-    content: "static";
-  }
-}
-
-.sidebar--static\@md::before {
-  content: "mobile";
-}
-@media (min-width: 64rem) {
-  .sidebar--static\@md::before {
-    content: "static";
-  }
-}
-
-.sidebar--static\@lg::before {
-  content: "mobile";
-}
-@media (min-width: 80rem) {
-  .sidebar--static\@lg::before {
-    content: "static";
-  }
-}
-
-.sidebar--static\@xl::before {
-  content: "mobile";
-}
-@media (min-width: 90rem) {
-  .sidebar--static\@xl::before {
-    content: "static";
-  }
-}
-\ No newline at end of file
diff --git a/apps/projects/src/app/pages/nav/css/2_side-navigation-v4.css b/apps/projects/src/app/pages/nav/css/2_side-navigation-v4.css
deleted file mode 100644
index ec5fcdf..0000000
--- a/apps/projects/src/app/pages/nav/css/2_side-navigation-v4.css
+++ /dev/null
@@ -1,213 +0,0 @@
-/* -------------------------------- 
-
-File#: _2_side-navigation-v4
-Title: Side Navigation v4
-Descr: Main, side navigation
-Usage: codyhouse.co/license
-
--------------------------------- */
-.sidenav-v4 {
-  --sidenav-v4-icon-size: 20px;
-  --sidenav-v4-icon-margin-right: var(--space-xxs);
-}
-
-.sidenav-v4__item {
-  position: relative;
-}
-
-.sidenav-v4__link,
-.sidenav-v4__sub-link,
-.sidenav-v4__separator {
-  padding: var(--space-sm);
-}
-
-.sidenav-v4__link, .sidenav-v4__sub-link {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  border-radius: var(--radius-md);
-  text-decoration: none;
-  color: inherit;
-  line-height: 1;
-  font-size: var(--text-md);
-  transition: 0.2s;
-}
-.sidenav-v4__link:hover, .sidenav-v4__sub-link:hover {
-  color: var(--color-primary);
-  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075);
-}
-.sidenav-v4__link[aria-current=page], .sidenav-v4__sub-link[aria-current=page] {
-  color: var(--color-primary);
-}
-
-.sidenav-v4__sub-link {
-  position: relative;
-  color: var(--color-contrast-medium);
-  /* dot indicator */
-}
-.sidenav-v4__sub-link::before {
-  content: "";
-  display: block;
-  --size: 6px;
-  width: var(--size);
-  height: var(--size);
-  background: currentColor;
-  border-radius: 50%;
-  margin-left: calc(var(--sidenav-v4-icon-size)/2 - var(--size)/2);
-  margin-right: calc(var(--sidenav-v4-icon-size)/2 - var(--size)/2 + var(--sidenav-v4-icon-margin-right));
-  opacity: 0;
-  /* visible only if current */
-}
-.sidenav-v4__sub-link[aria-current=page]::before {
-  /* show dot indicator */
-  opacity: 1;
-}
-
-.sidenav-v4__notification-marker {
-  margin-left: auto;
-  background-color: var(--color-accent);
-  border-radius: var(--radius-md);
-  height: 16px;
-  line-height: 16px;
-  padding: 0 4px;
-  color: var(--color-white);
-  font-size: 12px;
-  /* hide - visible only on desktop */
-  display: none;
-}
-
-/* label icon */
-.sidenav-v4__icon {
-  --size: var(--sidenav-v4-icon-size);
-  margin-right: var(--sidenav-v4-icon-margin-right);
-}
-
-/* arrow icon - visible on mobile if item is expandable */
-.sidenav-v4__arrow-icon {
-  --size: 20px;
-  /* hide icon for links - show only for buttons created in JS */
-}
-.sidenav-v4__arrow-icon .icon__group {
-  will-change: transform;
-  -webkit-transform-origin: 50% 50%;
-          transform-origin: 50% 50%;
-  -webkit-transform: rotate(-90deg);
-          transform: rotate(-90deg);
-  transition: -webkit-transform 0.3s var(--ease-out);
-  transition: transform 0.3s var(--ease-out);
-  transition: transform 0.3s var(--ease-out), -webkit-transform 0.3s var(--ease-out);
-}
-.sidenav-v4__arrow-icon .icon__group > * {
-  -webkit-transform-origin: 50% 50%;
-          transform-origin: 50% 50%;
-  stroke-dasharray: 20;
-  stroke-dashoffset: 0;
-  -webkit-transform: translateY(0px);
-          transform: translateY(0px);
-  transition: stroke-dashoffset 0.3s, -webkit-transform 0.3s;
-  transition: transform 0.3s, stroke-dashoffset 0.3s;
-  transition: transform 0.3s, stroke-dashoffset 0.3s, -webkit-transform 0.3s;
-  transition-timing-function: var(--ease-out);
-}
-.sidenav-v4__item--collapsed .sidenav-v4__arrow-icon .icon__group {
-  -webkit-transform: rotate(0deg);
-          transform: rotate(0deg);
-}
-.sidenav-v4__item--collapsed .sidenav-v4__arrow-icon .icon__group > * {
-  -webkit-transform: translateY(4px);
-          transform: translateY(4px);
-}
-.sidenav-v4__item--collapsed .sidenav-v4__arrow-icon .icon__group > *:first-child {
-  stroke-dashoffset: 10.15;
-}
-.sidenav-v4__item--collapsed .sidenav-v4__arrow-icon .icon__group > *:last-child {
-  stroke-dashoffset: 10.15;
-}
-.sidenav-v4__link--href .sidenav-v4__arrow-icon {
-  display: none;
-}
-
-/* current item */
-.sidenav-v4__item--current .sidenav-v4__sub-list {
-  display: block;
-  /* show sublist */
-}
-
-/* separator */
-.sidenav-v4__separator span {
-  display: block;
-  width: var(--sidenav-v4-icon-size);
-  height: 1px;
-  background-color: var(--color-contrast-lower);
-}
-
-/* mobile only */
-@media not all and (min-width: 64rem) {
-  .sidenav-v4__item--collapsed .sidenav-v4__sub-list {
-    display: none;
-  }
-
-  .sidenav-v4__link--href {
-    display: none;
-    /* hide link -> show button */
-  }
-}
-/* desktop */
-@media (min-width: 64rem) {
-  .sidenav-v4__sub-list {
-    display: none;
-  }
-
-  .sidenav-v4__link,
-.sidenav-v4__sub-link,
-.sidenav-v4__separator {
-    padding: var(--space-xs);
-  }
-
-  .sidenav-v4__link,
-.sidenav-v4__sub-link {
-    font-size: var(--text-sm);
-  }
-
-  .sidenav-v4__link--btn {
-    display: none;
-    /* hide button -> show link */
-  }
-
-  /* tooltip */
-  .sidenav-v4__item:not(.sidenav-v4__item--current) .sidenav-v4__sub-list {
-    width: 220px;
-    position: absolute;
-    z-index: var(--z-index-overlay);
-    left: 100%;
-    top: 0;
-    background-color: var(--color-bg-light);
-    box-shadow: var(--inner-glow), var(--shadow-md);
-    border-radius: var(--radius-md);
-    overflow: hidden;
-  }
-  .sidenav-v4__item:not(.sidenav-v4__item--current) .sidenav-v4__sub-link {
-    border-radius: 0;
-    color: var(--color-contrast-high);
-  }
-  .sidenav-v4__item:not(.sidenav-v4__item--current) .sidenav-v4__sub-link::before {
-    display: none;
-    /* remove dot indicator */
-  }
-  .sidenav-v4__item:not(.sidenav-v4__item--current) .sidenav-v4__sub-link:hover {
-    color: var(--color-primary);
-  }
-  .sidenav-v4__item:not(.sidenav-v4__item--current).sidenav-v4__item--hover .sidenav-v4__sub-list, .sidenav-v4__item:not(.sidenav-v4__item--current):focus-within .sidenav-v4__sub-list {
-    display: block;
-  }
-  .sidenav-v4__item:not(.sidenav-v4__item--current):hover .sidenav-v4__link {
-    /* highlight main link if tooltip is visible */
-    color: var(--color-primary);
-    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075);
-  }
-
-  /* notification marker */
-  .sidenav-v4__notification-marker {
-    display: block;
-  }
-}
-\ No newline at end of file
diff --git a/apps/projects/src/app/pages/nav/html/side-navigation-v4.html b/apps/projects/src/app/pages/nav/html/side-navigation-v4.html
deleted file mode 100644
index 1131b4d..0000000
--- a/apps/projects/src/app/pages/nav/html/side-navigation-v4.html
+++ /dev/null
@@ -1,211 +0,0 @@
-<div class="padding-component hide@md no-js:is-hidden">
-  <button class="btn btn--primary" aria-controls="sidenav-v4">Show sidebar</button>
-</div>
-
-<div class="flex@md">
-  <aside id="sidenav-v4" class="sidebar sidebar--static@md js-sidebar" data-static-class="position-relative z-index-2 bg width-100% max-width-xxxxs shadow-sm">
-    <div class="sidebar__panel">
-      <!-- 👇 header visible only on mobile -->
-      <header class="sidebar__header bg padding-y-sm padding-left-md padding-right-sm border-bottom z-index-2">
-        <h1 class="text-md text-truncate" id="sidebar-title">Menu</h1>
-  
-        <button class="reset sidebar__close-btn js-sidebar__close-btn js-tab-focus">
-          <svg class="icon icon--xs" viewBox="0 0 16 16"><title>Close panel</title><g stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><line x1="13.5" y1="2.5" x2="2.5" y2="13.5"></line><line x1="2.5" y1="2.5" x2="13.5" y2="13.5"></line></g></svg>
-        </button>
-      </header>
-
-      <div class="position-relative z-index-1">
-        <nav class="sidenav-v4 padding-xs js-sidenav-v4">
-          <ul>
-            <li class="sidenav-v4__item">
-              <a class="sidenav-v4__link js-sidenav-v4__link" href="#0">
-                <svg class="sidenav-v4__icon icon" viewBox="0 0 20 20">
-                  <g fill="currentColor">
-                    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 12v7H4v-7"></path>
-                    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 10l9-9 9 9"></path>
-                    <path d="M10 14a2 2 0 0 1 2 2v2H8v-2a2 2 0 0 1 2-2z"></path>
-                  </g>
-                </svg>
-
-                <span>Overview</span>
-
-                <svg class="sidenav-v4__arrow-icon icon margin-left-auto" viewBox="0 0 20 20">
-                  <g class="icon__group" fill="none" stroke="currentColor" stroke-width="2px" stroke-linecap="round" stroke-linejoin="round">
-                    <line x1="3" y1="3" x2="17" y2="17" />
-                    <line x1="17" y1="3" x2="3" y2="17" />
-                  </g>
-                </svg>
-              </a>
-        
-              <ul class="sidenav-v4__sub-list">
-                <li>
-                  <a class="sidenav-v4__sub-link" href="#0">All Data</a>
-                </li>
-                
-                <li>
-                  <a class="sidenav-v4__sub-link" href="#0">Category 1</a>
-                </li>
-                
-                <li>
-                  <a class="sidenav-v4__sub-link" href="#0">Category 2</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="sidenav-v4__item sidenav-v4__item--current">
-              <a class="sidenav-v4__link js-sidenav-v4__link" href="#0">
-                <svg class="sidenav-v4__icon icon" viewBox="0 0 20 20">
-                  <g fill="currentColor">
-                    <path d="M10 20a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2z"></path>
-                    <path d="M19 15a3 3 0 0 1-3-3V7a6 6 0 0 0-6-6 6 6 0 0 0-6 6v5a3 3 0 0 1-3 3h18z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
-                  </g>
-                </svg>
-
-                <span>Notifications</span>
-                
-                <span class="sidenav-v4__notification-marker">8 <i class="sr-only">notifications</i></span>
-  
-                <svg class="sidenav-v4__arrow-icon icon margin-left-auto" viewBox="0 0 20 20">
-                  <g class="icon__group" fill="none" stroke="currentColor" stroke-width="2px" stroke-linecap="round" stroke-linejoin="round">
-                    <line x1="3" y1="3" x2="17" y2="17" />
-                    <line x1="17" y1="3" x2="3" y2="17" />
-                  </g>
-                </svg>
-              </a>
-        
-              <ul class="sidenav-v4__sub-list">
-                <li>
-                  <a class="sidenav-v4__sub-link" href="#0">All Notifications</a>
-                </li>
-                
-                <li>
-                  <a class="sidenav-v4__sub-link" href="#0" aria-current="page">Friends</a>
-                </li>
-                
-                <li>
-                  <a class="sidenav-v4__sub-link" href="#0">Other</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="sidenav-v4__item">
-              <a class="sidenav-v4__link js-sidenav-v4__link" href="#0">
-                <svg class="sidenav-v4__icon icon" viewBox="0 0 20 20">
-                  <g fill="currentColor">
-                    <path d="M17 2H3a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h4l3 4 3-4h4a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
-                  </g>
-                </svg>
-
-                <span>Comments</span>
-  
-                <svg class="sidenav-v4__arrow-icon icon margin-left-auto" viewBox="0 0 20 20">
-                  <g class="icon__group" fill="none" stroke="currentColor" stroke-width="2px" stroke-linecap="round" stroke-linejoin="round">
-                    <line x1="3" y1="3" x2="17" y2="17" />
-                    <line x1="17" y1="3" x2="3" y2="17" />
-                  </g>
-                </svg>
-              </a>
-        
-              <ul class="sidenav-v4__sub-list">
-                <li>
-                  <a class="sidenav-v4__sub-link" href="#0">All Comments</a>
-                </li>
-                
-                <li>
-                  <a class="sidenav-v4__sub-link" href="#0">+ New Comment</a>
-                </li>
-                
-                <li>
-                  <a class="sidenav-v4__sub-link" href="#0">Spam</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="sidenav-v4__separator" role="presentation"><span></span></li>
-
-            <li class="sidenav-v4__item">
-              <a class="sidenav-v4__link js-sidenav-v4__link" href="#0">
-                <svg class="sidenav-v4__icon icon" viewBox="0 0 20 20">
-                  <g fill="currentColor">
-                    <rect x="2" y="2" width="16" height="16" rx="2" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></rect>
-                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 14l6-6 2 6H6z"></path><circle cx="6.5" cy="6.5" r="1.5"></circle>
-                  </g>
-                </svg>
-
-                <span>Assets</span>
-  
-                <svg class="sidenav-v4__arrow-icon icon margin-left-auto" viewBox="0 0 20 20">
-                  <g class="icon__group" fill="none" stroke="currentColor" stroke-width="2px" stroke-linecap="round" stroke-linejoin="round">
-                    <line x1="3" y1="3" x2="17" y2="17" />
-                    <line x1="17" y1="3" x2="3" y2="17" />
-                  </g>
-                </svg>
-              </a>
-        
-              <ul class="sidenav-v4__sub-list">
-                <li>
-                  <a class="sidenav-v4__sub-link" href="#0">All Assets</a>
-                </li>
-                
-                <li>
-                  <a class="sidenav-v4__sub-link" href="#0">Upload</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="sidenav-v4__item">
-              <a class="sidenav-v4__link js-sidenav-v4__link" href="#0">
-                <svg class="sidenav-v4__icon icon" viewBox="0 0 20 20">
-                  <g fill="currentColor">
-                    <circle cx="10" cy="4" r="3" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></circle>
-                    <path d="M10 11a8 8 0 0 0-7.562 5.383A2 2 0 0 0 4.347 19h11.306a2 2 0 0 0 1.909-2.617A8 8 0 0 0 10 11z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
-                  </g>
-                </svg>
-
-                <span>Users</span>
-  
-                <svg class="sidenav-v4__arrow-icon icon margin-left-auto" viewBox="0 0 20 20">
-                  <g class="icon__group" fill="none" stroke="currentColor" stroke-width="2px" stroke-linecap="round" stroke-linejoin="round">
-                    <line x1="3" y1="3" x2="17" y2="17" />
-                    <line x1="17" y1="3" x2="3" y2="17" />
-                  </g>
-                </svg>
-              </a>
-        
-              <ul class="sidenav-v4__sub-list">
-                <li>
-                  <a class="sidenav-v4__sub-link" href="#0">All Users</a>
-                </li>
-                
-                <li>
-                  <a class="sidenav-v4__sub-link" href="#0">+ New User</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="sidenav-v4__item">
-              <a class="sidenav-v4__link js-sidenav-v4__link" href="#0">
-                <svg class="sidenav-v4__icon icon" viewBox="0 0 20 20">
-                  <g fill="currentColor">
-                    <path d="M11 16l-1.55 1.55a4.95 4.95 0 0 1-7 0 4.95 4.95 0 0 1 0-7l2.192-2.192a4.95 4.95 0 0 1 7 0A4.907 4.907 0 0 1 12.731 10" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
-                    <path d="M9 4l1.55-1.55a4.95 4.95 0 0 1 7 0 4.95 4.95 0 0 1 0 7l-2.192 2.192a4.95 4.95 0 0 1-7 0A4.907 4.907 0 0 1 7.269 10" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
-                  </g>
-                </svg>
-
-                <span>Link</span>
-              </a>
-            </li>
-          </ul>
-        </nav>
-      </div>
-    </div>
-  </aside>
-  
-  <main class="position-relative z-index-1 flex-grow height-100vh sidebar-loaded:show">
-    <!-- start main content -->
-    <div class="text-component padding-md">
-      <p>Main content.</p>
-    </div>
-    <!-- end main content -->
-  </main>
-</div>
-\ No newline at end of file
diff --git a/apps/projects/src/app/pages/nav/index.ts b/apps/projects/src/app/pages/nav/index.ts
deleted file mode 100644
index ca91c20..0000000
--- a/apps/projects/src/app/pages/nav/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import NavWrapper from "./nav-wrapper.svelte";
-import NavItem from "./nav-item.svelte";
-export {
-    NavWrapper,
-    NavItem
-}
-\ No newline at end of file
diff --git a/apps/projects/src/app/pages/nav/js/_1_diagonal-movement.js b/apps/projects/src/app/pages/nav/js/_1_diagonal-movement.js
deleted file mode 100644
index ed4a47d..0000000
--- a/apps/projects/src/app/pages/nav/js/_1_diagonal-movement.js
+++ /dev/null
@@ -1,296 +0,0 @@
-// File#: _1_diagonal-movement
-// Usage: codyhouse.co/license
-/*
-  Modified version of the jQuery-menu-aim plugin
-  https://github.com/kamens/jQuery-menu-aim
-  - Replaced jQuery with Vanilla JS
-  - Minor changes
-*/
-(function() {
-  var menuAim = function(opts) {
-    init(opts);
-  };
-
-  window.menuAim = menuAim;
-
-  function init(opts) {
-    var activeRow = null,
-      mouseLocs = [],
-      lastDelayLoc = null,
-      timeoutId = null,
-      options = Util.extend({
-        menu: '',
-        rows: false, //if false, get direct children - otherwise pass nodes list 
-        submenuSelector: "*",
-        submenuDirection: "right",
-        tolerance: 75,  // bigger = more forgivey when entering submenu
-        enter: function(){},
-        exit: function(){},
-        activate: function(){},
-        deactivate: function(){},
-        exitMenu: function(){}
-      }, opts),
-      menu = options.menu;
-
-    var MOUSE_LOCS_TRACKED = 3,  // number of past mouse locations to track
-      DELAY = 300;  // ms delay when user appears to be entering submenu
-
-    /**
-     * Keep track of the last few locations of the mouse.
-     */
-    var mouseMoveFallback = function(event) {
-      (!window.requestAnimationFrame) ? mousemoveDocument(event) : window.requestAnimationFrame(function(){mousemoveDocument(event);});
-    };
-
-    var mousemoveDocument = function(e) {
-      mouseLocs.push({x: e.pageX, y: e.pageY});
-
-      if (mouseLocs.length > MOUSE_LOCS_TRACKED) {
-        mouseLocs.shift();
-      }
-    };
-
-    /**
-     * Cancel possible row activations when leaving the menu entirely
-     */
-    var mouseleaveMenu = function() {
-      if (timeoutId) {
-        clearTimeout(timeoutId);
-      }
-
-      // If exitMenu is supplied and returns true, deactivate the
-      // currently active row on menu exit.
-      if (options.exitMenu(this)) {
-        if (activeRow) {
-          options.deactivate(activeRow);
-        }
-
-        activeRow = null;
-      }
-    };
-
-    /**
-     * Trigger a possible row activation whenever entering a new row.
-     */
-    var mouseenterRow = function() {
-      if (timeoutId) {
-        // Cancel any previous activation delays
-        clearTimeout(timeoutId);
-      }
-
-      options.enter(this);
-      possiblyActivate(this);
-    },
-    mouseleaveRow = function() {
-      options.exit(this);
-    };
-
-    /*
-     * Immediately activate a row if the user clicks on it.
-     */
-    var clickRow = function() {
-      activate(this);
-    };  
-
-    /**
-     * Activate a menu row.
-     */
-    var activate = function(row) {
-      if (row == activeRow) {
-        return;
-      }
-
-      if (activeRow) {
-        options.deactivate(activeRow);
-      }
-
-      options.activate(row);
-      activeRow = row;
-    };
-
-    /**
-     * Possibly activate a menu row. If mouse movement indicates that we
-     * shouldn't activate yet because user may be trying to enter
-     * a submenu's content, then delay and check again later.
-     */
-    var possiblyActivate = function(row) {
-      var delay = activationDelay();
-
-      if (delay) {
-        timeoutId = setTimeout(function() {
-          possiblyActivate(row);
-        }, delay);
-      } else {
-        activate(row);
-      }
-    };
-
-    /**
-     * Return the amount of time that should be used as a delay before the
-     * currently hovered row is activated.
-     *
-     * Returns 0 if the activation should happen immediately. Otherwise,
-     * returns the number of milliseconds that should be delayed before
-     * checking again to see if the row should be activated.
-     */
-    var activationDelay = function() {
-      if (!activeRow || !Util.is(activeRow, options.submenuSelector)) {
-        // If there is no other submenu row already active, then
-        // go ahead and activate immediately.
-        return 0;
-      }
-
-      function getOffset(element) {
-        var rect = element.getBoundingClientRect();
-        return { top: rect.top + window.pageYOffset, left: rect.left + window.pageXOffset };
-      };
-
-      var offset = getOffset(menu),
-          upperLeft = {
-              x: offset.left,
-              y: offset.top - options.tolerance
-          },
-          upperRight = {
-              x: offset.left + menu.offsetWidth,
-              y: upperLeft.y
-          },
-          lowerLeft = {
-              x: offset.left,
-              y: offset.top + menu.offsetHeight + options.tolerance
-          },
-          lowerRight = {
-              x: offset.left + menu.offsetWidth,
-              y: lowerLeft.y
-          },
-          loc = mouseLocs[mouseLocs.length - 1],
-          prevLoc = mouseLocs[0];
-
-      if (!loc) {
-        return 0;
-      }
-
-      if (!prevLoc) {
-        prevLoc = loc;
-      }
-
-      if (prevLoc.x < offset.left || prevLoc.x > lowerRight.x || prevLoc.y < offset.top || prevLoc.y > lowerRight.y) {
-        // If the previous mouse location was outside of the entire
-        // menu's bounds, immediately activate.
-        return 0;
-      }
-
-      if (lastDelayLoc && loc.x == lastDelayLoc.x && loc.y == lastDelayLoc.y) {
-        // If the mouse hasn't moved since the last time we checked
-        // for activation status, immediately activate.
-        return 0;
-      }
-
-      // Detect if the user is moving towards the currently activated
-      // submenu.
-      //
-      // If the mouse is heading relatively clearly towards
-      // the submenu's content, we should wait and give the user more
-      // time before activating a new row. If the mouse is heading
-      // elsewhere, we can immediately activate a new row.
-      //
-      // We detect this by calculating the slope formed between the
-      // current mouse location and the upper/lower right points of
-      // the menu. We do the same for the previous mouse location.
-      // If the current mouse location's slopes are
-      // increasing/decreasing appropriately compared to the
-      // previous's, we know the user is moving toward the submenu.
-      //
-      // Note that since the y-axis increases as the cursor moves
-      // down the screen, we are looking for the slope between the
-      // cursor and the upper right corner to decrease over time, not
-      // increase (somewhat counterintuitively).
-      function slope(a, b) {
-        return (b.y - a.y) / (b.x - a.x);
-      };
-
-      var decreasingCorner = upperRight,
-        increasingCorner = lowerRight;
-
-      // Our expectations for decreasing or increasing slope values
-      // depends on which direction the submenu opens relative to the
-      // main menu. By default, if the menu opens on the right, we
-      // expect the slope between the cursor and the upper right
-      // corner to decrease over time, as explained above. If the
-      // submenu opens in a different direction, we change our slope
-      // expectations.
-      if (options.submenuDirection == "left") {
-        decreasingCorner = lowerLeft;
-        increasingCorner = upperLeft;
-      } else if (options.submenuDirection == "below") {
-        decreasingCorner = lowerRight;
-        increasingCorner = lowerLeft;
-      } else if (options.submenuDirection == "above") {
-        decreasingCorner = upperLeft;
-        increasingCorner = upperRight;
-      }
-
-      var decreasingSlope = slope(loc, decreasingCorner),
-        increasingSlope = slope(loc, increasingCorner),
-        prevDecreasingSlope = slope(prevLoc, decreasingCorner),
-        prevIncreasingSlope = slope(prevLoc, increasingCorner);
-
-      if (decreasingSlope < prevDecreasingSlope && increasingSlope > prevIncreasingSlope) {
-        // Mouse is moving from previous location towards the
-        // currently activated submenu. Delay before activating a
-        // new menu row, because user may be moving into submenu.
-        lastDelayLoc = loc;
-        return DELAY;
-      }
-
-      lastDelayLoc = null;
-      return 0;
-    };
-
-    var reset = function(triggerDeactivate) {
-      if (timeoutId) {
-        clearTimeout(timeoutId);
-      }
-
-      if (activeRow && triggerDeactivate) {
-        options.deactivate(activeRow);
-      }
-
-      activeRow = null;
-    };
-
-    var destroyInstance = function() {
-      menu.removeEventListener('mouseleave', mouseleaveMenu);  
-      document.removeEventListener('mousemove', mouseMoveFallback);
-      if(rows.length > 0) {
-        for(var i = 0; i < rows.length; i++) {
-          rows[i].removeEventListener('mouseenter', mouseenterRow);  
-          rows[i].removeEventListener('mouseleave', mouseleaveRow);
-          rows[i].removeEventListener('click', clickRow);  
-        }
-      }
-      
-    };
-
-    /**
-     * Hook up initial menu events
-     */
-    menu.addEventListener('mouseleave', mouseleaveMenu);  
-    var rows = (options.rows) ? options.rows : menu.children;
-    if(rows.length > 0) {
-      for(var i = 0; i < rows.length; i++) {(function(i){
-        rows[i].addEventListener('mouseenter', mouseenterRow);  
-        rows[i].addEventListener('mouseleave', mouseleaveRow);
-        rows[i].addEventListener('click', clickRow);  
-      })(i);}
-    }
-
-    document.addEventListener('mousemove', mouseMoveFallback);
-
-    /* Reset/destroy menu */
-    menu.addEventListener('reset', function(event){
-      reset(event.detail);
-    });
-    menu.addEventListener('destroy', destroyInstance);
-  };
-}());
-
diff --git a/apps/projects/src/app/pages/nav/js/_1_responsive-sidebar.js b/apps/projects/src/app/pages/nav/js/_1_responsive-sidebar.js
deleted file mode 100644
index f9599d8..0000000
--- a/apps/projects/src/app/pages/nav/js/_1_responsive-sidebar.js
+++ /dev/null
@@ -1,215 +0,0 @@
-// File#: _1_responsive-sidebar
-// Usage: codyhouse.co/license
-(function() {
-  var Sidebar = function(element) {
-		this.element = element;
-		this.triggers = document.querySelectorAll('[aria-controls="'+this.element.getAttribute('id')+'"]');
-		this.firstFocusable = null;
-		this.lastFocusable = null;
-		this.selectedTrigger = null;
-    this.showClass = "sidebar--is-visible";
-    this.staticClass = "sidebar--static";
-    this.customStaticClass = "";
-    this.readyClass = "sidebar--loaded";
-    this.contentReadyClass = "sidebar-loaded:show";
-    this.layout = false; // this will be static or mobile
-    this.preventScrollEl = getPreventScrollEl(this);
-    getCustomStaticClass(this); // custom classes for static version
-    initSidebar(this);
-  };
-
-  function getPreventScrollEl(element) {
-		var scrollEl = false;
-		var querySelector = element.element.getAttribute('data-sidebar-prevent-scroll');
-		if(querySelector) scrollEl = document.querySelector(querySelector);
-		return scrollEl;
-	};
-
-  function getCustomStaticClass(element) {
-    var customClasses = element.element.getAttribute('data-static-class');
-    if(customClasses) element.customStaticClass = ' '+customClasses;
-  };
-  
-  function initSidebar(sidebar) {
-    initSidebarResize(sidebar); // handle changes in layout -> mobile to static and viceversa
-    
-		if ( sidebar.triggers ) { // open sidebar when clicking on trigger buttons - mobile layout only
-			for(var i = 0; i < sidebar.triggers.length; i++) {
-				sidebar.triggers[i].addEventListener('click', function(event) {
-					event.preventDefault();
-          toggleSidebar(sidebar, event.target);
-				});
-			}
-		}
-
-    // use the 'openSidebar' event to trigger the sidebar
-    sidebar.element.addEventListener('openSidebar', function(event) {
-      toggleSidebar(sidebar, event.detail);
-    });
-  };
-
-  function toggleSidebar(sidebar, target) {
-    if(Util.hasClass(sidebar.element, sidebar.showClass)) {
-      sidebar.selectedTrigger = target;
-      closeSidebar(sidebar);
-      return;
-    }
-    sidebar.selectedTrigger = target;
-    showSidebar(sidebar);
-    initSidebarEvents(sidebar);
-  };
-
-  function showSidebar(sidebar) { // mobile layout only
-		Util.addClass(sidebar.element, sidebar.showClass);
-		getFocusableElements(sidebar);
-		Util.moveFocus(sidebar.element);
-    // change the overflow of the preventScrollEl
-		if(sidebar.preventScrollEl) sidebar.preventScrollEl.style.overflow = 'hidden';
-  };
-
-  function closeSidebar(sidebar) { // mobile layout only
-		Util.removeClass(sidebar.element, sidebar.showClass);
-		sidebar.firstFocusable = null;
-		sidebar.lastFocusable = null;
-    if(sidebar.selectedTrigger) sidebar.selectedTrigger.focus();
-    sidebar.element.removeAttribute('tabindex');
-		//remove listeners
-		cancelSidebarEvents(sidebar);
-    // change the overflow of the preventScrollEl
-		if(sidebar.preventScrollEl) sidebar.preventScrollEl.style.overflow = '';
-	};
-
-  function initSidebarEvents(sidebar) { // mobile layout only
-    //add event listeners
-		sidebar.element.addEventListener('keydown', handleEvent.bind(sidebar));
-		sidebar.element.addEventListener('click', handleEvent.bind(sidebar));
-  };
-
-  function cancelSidebarEvents(sidebar) { // mobile layout only
-    //remove event listeners
-		sidebar.element.removeEventListener('keydown', handleEvent.bind(sidebar));
-		sidebar.element.removeEventListener('click', handleEvent.bind(sidebar));
-  };
-
-  function handleEvent(event) { // mobile layout only
-    switch(event.type) {
-      case 'click': {
-        initClick(this, event);
-      }
-      case 'keydown': {
-        initKeyDown(this, event);
-      }
-    }
-  };
-
-  function initKeyDown(sidebar, event) { // mobile layout only
-    if( event.keyCode && event.keyCode == 27 || event.key && event.key == 'Escape' ) {
-      //close sidebar window on esc
-      closeSidebar(sidebar);
-    } else if( event.keyCode && event.keyCode == 9 || event.key && event.key == 'Tab' ) {
-      //trap focus inside sidebar
-      trapFocus(sidebar, event);
-    }
-  };
-
-  function initClick(sidebar, event) { // mobile layout only
-    //close sidebar when clicking on close button or sidebar bg layer 
-		if( !event.target.closest('.js-sidebar__close-btn') && !Util.hasClass(event.target, 'js-sidebar') ) return;
-		event.preventDefault();
-		closeSidebar(sidebar);
-  };
-
-  function trapFocus(sidebar, event) { // mobile layout only
-    if( sidebar.firstFocusable == document.activeElement && event.shiftKey) {
-			//on Shift+Tab -> focus last focusable element when focus moves out of sidebar
-			event.preventDefault();
-			sidebar.lastFocusable.focus();
-		}
-		if( sidebar.lastFocusable == document.activeElement && !event.shiftKey) {
-			//on Tab -> focus first focusable element when focus moves out of sidebar
-			event.preventDefault();
-			sidebar.firstFocusable.focus();
-		}
-  };
-
-  function initSidebarResize(sidebar) {
-    // custom event emitted when window is resized - detect only if the sidebar--static@{breakpoint} class was added
-    var beforeContent = getComputedStyle(sidebar.element, ':before').getPropertyValue('content');
-    if(beforeContent && beforeContent !='' && beforeContent !='none') {
-      checkSidebarLayout(sidebar);
-
-      sidebar.element.addEventListener('update-sidebar', function(event){
-        checkSidebarLayout(sidebar);
-      });
-    } 
-    // check if there a main element to show
-    var mainContent = document.getElementsByClassName(sidebar.contentReadyClass);
-    if(mainContent.length > 0) Util.removeClass(mainContent[0], sidebar.contentReadyClass);
-    Util.addClass(sidebar.element, sidebar.readyClass);
-  };
-
-  function checkSidebarLayout(sidebar) {
-    var layout = getComputedStyle(sidebar.element, ':before').getPropertyValue('content').replace(/\'|"/g, '');
-    if(layout == sidebar.layout) return;
-    sidebar.layout = layout;
-    if(layout != 'static') Util.addClass(sidebar.element, 'is-hidden');
-    Util.toggleClass(sidebar.element, sidebar.staticClass + sidebar.customStaticClass, layout == 'static');
-    if(layout != 'static') setTimeout(function(){Util.removeClass(sidebar.element, 'is-hidden')});
-    // reset element role 
-    (layout == 'static') ? sidebar.element.removeAttribute('role', 'alertdialog') :  sidebar.element.setAttribute('role', 'alertdialog');
-    // reset mobile behaviour
-    if(layout == 'static' && Util.hasClass(sidebar.element, sidebar.showClass)) closeSidebar(sidebar);
-  };
-
-  function getFocusableElements(sidebar) {
-    //get all focusable elements inside the drawer
-		var allFocusable = sidebar.element.querySelectorAll('[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex]:not([tabindex="-1"]), [contenteditable], audio[controls], video[controls], summary');
-		getFirstVisible(sidebar, allFocusable);
-		getLastVisible(sidebar, allFocusable);
-  };
-
-  function getFirstVisible(sidebar, elements) {
-		//get first visible focusable element inside the sidebar
-		for(var i = 0; i < elements.length; i++) {
-			if( elements[i].offsetWidth || elements[i].offsetHeight || elements[i].getClientRects().length ) {
-				sidebar.firstFocusable = elements[i];
-				return true;
-			}
-		}
-	};
-
-	function getLastVisible(sidebar, elements) {
-		//get last visible focusable element inside the sidebar
-		for(var i = elements.length - 1; i >= 0; i--) {
-			if( elements[i].offsetWidth || elements[i].offsetHeight || elements[i].getClientRects().length ) {
-				sidebar.lastFocusable = elements[i];
-				return true;
-			}
-		}
-  };
-
-  window.Sidebar = Sidebar;
-
-  //initialize the Sidebar objects
-	var sidebar = document.getElementsByClassName('js-sidebar');
-	if( sidebar.length > 0 ) {
-		for( var i = 0; i < sidebar.length; i++) {
-			(function(i){new Sidebar(sidebar[i]);})(i);
-    }
-    // switch from mobile to static layout
-    var customEvent = new CustomEvent('update-sidebar');
-    window.addEventListener('resize', function(event){
-      (!window.requestAnimationFrame) ? setTimeout(function(){resetLayout();}, 250) : window.requestAnimationFrame(resetLayout);
-    });
-
-    (window.requestAnimationFrame) // init sidebar layout
-      ? window.requestAnimationFrame(resetLayout)
-      : resetLayout();
-
-    function resetLayout() {
-      for( var i = 0; i < sidebar.length; i++) {
-        (function(i){sidebar[i].dispatchEvent(customEvent)})(i);
-      };
-    };
-	}
-}());
-\ No newline at end of file
diff --git a/apps/projects/src/app/pages/nav/js/_2_side-navigation-v4.js b/apps/projects/src/app/pages/nav/js/_2_side-navigation-v4.js
deleted file mode 100644
index 63ef9c4..0000000
--- a/apps/projects/src/app/pages/nav/js/_2_side-navigation-v4.js
+++ /dev/null
@@ -1,73 +0,0 @@
-// File#: _2_side-navigation-v4
-// Usage: codyhouse.co/license
-(function() {
-  function initSideNav(nav) {
-    // create btns - visible on mobile only
-    createBtns(nav);
-    // toggle sublists on mobile when clicking on buttons
-    toggleSubLists(nav);
-    // init diagonal movement
-    initDiagonalMove(nav);
-  };
-
-  function createBtns(nav) {
-    // on mobile -> create a <button> element for each link with a submenu
-    var expandableLinks = nav.getElementsByClassName('js-sidenav-v4__link');
-    for(var i = 0; i < expandableLinks.length; i++) {
-      createSingleBtn(expandableLinks[i]);
-    }
-  };
-
-  function createSingleBtn(link) {
-    if(!hasSubList(link)) return;
-    // create btn and insert it into the DOM
-    var btnClasses = link.getAttribute('class').replace('js-sidenav-v4__link', 'js-sidenav-v4__btn');
-    btnClasses = btnClasses +' sidenav-v4__link--btn';
-    var btnHtml = '<button class="reset '+btnClasses+'">'+link.innerHTML+'</button>';
-    link.insertAdjacentHTML('afterend', btnHtml);
-    // add class to link element
-    Util.addClass(link, 'sidenav-v4__link--href');
-    // check if we need to add the collpsed class to the <li> element
-    var listItem = link.parentElement;
-    if(!Util.hasClass(listItem, 'sidenav-v4__item--current')) Util.addClass(listItem, 'sidenav-v4__item--collapsed');
-  };
-
-  function hasSubList(link) {
-    // check if link has submenu
-    var sublist = link.nextElementSibling;
-    if(!sublist) return false;
-    return Util.hasClass(sublist, 'sidenav-v4__sub-list');
-  };
-
-  function toggleSubLists(nav) {
-    // open/close sublist on mobile
-    nav.addEventListener('click', function(event){
-      var btn = event.target.closest('.js-sidenav-v4__btn');
-      if(!btn) return;
-      Util.toggleClass(btn.parentElement, 'sidenav-v4__item--collapsed', !Util.hasClass(btn.parentElement, 'sidenav-v4__item--collapsed'));
-    });
-  };
-
-  function initDiagonalMove(nav) {
-    // improve dropdown navigation
-    new menuAim({
-      menu: nav.querySelector('ul'),
-      activate: function(row) {
-        Util.addClass(row, 'sidenav-v4__item--hover');
-      },
-      deactivate: function(row) {
-        Util.removeClass(row, 'sidenav-v4__item--hover');
-      },
-      exitMenu: function() {
-        return true;
-      },
-    });
-  };
-
-  var sideNavs = document.getElementsByClassName('js-sidenav-v4');
-	if( sideNavs.length > 0 ) {
-		for( var i = 0; i < sideNavs.length; i++) {
-      (function(i){initSideNav(sideNavs[i]);})(i);
-		}
-	}
-}());
-\ No newline at end of file
diff --git a/apps/projects/src/app/pages/nav/nav-item.svelte b/apps/projects/src/app/pages/nav/nav-item.svelte
deleted file mode 100644
index 335cbbb..0000000
--- a/apps/projects/src/app/pages/nav/nav-item.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts">
-    import {link} from "svelte-spa-router";
-    import Icon from "$shared/components/icon.svelte";
-    
-    export let external = "";
-    export let to = "";
-    export let text;
-    export let icon;
-</script>
-
-<li class="sidenav-v4__item">
-    <a class="sidenav-v4__link" href={to ?? external} use:link={external === ""}>
-        {#if icon}
-            <Icon class="sidenav-v4__icon icon" name="{icon}" />
-        {/if}
-        <span>{text}</span>
-    </a>
-</li>
diff --git a/apps/projects/src/app/pages/nav/nav-wrapper.svelte b/apps/projects/src/app/pages/nav/nav-wrapper.svelte
deleted file mode 100644
index 8321544..0000000
--- a/apps/projects/src/app/pages/nav/nav-wrapper.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-<script lang="ts">
-    import {random_string} from "$shared/lib/helpers";
-
-    export let id = "nav__" + random_string(4);
-    const staticClasses = "position-relative z-index-2 bg width-100% max-width-xxxxs shadow-sm"
-</script>
-<div class="flex@md">
-    <aside id="{id}" class="sidebar sidebar--static@md {staticClasses}">
-        <div class="sidebar__panel">
-            <div class="position-relative z-index-1">
-                <nav class="sidenav-v4 padding-xs">
-                    <slot name="navigation-items"></slot>
-                </nav>
-            </div>
-        </div>
-    </aside>
-    <main class="container max-width-xl position-relative z-index-1 flex-grow min-height-100vh position-sticky@md top-0@md height-100vh@md overflow-auto@m">
-        <slot name="main-content"></slot>
-    </main>
-</div>
-\ No newline at end of file
diff --git a/apps/projects/src/app/pages/nav/scss/_1_responsive-sidebar.scss b/apps/projects/src/app/pages/nav/scss/_1_responsive-sidebar.scss
deleted file mode 100644
index e4304f1..0000000
--- a/apps/projects/src/app/pages/nav/scss/_1_responsive-sidebar.scss
+++ /dev/null
@@ -1,147 +0,0 @@
-@use '../base' as *;
-
-/* -------------------------------- 
-
-File#: _1_responsive-sidebar
-Title: Responsive Sidebar
-Descr: Responsive sidebar container
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-/* mobile version only (--default) 👇 */
-.sidebar:not(.sidebar--static) {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: var(--z-index-fixed-element, 10);
-  width: 100%;
-  height: 100%;
-  visibility: hidden;
-  transition: visibility 0s 0.3s;
-
-  &::after { /* overlay layer */
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: alpha(var(--color-black), 0);
-    transition: background-color .3s;
-    z-index: 1;
-  }
-
-  .sidebar__panel { /* content */
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 2;
-    width: 100%;
-    max-width: 380px;
-    height: 100%;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-    background-color: var(--color-bg);
-    transform: translateX(-100%);
-    transition: box-shadow 0.3s,transform 0.3s;
-  }
-
-  &.sidebar--right-on-mobile {
-    .sidebar__panel {
-      left: auto;
-      right: 0;
-      transform: translateX(100%);
-    }
-  }
-
-  &.sidebar--is-visible {
-    visibility: visible;
-    transition: none;
-    
-    &::after {
-      background-color: alpha(var(--color-black), 0.85);
-    }
-
-    .sidebar__panel {
-      transform: translateX(0);
-      box-shadow: var(--shadow-md);
-    }
-  }
-}
-/* end mobile version */
-
-.sidebar__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  position: sticky;
-  top: 0;
-}
-
-.sidebar__close-btn {
-  --size: 32px;
-  width: var(--size);
-  height: var(--size);
-  display: flex;
-  border-radius: 50%;
-  background-color: var(--color-bg-light);
-  box-shadow: var(--inner-glow), var(--shadow-sm);
-  transition: .2s;
-  flex-shrink: 0;
-  
-  .icon {
-    display: block;
-    margin: auto;
-  }
-
-  &:hover {
-    background-color: var(--color-bg-lighter);
-    box-shadow: var(--inner-glow), var(--shadow-md);
-  }
-}
-
-/* desktop version only (--static) 👇 */
-.sidebar--static {
-  flex-shrink: 0;
-  flex-grow: 1;
-
-  .sidebar__header {
-    display: none;
-  }
-}
-
-.sidebar--sticky-on-desktop {
-  position: sticky;
-  top: var(--space-sm);
-  max-height: calc(100vh - var(--space-sm));
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-}
-/* end desktop version */
-
-.sidebar, .sidebar-loaded\:show {
-  opacity: 0; /* hide sidebar - or other elements using the .sidebar-loaded:show class - while it is initialized in JS */
-}
-
-.sidebar--loaded {
-  opacity: 1;
-}
-
-/* detect when the sidebar needs to switch from the mobile layout to a static one - used in JS */
-[class*="sidebar--static"]::before {
-  display: none;
-}
-
-.sidebar--static::before {
-  content: 'static';
-}
-
-@each $breakpoint, $value in $breakpoints {
-  .sidebar--static\@#{$breakpoint}::before {
-    content: 'mobile';
-    @include breakpoint(#{$breakpoint}) {
-      content: 'static';
-    }
-  }
-}
-\ No newline at end of file
diff --git a/apps/projects/src/app/pages/nav/scss/_2_side-navigation-v4.scss b/apps/projects/src/app/pages/nav/scss/_2_side-navigation-v4.scss
deleted file mode 100644
index 2b421df..0000000
--- a/apps/projects/src/app/pages/nav/scss/_2_side-navigation-v4.scss
+++ /dev/null
@@ -1,237 +0,0 @@
-@use '../base' as *;
-@use '_1_responsive-sidebar.scss' as *;
-
-/* -------------------------------- 
-
-File#: _2_side-navigation-v4
-Title: Side Navigation v4
-Descr: Main, side navigation
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.sidenav-v4 {
-  --sidenav-v4-icon-size: 20px;
-  --sidenav-v4-icon-margin-right: var(--space-xxs);
-}
-
-.sidenav-v4__item {
-  position: relative;
-}
-
-.sidenav-v4__link, 
-.sidenav-v4__sub-link,
-.sidenav-v4__separator {
-  padding: var(--space-sm);
-}
-
-.sidenav-v4__link, .sidenav-v4__sub-link {
-  display: flex;
-  align-items: center;
-  
-  width: 100%;
-  border-radius: var(--radius-md);
-  
-  text-decoration: none;
-  color: inherit;
-  line-height: 1;
-  font-size: var(--text-md);
-
-  transition: .2s;
-
-  &:hover {
-    color: var(--color-primary);
-    background-color: alpha(var(--color-contrast-higher), 0.075);
-  }
-
-  &[aria-current="page"] {
-    color: var(--color-primary);
-  }
-}
-
-.sidenav-v4__sub-link {
-  position: relative;
-  color: var(--color-contrast-medium);
-  
-  /* dot indicator */
-  &::before {
-    content: '';
-    display: block;
-    --size: 6px;
-    width: var(--size);
-    height: var(--size);
-    background: currentColor;
-    border-radius: 50%;
-    margin-left: calc(var(--sidenav-v4-icon-size)/2 - var(--size)/2);
-    margin-right: calc(var(--sidenav-v4-icon-size)/2 - var(--size)/2 + var(--sidenav-v4-icon-margin-right));
-
-    opacity: 0; /* visible only if current */
-  }
-
-  &[aria-current="page"] {
-    &::before { /* show dot indicator */
-      opacity: 1;
-    }
-  }
-}
-
-.sidenav-v4__notification-marker {
-  margin-left: auto;
-  background-color: var(--color-accent);
-  border-radius: var(--radius-md);
-  
-  height: 16px;
-  line-height: 16px;
-  padding: 0 4px;
-  color: var(--color-white);
-  font-size: 12px;
-
-  /* hide - visible only on desktop */
-  display: none;
-}
-
-/* label icon */
-.sidenav-v4__icon {
-  --size: var(--sidenav-v4-icon-size);
-  margin-right: var(--sidenav-v4-icon-margin-right);
-}
-
-/* arrow icon - visible on mobile if item is expandable */
-.sidenav-v4__arrow-icon {
-  --size: 20px;
-
-  .icon__group {
-    will-change: transform;
-    transform-origin: 50% 50%;
-    transform: rotate(-90deg);
-    transition: transform .3s var(--ease-out);
-
-    > * {
-      transform-origin: 50% 50%;
-      stroke-dasharray: 20;
-      stroke-dashoffset: 0;
-      transform: translateY(0px);
-      transition: transform .3s, stroke-dashoffset .3s;
-      transition-timing-function: var(--ease-out);
-    }
-
-    .sidenav-v4__item--collapsed & {
-      transform: rotate(0deg);
-
-      > * {
-        transform: translateY(4px);
-      }
-
-      > *:first-child {
-        stroke-dashoffset: 10.15;
-      }
-  
-      > *:last-child {
-        stroke-dashoffset: 10.15;
-      }
-    }
-  }
-
-  /* hide icon for links - show only for buttons created in JS */
-  .sidenav-v4__link--href & {
-    display: none;
-  }
-}
-
-/* current item */
-.sidenav-v4__item--current {
-  .sidenav-v4__sub-list {
-    display: block; /* show sublist */
-  }
-}
-
-/* separator */
-.sidenav-v4__separator {
-  span {
-    display: block;
-    width: var(--sidenav-v4-icon-size);
-    height: 1px;
-    background-color: var(--color-contrast-lower);
-  }
-}
-
-/* mobile only */
-@include breakpoint(md, "not all") {
-  .sidenav-v4__item--collapsed {
-    .sidenav-v4__sub-list {
-      display: none;
-    }
-  }
-
-  .sidenav-v4__link--href {
-    display: none; /* hide link -> show button */
-  }
-}
-
-/* desktop */
-@include breakpoint(md) {
-  .sidenav-v4__sub-list {
-    display: none;
-  }
-
-  .sidenav-v4__link, 
-  .sidenav-v4__sub-link,
-  .sidenav-v4__separator {
-    padding: var(--space-xs);
-  }
-
-  .sidenav-v4__link, 
-  .sidenav-v4__sub-link {
-    font-size: var(--text-sm);
-  }
-
-  .sidenav-v4__link--btn {
-    display: none; /* hide button -> show link */
-  }
-
-  /* tooltip */
-  .sidenav-v4__item:not(.sidenav-v4__item--current) {
-    .sidenav-v4__sub-list {
-      width: 220px;
-      position: absolute;
-      z-index: var(--z-index-overlay);
-      left: 100%;
-      top: 0;
-  
-      background-color: var(--color-bg-light);
-      box-shadow: var(--inner-glow), var(--shadow-md);
-      border-radius: var(--radius-md);
-  
-      overflow: hidden;
-    }
-
-    .sidenav-v4__sub-link {
-      border-radius: 0;
-      color: var(--color-contrast-high);
-
-      &::before {
-        display: none; /* remove dot indicator */
-      }
-
-      &:hover {
-        color: var(--color-primary);
-      }
-    }
-
-    &.sidenav-v4__item--hover, &:focus-within {
-      .sidenav-v4__sub-list {
-        display: block;
-      }
-    }
-
-    &:hover .sidenav-v4__link { /* highlight main link if tooltip is visible */
-      color: var(--color-primary);
-      background-color: alpha(var(--color-contrast-higher), 0.075);
-    }
-  }
-
-  /* notification marker */
-  .sidenav-v4__notification-marker {
-    display: block;
-  }
-}
-\ No newline at end of file
diff --git a/apps/projects/src/app/pages/nav/side-navigation-v4.zip b/apps/projects/src/app/pages/nav/side-navigation-v4.zip
deleted file mode 100644
index d034eaf..0000000
--- a/apps/projects/src/app/pages/nav/side-navigation-v4.zip
+++ /dev/null
diff --git a/apps/projects/src/app/pages/not-found.svelte b/apps/projects/src/app/pages/not-found.svelte
deleted file mode 100644
index 8822e0e..0000000
--- a/apps/projects/src/app/pages/not-found.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-<script>
-	import LL from "$app/lib/i18n/i18n-svelte";
-	import {link} from "svelte-spa-router";
-</script>
-
-<style>
-    header {
-        font-size: 12rem;
-    }
-
-    main {
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
-        text-align: center;
-    }
-</style>
-
-<main>
-    <header>404</header>
-    <p>{$LL.messages.pageNotFound()}</p>
-    <a use:link
-       href="/">{$LL.messages.goToFrontpage()}</a>
-</main>
diff --git a/apps/projects/src/app/pages/settings.svelte b/apps/projects/src/app/pages/settings.svelte
deleted file mode 100644
index ca9fd47..0000000
--- a/apps/projects/src/app/pages/settings.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script>
-	import Layout from "./_layout.svelte";
-	import CategoriesTile from "$app/pages/views/settings-categories-tile.svelte";
-	import LabelsTile from "$app/pages/views/settings-labels-tile.svelte";
-</script>
-
-<Layout>
-    <section class="grid gap-md">
-        <CategoriesTile/>
-        <LabelsTile/>
-    </section>
-</Layout>
diff --git a/apps/projects/src/app/pages/ui-workbench.svelte b/apps/projects/src/app/pages/ui-workbench.svelte
deleted file mode 100644
index ff2b058..0000000
--- a/apps/projects/src/app/pages/ui-workbench.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script>
-    import {NavWrapper} from "./nav/index";
-</script>
-
-<NavWrapper>
-    
-</NavWrapper>
-\ No newline at end of file
diff --git a/apps/projects/src/app/pages/views/category-form/index.svelte b/apps/projects/src/app/pages/views/category-form/index.svelte
deleted file mode 100644
index 21024c3..0000000
--- a/apps/projects/src/app/pages/views/category-form/index.svelte
+++ /dev/null
@@ -1,144 +0,0 @@
-<script lang="ts">
-    import Alert from "$shared/components/alert.svelte";
-    import Dropdown from "$shared/components/dropdown.svelte";
-    import labels, {create_label_async} from "$app/lib/stores/labels";
-    import {generate_random_hex_color} from "$shared/lib/colors";
-    import LL from "$app/lib/i18n/i18n-svelte";
-
-    let LabelsDropdown;
-
-    const dough = {
-        error: "",
-        fields: {
-            name: {
-                value: "",
-                error: "",
-                validate() {
-                    return false;
-                }
-            },
-            color: {
-                value: "",
-                error: "",
-                validate() {
-                    return true;
-                }
-            },
-            labels: {
-                loading: false,
-                value: [],
-                error: "",
-                validate() {
-                    return true;
-                },
-                async create({name}) {
-                    dough.fields.labels.loading = true;
-                    const response = await create_label_async({
-                        name: name,
-                        color: generate_random_hex_color(),
-                    });
-                    dough.fields.labels.loading = false;
-                    if (response.ok) {
-                        // Small pause to allow loading state to update everywhere.
-                        setTimeout(() => LabelsDropdown.select_entry(response.data.id), 50);
-                    }
-                }
-            },
-            archived: {
-                value: false,
-                error: "",
-                validate() {
-                    return true;
-                }
-            }
-        },
-        bake() {
-            // labels.filter((c) => Object.hasOwn(c, "selected") && c.selected === true);
-            return {
-                labels: dough.fields.labels.value,
-                name: dough.fields.name.value,
-                color: dough.fields.color.value,
-            };
-        },
-        submit(event) {
-            const bread = dough.bake();
-            console.log(bread);
-            console.log("Submitted");
-        }
-    };
-
-    const functions = {
-        set(values) {
-            functions.set_archived(values.archived);
-            functions.set_labels(values.labels);
-            functions.set_color(values.color);
-            functions.set_name(values.name);
-        },
-        is_valid() {
-            let isValid = true;
-            if (!dough.fields.labels.validate()) isValid = false;
-            if (!dough.fields.color.validate()) isValid = false;
-            if (!dough.fields.name.validate()) isValid = false;
-            if (!dough.fields.archived.validate()) isValid = false;
-            return isValid;
-        },
-        set_archived(value) {
-            dough.fields.archived.value = value;
-        },
-        set_labels(value) {
-            dough.fields.labels.value = value;
-        },
-        set_color(value) {
-            dough.fields.color.value = value;
-        },
-        set_name(value) {
-            dough.fields.name.value = value;
-        },
-    };
-</script>
-
-<form on:submit|preventDefault={dough.submit}>
-    <div class="margin-y-sm">
-        <Alert visible={dough.error !== ""}
-               message={dough.error}
-               type="error"/>
-    </div>
-    <div class="grid gap-x-xs margin-bottom-sm">
-        <div class="col-10">
-            <label for="name"
-                   class="form-label margin-bottom-xxs">{$LL.views.categoryForm.name()}</label>
-            <input type="text"
-                   class="form-control width-100%"
-                   id="name"
-                   bind:value={dough.fields.name.value}/>
-            {#if dough.fields.name.error}
-                <small class="color-error">{dough.fields.name.error}</small>
-            {/if}
-        </div>
-        <div class="col-2">
-            <label for="color"
-                   class="form-label margin-bottom-xxs">{$LL.views.categoryForm.color()}</label>
-            <input type="color"
-                   class="form-control width-100%"
-                   id="color"
-                   style="height: 41px"
-                   bind:value={dough.fields.color.value}/>
-            {#if dough.fields.color.error}
-                <small class="color-error">{dough.fields.color.error}</small>
-            {/if}
-        </div>
-    </div>
-    <div class="margin-bottom-sm">
-        <label for="labels"
-               class="form-label margin-bottom-xxs">{$LL.views.categoryForm.defaultLabels()}</label>
-        <Dropdown id="labels"
-                  createable={true}
-                  placeholder="{$LL.views.categoryForm.labelsPlaceholder()}"
-                  entries={$labels}
-                  multiple={true}
-                  on_create_async={(name) => dough.fields.labels.create({name})}/>
-        {#if dough.fields.labels.error}
-            <small class="color-error">{dough.fields.labels.error}</small>
-        {/if}
-    </div>
-</form>
diff --git a/apps/projects/src/app/pages/views/data-table-paginator.svelte b/apps/projects/src/app/pages/views/data-table-paginator.svelte
deleted file mode 100644
index b2649eb..0000000
--- a/apps/projects/src/app/pages/views/data-table-paginator.svelte
+++ /dev/null
@@ -1,101 +0,0 @@
-<script>
-	import LL from "$app/lib/i18n/i18n-svelte";
-	import {createEventDispatcher, onMount} from "svelte";
-	import {restrict_input_to_numbers} from "$shared/lib/helpers";
-
-	const dispatch = createEventDispatcher();
-	export let page = 1;
-	export let pageCount = 1;
-	let prevCount = page;
-	let canIncrement = false;
-	let canDecrement = false;
-	$: canIncrement = page < pageCount;
-	$: canDecrement = page > 1;
-
-	onMount(() => {
-		restrict_input_to_numbers(document.querySelector("#curr-page"));
-	});
-
-	function increment() {
-		if (canIncrement) {
-			page++;
-		}
-	}
-
-	function decrement() {
-		if (canDecrement) {
-			page--;
-		}
-	}
-
-	$: if (page) {
-		handle_change();
-	}
-
-	function handle_change() {
-		if (page === prevCount) {
-			return;
-		}
-		prevCount = page;
-		if (page > pageCount) {
-			page = pageCount;
-		}
-		dispatch("value_change", {
-			newValue: page,
-		});
-	}
-</script>
-
-<nav class="pagination"
-     aria-label="Pagination">
-    <ul class="pagination__list flex flex-wrap gap-xxxs justify-center justify-end@md">
-        <li>
-            <button on:click={decrement}
-                    class="reset pagination__item {canDecrement ? '' : 'c-disabled'}">
-                <svg class="icon icon--xs flip-x"
-                     viewBox="0 0 16 16">
-                    <title>{$LL.views.dataTablePaginator.goToPrevPage()}</title>
-                    <polyline
-                            points="6 2 12 8 6 14"
-                            fill="none"
-                            stroke="currentColor"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            stroke-width="2"
-                    />
-                </svg>
-            </button>
-        </li>
-
-        <li>
-            <span class="pagination__jumper flex items-center">
-                <input aria-label="Page number"
-                       class="form-control"
-                       id="curr-page"
-                       type="text"
-                       on:change={handle_change}
-                       value={page}
-                />
-                <em>{$LL.views.dataTablePaginator.of()} {pageCount}</em>
-            </span>
-        </li>
-
-        <li>
-            <button on:click={increment}
-                    class="reset pagination__item {canIncrement ? '' : 'c-disabled'}">
-                <svg class="icon icon--xs"
-                     viewBox="0 0 16 16">
-                    <title>{$LL.views.dataTablePaginator.goToNextPage()}</title>
-                    <polyline
-                            points="6 2 12 8 6 14"
-                            fill="none"
-                            stroke="currentColor"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            stroke-width="2"
-                    />
-                </svg>
-            </button>
-        </li>
-    </ul>
-</nav>
diff --git a/apps/projects/src/app/pages/views/entry-form/index.svelte b/apps/projects/src/app/pages/views/entry-form/index.svelte
deleted file mode 100644
index e43d2a9..0000000
--- a/apps/projects/src/app/pages/views/entry-form/index.svelte
+++ /dev/null
@@ -1,199 +0,0 @@
-<script lang="ts">
-    import LL from "$app/lib/i18n/i18n-svelte";
-    import {TimeEntryDto} from "$shared/lib/models/TimeEntryDto";
-    import {Temporal} from "@js-temporal/polyfill";
-    import {createEventDispatcher, onMount, onDestroy} from "svelte";
-    import DateTimePart from "./sections/date-time.svelte";
-    import LabelsPart from "./sections/labels.svelte";
-    import CategoryPart from "./sections/category.svelte";
-    import Button from "$shared/components/button.svelte";
-    import {Textarea} from "$shared/components/form";
-    import Alert from "$shared/components/alert.svelte";
-    import {is_guid} from "$shared/lib/helpers";
-    import {create_entry_async, edit_entry_async} from "$app/lib/stores/entries";
-
-    const dispatch = createEventDispatcher();
-
-    let formError = "";
-    let formIsLoading = false;
-    let isSubmitting = false;
-    let description = "";
-    let descriptionError = "";
-    let dateTimePart;
-    let labelsPart;
-    let categoryPart;
-    let entryId;
-
-    onMount(() => {
-        formIsLoading = true;
-
-        Promise.all([categoryPart.load_categories(), labelsPart.load_labels()]).then(() => {
-            formIsLoading = false;
-        });
-
-        window.addEventListener("keydown", handle_window_keydown);
-    });
-
-    onDestroy(() => {
-        window.removeEventListener("keydown", handle_window_keydown);
-    });
-
-    function handle_window_keydown(event) {
-        if (event.ctrlKey && event.code === "Enter") {
-            submit_form();
-        }
-    }
-
-    function validate_form() {
-        return dateTimePart.is_valid() && categoryPart.is_valid() && description_is_valid();
-    }
-
-    function description_is_valid() {
-        if (!description) {
-            descriptionError = $LL.views.entryForm.errDescriptionReq();
-        } else {
-            descriptionError = "";
-        }
-
-        return description;
-    }
-
-    function get_payload() {
-        const response = {} as TimeEntryDto;
-        const values = get_values();
-        if (!is_guid(values.id)) {
-            delete values.id;
-        } else {
-            response.id = values.id;
-        }
-
-        const currentTimeZone = Temporal.Now.zonedDateTimeISO().offset;
-        response.start = values.date + "T" + values.fromTimeValue + currentTimeZone.toString();
-        response.stop = values.date + "T" + values.toTimeValue + currentTimeZone.toString();
-
-        response.category = {
-            id: values.category.id,
-        };
-
-        const selectedLabels = values.labels;
-        if (selectedLabels?.length > 0 ?? false) {
-            response.labels = selectedLabels;
-        }
-
-        const descriptionContent = description?.trim();
-        if (descriptionContent?.length > 0 ?? false) {
-            response.description = descriptionContent;
-        }
-
-        return response;
-    }
-
-    async function submit_form() {
-        formError = "";
-        if (validate_form()) {
-            const payload = get_payload() as TimeEntryDto;
-            isSubmitting = true;
-            if (is_guid(payload.id)) {
-                const response = await edit_entry_async(payload);
-                if (response.ok) {
-                    functions.reset();
-                    dispatch("updated", response.data);
-                } else {
-                    formError = $LL.views.entryForm.entryUpdateError();
-                    isSubmitting = false;
-                }
-            } else {
-                const response = await create_entry_async(payload);
-                if (response.ok) {
-                    functions.reset();
-                    dispatch("created");
-                } else {
-                    formError = $LL.views.entryForm.entryCreateError();
-                    isSubmitting = false;
-                }
-            }
-        }
-    }
-
-    function get_values() {
-        return {
-            id: entryId,
-            toTimeValue: dateTimePart.get_to_time_value(),
-            fromTimeValue: dateTimePart.get_from_time_value(),
-            date: dateTimePart.get_date(),
-            category: categoryPart.get_selected(),
-            labels: labelsPart.get_selected(),
-            description: description,
-        };
-    }
-
-    export const functions = {
-        set_values(values) {
-            entryId = values.id;
-            dateTimePart.set_values(values);
-            labelsPart.select_labels(values?.labels.map((c) => c.id) ?? []);
-            categoryPart.select_category(values?.category?.id);
-            description = values.description;
-        },
-        set_time(value: {to: Temporal.PlainTime, from: Temporal.PlainTime}) {
-            dateTimePart.set_times(value);
-        },
-        set_description(value: string) {
-            if (description) description = description + "\n\n" + value;
-            else description = value;
-        },
-        reset() {
-            isSubmitting = false;
-            formIsLoading = false;
-            entryId = "";
-            labelsPart.reset();
-            categoryPart.reset();
-            dateTimePart.reset(true);
-            description = "";
-            formError = "";
-        },
-    };
-</script>
-
-<form on:submit|preventDefault={submit_form}
-      on:reset={() => functions.reset()}>
-    <div class="margin-y-sm">
-        <Alert visible={formError !== ""}
-               message={formError}
-               type="error"/>
-    </div>
-
-    <div class="margin-bottom-sm">
-        <DateTimePart bind:functions={dateTimePart}/>
-    </div>
-
-    <div class="margin-bottom-sm">
-        <CategoryPart bind:functions={categoryPart}/>
-    </div>
-
-    <div class="margin-bottom-sm">
-        <LabelsPart bind:functions={labelsPart}/>
-    </div>
-
-    <div class="margin-bottom-sm">
-        <Textarea class="width-100%"
-                  id="description"
-                  label="{$LL.views.entryForm.description()}"
-                  errorText="{descriptionError}"
-                  bind:value={description}></Textarea>
-    </div>
-
-    <div class="flex flex-row justify-end gap-x-xs">
-        {#if entryId}
-            <Button text="{$LL.views.entryForm.reset()}"
-                    on:click={() => functions.reset()}
-                    variant="subtle"
-            />
-        {/if}
-        <Button loading={isSubmitting}
-                type="submit"
-                variant="primary"
-                text={entryId ? $LL.views.entryForm.save() : $LL.views.entryForm.create()}
-        />
-    </div>
-</form>
diff --git a/apps/projects/src/app/pages/views/entry-form/sections/category.svelte b/apps/projects/src/app/pages/views/entry-form/sections/category.svelte
deleted file mode 100644
index f7af382..0000000
--- a/apps/projects/src/app/pages/views/entry-form/sections/category.svelte
+++ /dev/null
@@ -1,76 +0,0 @@
-<script>
-	import {generate_random_hex_color} from "$shared/lib/colors";
-	import Dropdown from "$shared/components/dropdown.svelte";
-	import {is_guid, move_focus} from "$shared/lib/helpers";
-	import categories, {reload_categories, create_category_async} from "$app/lib/stores/categories";
-	import LL from "$app/lib/i18n/i18n-svelte"
-
-	let categoriesError = "";
-	let loading = false;
-
-	let DropdownExports;
-
-	function reset() {
-		DropdownExports.reset();
-		categoriesError = "";
-		console.log($LL.views.entryForm.category._logReset());
-	}
-
-	async function on_create({name}) {
-		loading = true;
-		const response = await create_category_async({
-			name: name,
-			color: generate_random_hex_color(),
-		});
-		loading = false;
-		if (response.ok) {
-			// Small pause to allow loading state to update everywhere.
-			setTimeout(() => select_category(response.data.id), 50);
-		}
-	}
-
-	function get_selected() {
-		return $categories.find((c) => c.selected === true);
-	}
-
-	function select_category(id) {
-		DropdownExports.select(id);
-	}
-
-	function is_valid() {
-		let isValid = true;
-		const category = get_selected();
-		if (!is_guid(category?.id)) {
-			categoriesError = $LL.views.entryForm.category.errisRequired();
-			isValid = false;
-			move_focus(document.getElementById("category-dropdown"));
-		} else {
-			categoriesError = "";
-		}
-		return isValid;
-	}
-
-	export const functions = {
-		get_selected,
-		reset,
-		is_valid,
-		select_category,
-		load_categories: reload_categories,
-	};
-</script>
-
-<Dropdown
-        entries={$categories}
-        label="{$LL.views.entryForm.category.category()}"
-        maxlength="50"
-        createable={true}
-        placeholder="{$LL.views.entryForm.category.placeholder()}"
-        id="category-dropdown"
-        loading={loading}
-        name="category-dropdown"
-        on_create_async={on_create}
-        noResultsText="{$LL.views.entryForm.category.noResults()}"
-        errorText="{categoriesError}"
-        bind:this={DropdownExports}
-/>
-
diff --git a/apps/projects/src/app/pages/views/entry-form/sections/date-time.svelte b/apps/projects/src/app/pages/views/entry-form/sections/date-time.svelte
deleted file mode 100644
index b91f1a4..0000000
--- a/apps/projects/src/app/pages/views/entry-form/sections/date-time.svelte
+++ /dev/null
@@ -1,167 +0,0 @@
-<script lang="ts">
-    import LL from "$app/lib/i18n/i18n-svelte";
-    import { Temporal } from "@js-temporal/polyfill";
-
-    // TIME
-    let fromTimeValue = "";
-    let fromTimeError = "";
-    let toTimeValue = "";
-    let toTimeError = "";
-
-    function handle_from_time_changed(e) {
-        fromTimeValue = e.target.value;
-        if (fromTimeValue) {
-            fromTimeError = "";
-        }
-    }
-
-    function handle_to_time_changed(e) {
-        toTimeValue = e.target.value;
-        if (toTimeValue) {
-            toTimeError = "";
-        }
-    }
-
-    // DATE
-    let date = Temporal.Now.plainDateTimeISO().toString().substring(0, 10);
-    let dateError = "";
-
-    function is_valid() {
-        let isValid = true;
-        let focusIsSet = false;
-        if (!date) {
-            dateError = $LL.views.entryForm.dateTime.errDateIsRequired();
-            isValid = false;
-            if (!focusIsSet) {
-                document.getElementById("date")?.focus();
-                focusIsSet = true;
-            }
-        } else {
-            dateError = "";
-        }
-
-        if (!fromTimeValue) {
-            fromTimeError = $LL.views.entryForm.dateTime.errFromIsRequired();
-            isValid = false;
-            if (!focusIsSet) {
-                document.getElementById("from")?.focus();
-                focusIsSet = true;
-            }
-        } else if (toTimeValue && fromTimeValue > toTimeValue) {
-            fromTimeError = $LL.views.entryForm.dateTime.errFromAfterTo();
-            isValid = false;
-            if (!focusIsSet) {
-                document.getElementById("from")?.focus();
-                focusIsSet = true;
-            }
-        } else if (fromTimeValue === toTimeValue) {
-            fromTimeError = $LL.views.entryForm.dateTime.errFromEqTo();
-
-            isValid = false;
-            if (!focusIsSet) {
-                document.getElementById("from")?.focus();
-                focusIsSet = true;
-            }
-        } else {
-            fromTimeError = "";
-        }
-
-        if (!toTimeValue) {
-            toTimeError = $LL.views.entryForm.dateTime.errToIsRequired();
-            isValid = false;
-            if (!focusIsSet) {
-                document.getElementById("to")?.focus();
-                focusIsSet = true;
-            }
-        } else if (fromTimeValue && toTimeValue < fromTimeValue) {
-            toTimeError = $LL.views.entryForm.dateTime.errToBeforeFrom();
-            isValid = false;
-            if (!focusIsSet) {
-                document.getElementById("to")?.focus();
-                focusIsSet = true;
-            }
-        } else {
-            toTimeError = "";
-        }
-
-        return isValid;
-    }
-
-    export const functions = {
-        get_from_time_value() {
-            return fromTimeValue;
-        },
-        get_to_time_value() {
-            return toTimeValue;
-        },
-        get_date() {
-            return date;
-        },
-        is_valid,
-        reset(focusDate = false) {
-            fromTimeValue = "";
-            toTimeValue = "";
-            if (focusDate) {
-                document.getElementById("date")?.focus();
-            }
-            console.log($LL.views.entryForm.dateTime._logReset());
-        },
-        set_times(value) {
-            fromTimeValue = value.from.toPlainTime().toString().substring(0, 5);
-            toTimeValue = value.to.toPlainTime().toString().substring(0, 5);
-        },
-        set_date(new_date: Temporal.PlainDate) {
-            date = new_date.toString();
-        },
-        set_values(values) {
-            const currentTimeZone = Temporal.Now.timeZone().id;
-            const startDate = Temporal.Instant.from(values.start);
-            const stopDate = Temporal.Instant.from(values.stop);
-            fromTimeValue = startDate.toZonedDateTimeISO(currentTimeZone).toPlainTime().toString().substring(0, 5);
-            toTimeValue = stopDate.toZonedDateTimeISO(currentTimeZone).toPlainTime().toString().substring(0, 5);
-            date = startDate.toZonedDateTimeISO(currentTimeZone).toPlainDate().toString();
-        }
-    };
-</script>
-
-<div class="grid gap-xs">
-    <div class="col-4">
-        <label for="date"
-               class="form-label margin-bottom-xxs">{$LL.views.entryForm.dateTime.date()}</label>
-        <input type="date"
-               id="date"
-               class="form-control width-100%"
-               bind:value={date}>
-        {#if dateError}
-            <small class="color-error">{dateError}</small>
-        {/if}
-    </div>
-    <div class="col-4">
-        <label for="from"
-               class="form-label margin-bottom-xxs">{$LL.views.entryForm.dateTime.from()}</label>
-        <input id="from"
-               class="form-control width-100%"
-               pattern="[0-9][0-9]:[0-9][0-9]"
-               type="time"
-               bind:value={fromTimeValue}
-               on:input={handle_from_time_changed}
-        />
-        {#if fromTimeError}
-            <small class="color-error">{fromTimeError}</small>
-        {/if}
-    </div>
-    <div class="col-4">
-        <label for="to"
-               class="form-label margin-bottom-xxs">{$LL.views.entryForm.dateTime.to()}</label>
-        <input id="to"
-               class="form-control  width-100%"
-               pattern="[0-9][0-9]:[0-9][0-9]"
-               type="time"
-               bind:value={toTimeValue}
-               on:input={handle_to_time_changed}
-        />
-        {#if toTimeError}
-            <small class="color-error">{toTimeError}</small>
-        {/if}
-    </div>
-</div>
diff --git a/apps/projects/src/app/pages/views/entry-form/sections/labels.svelte b/apps/projects/src/app/pages/views/entry-form/sections/labels.svelte
deleted file mode 100644
index a6f324b..0000000
--- a/apps/projects/src/app/pages/views/entry-form/sections/labels.svelte
+++ /dev/null
@@ -1,66 +0,0 @@
-<script>
-	import LL from "$app/lib/i18n/i18n-svelte";
-	import {generate_random_hex_color} from "$shared/lib/colors";
-	import labels, {reload_labels, create_label_async} from "$app/lib/stores/labels";
-	import Dropdown from "$shared/components/dropdown.svelte";
-
-	let labelsError = "";
-	let loading = false;
-	let DropdownExports;
-
-	function reset() {
-		DropdownExports.reset();
-		console.log($LL.views.entryForm.labels._logReset());
-	}
-
-	function get_selected() {
-		return $labels.filter((c) => Object.hasOwn(c, "selected") && c.selected === true);
-	}
-
-	function select_label(id) {
-		DropdownExports.select(id);
-	}
-
-	function select_labels(ids) {
-		for (const id of ids) {
-			DropdownExports.select(id);
-		}
-	}
-
-	async function on_create({name}) {
-		loading = true;
-		const response = await create_label_async({
-			name: name,
-			color: generate_random_hex_color(),
-		});
-		loading = false;
-		if (response.ok) {
-			// Small pause to allow loading state to update everywhere.
-			setTimeout(() => select_label(response.data.id), 50);
-		}
-	}
-
-	export const functions = {
-		get_selected,
-		reset,
-		load_labels: reload_labels,
-		select_labels,
-		select_label,
-	};
-</script>
-
-<Dropdown
-        entries={$labels}
-        label="{$LL.views.entryForm.labels.labels()}"
-        maxlength="50"
-        createable={true}
-        placeholder="{$LL.views.entryForm.labels.placeholder()}"
-        multiple="{true}"
-        id="labels-search"
-        name="labels-search"
-        on_create_async={on_create}
-        noResultsText="{$LL.views.entryForm.labels.placeholder()}"
-        errorText="{labelsError}"
-        bind:this={DropdownExports}
-        {loading}
-/>
diff --git a/apps/projects/src/app/pages/views/profile-modal.svelte b/apps/projects/src/app/pages/views/profile-modal.svelte
deleted file mode 100644
index 7560175..0000000
--- a/apps/projects/src/app/pages/views/profile-modal.svelte
+++ /dev/null
@@ -1,156 +0,0 @@
-<script>
-	import {update_profile} from "$shared/lib/api/user";
-	import Modal from "$shared/components/modal.svelte";
-	import Alert from "$shared/components/alert.svelte";
-	import Button from "$shared/components/button.svelte";
-	import {is_email} from "$shared/lib/helpers";
-	import {api_base} from "$shared/lib/configuration";
-	import {get_session_data} from "$shared/lib/session";
-
-	const archiveLink = api_base("_/api/account/archive");
-
-	let modal;
-	let understands = false;
-
-	let formIsLoading = false;
-	let formError;
-
-	let username = get_session_data()?.profile.username;
-	let usernameFieldMessage;
-	let usernameFieldMessageClass = "color-error";
-
-	let password;
-	let passwordFieldMessage;
-	let passwordFieldMessageClass = "color-error";
-
-	async function submit_form(e) {
-		e.preventDefault();
-		if (!username && !password) {
-			console.error("Not submitting becuase both values is empty");
-			return;
-		}
-
-		usernameFieldMessage = "";
-		passwordFieldMessage = "";
-
-		if (username && !is_email(username)) {
-			usernameFieldMessage = "Username has to be a valid email";
-			return;
-		}
-
-		if (password && password?.length < 6) {
-			passwordFieldMessage = "The new password must contain at least 6 characters";
-			return;
-		}
-
-		formIsLoading = true;
-
-		const response = await update_profile({
-			username,
-			password,
-		});
-
-		formIsLoading = false;
-
-		if (response.ok) {
-			if (password) {
-				passwordFieldMessage = "Successfully updated";
-				passwordFieldMessageClass = "color-success";
-				password = "";
-			}
-			if (username) {
-				usernameFieldMessage = "Successfully updated";
-				usernameFieldMessageClass = "color-success";
-				password = "";
-			}
-		} else {
-			formError = response.data.title ?? "An unknown error occured";
-		}
-	}
-
-	async function handle_delete_account_button_click() {
-		alert("Not implemented");
-		return;
-		if (understands && confirm("Are you absolutely sure that you want to delete your account?")) {
-		}
-	}
-
-	export const functions = {
-		open() {
-			modal.open();
-		},
-		close() {
-			// modal.close();
-		},
-	};
-</script>
-
-<Modal title="Profile"
-       bind:functions={modal}>
-    <section class="margin-bottom-md">
-        <p class="text-md margin-bottom-sm">Update your information</p>
-        <form on:submit={submit_form}
-              autocomplete="new-password">
-            {#if formError}
-                <small class="color-danger">{formError}</small>
-            {/if}
-            <div class="margin-bottom-sm">
-                <label for="email"
-                       class="form-label margin-bottom-xxs">New username</label>
-                <input type="email"
-                       class="form-control width-100%"
-                       id="email"
-                       placeholder={username}
-                       bind:value={username}/>
-                {#if usernameFieldMessage}
-                    <small class={usernameFieldMessageClass}>{usernameFieldMessage}</small>
-                {/if}
-            </div>
-            <div class="margin-bottom-sm">
-                <label for="password"
-                       class="form-label margin-bottom-xxs">New password</label>
-                <input type="password"
-                       class="form-control width-100%"
-                       id="password"
-                       bind:value={password}/>
-                {#if passwordFieldMessage}
-                    <small class={passwordFieldMessageClass}>{passwordFieldMessage}</small>
-                {/if}
-            </div>
-            <div class="flex justify-end">
-                <Button text="Save"
-                        on:click={submit_form}
-                        variant="primary"
-                        loading={formIsLoading}/>
-            </div>
-        </form>
-    </section>
-    <section class="margin-bottom-md">
-        <p class="text-md margin-bottom-sm">Download your data</p>
-        <a class="btn btn--subtle"
-           href={archiveLink}
-           download>Click here to download your data</a>
-    </section>
-    <section>
-        <p class="text-md margin-bottom-sm">Delete account</p>
-        <div class="margin-bottom-sm">
-            <Alert
-                    message="Deleting your account and data means that all of your data (entries, categories, etc.) will be unrecoverable forever.<br>You should probably download your data before continuing."
-                    type="info"
-            />
-        </div>
-        <div class="form-check margin-bottom-sm">
-            <input type="checkbox"
-                   class="checkbox"
-                   id="the-consequences"
-                   bind:checked={understands}/>
-            <label for="the-consequences">I understand the consequences of deleting my account and data.</label>
-        </div>
-        <div class="flex justify-end">
-            <Button text="Delete everything"
-                    variant="accent"
-                    disabled={!understands}
-                    on:click={handle_delete_account_button_click}/>
-        </div>
-    </section>
-</Modal>
diff --git a/apps/projects/src/app/pages/views/settings-categories-tile.svelte b/apps/projects/src/app/pages/views/settings-categories-tile.svelte
deleted file mode 100644
index 8d2480f..0000000
--- a/apps/projects/src/app/pages/views/settings-categories-tile.svelte
+++ /dev/null
@@ -1,126 +0,0 @@
-<script>
-	import {IconNames} from "$shared/lib/configuration";
-	import {onMount} from "svelte";
-	import {
-		delete_time_category,
-		get_time_categories,
-	} from "$shared/lib/api/time-entry";
-	import Button from "$shared/components/button.svelte";
-	import Tile from "$shared/components/tile.svelte";
-	import {Table, THead, TBody, TCell, TRow} from "$shared/components/table";
-	import LL from "$app/lib/i18n/i18n-svelte";
-
-	let is_loading = true;
-	let categories = [];
-
-	$: active_categories = categories.filter(c => !c.archived);
-	$: archived_categories = categories.filter(c => c.archived);
-
-	async function load_categories() {
-		is_loading = true;
-		const response = await get_time_categories();
-		if (response.status === 200) {
-			categories = response.data;
-		} else if (response.status === 204) {
-			categories = [];
-			console.log("Empty response when getting time categories");
-		} else {
-			categories = [];
-			console.error("Error when getting time categories");
-		}
-		is_loading = false;
-	}
-
-	async function handle_edit_category_click(event) {
-	}
-
-	async function handle_delete_category_click(event) {
-		const row = event.target.closest("tr");
-		if (
-			row &&
-			row.dataset.id &&
-			confirm($LL.views.settingsCategoriesTile.deleteAllConfirm())
-		) {
-			const response = await delete_time_category(row.dataset.id);
-			if (response.ok) {
-				// svelte errors if we remove the row.
-				row.classList.add("d-none");
-			}
-		}
-	}
-
-	onMount(() => {
-		load_categories();
-	});
-</script>
-
-<Tile class="col-6@md col-12 {is_loading ? 'c-disabled loading' : ''}">
-    <h2 class="margin-bottom-xxs">{$LL.views.settingsCategoriesTile.categories()}</h2>
-    {#if active_categories.length > 0 && archived_categories.length > 0}
-        <nav class="s-tabs text-sm">
-            <ul class="s-tabs__list">
-                <li><a class="s-tabs__link s-tabs__link--current"
-                       href="#0">{$LL.views.settingsCategoriesTile.active()} ({active_categories.length})</a></li>
-                <li><a class="s-tabs__link"
-                       href="#0">{$LL.views.settingsCategoriesTile.archived()} ({archived_categories.length})</a></li>
-            </ul>
-        </nav>
-    {/if}
-    <div class="max-width-100% overflow-auto">
-        <Table class="text-sm width-100%">
-            <THead class="text-left">
-            <TCell type="th"
-                   thScope="col">
-                {$LL.views.settingsCategoriesTile.name()}
-            </TCell>
-            <TCell type="th"
-                   thScope="col">
-                {$LL.views.settingsCategoriesTile.color()}
-            </TCell>
-            <TCell type="th"
-                   thScope="col"
-                   style="width:50px"></TCell>
-            </THead>
-            <TBody class="text-left">
-            {#if categories.length > 0}
-                {#each categories as category}
-                    <TRow class="text-nowrap"
-                          data-id={category.id}>
-                        <TCell>
-                            {category.name}
-                        </TCell>
-                        <TCell>
-                        <span style="border-left: 3px solid {category.color}; background-color:{category.color}25;">
-                            {category.color}
-                        </span>
-                        </TCell>
-                        <TCell>
-                            <Button icon="{IconNames.pencilSquare}"
-                                    variant="reset"
-                                    icon_width="1.2rem"
-                                    class="hide"
-                                    icon_height="1.2rem"
-                                    on:click={handle_edit_category_click}
-                                    title="{$LL.views.settingsCategoriesTile.editEntry()}"/>
-                            <Button icon="{IconNames.trash}"
-                                    variant="reset"
-                                    icon_width="1.2rem"
-                                    icon_height="1.2rem"
-                                    on:click={handle_delete_category_click}
-                                    title="{$LL.views.settingsCategoriesTile.deleteEntry()}"/>
-
-                        </TCell>
-                    </TRow>
-                {/each}
-            {:else}
-                <TRow>
-                    <TCell type="th"
-                           thScope="3">
-                        {$LL.views.settingsCategoriesTile.noCategories()}
-                    </TCell>
-                </TRow>
-            {/if}
-            </TBody>
-        </Table>
-    </div>
-</Tile>
diff --git a/apps/projects/src/app/pages/views/settings-labels-tile.svelte b/apps/projects/src/app/pages/views/settings-labels-tile.svelte
deleted file mode 100644
index 3d5a567..0000000
--- a/apps/projects/src/app/pages/views/settings-labels-tile.svelte
+++ /dev/null
@@ -1,111 +0,0 @@
-<script>
-	import {IconNames} from "$shared/lib/configuration";
-	import {onMount} from "svelte";
-	import labels, {reload_labels, delete_label_async} from "$app/lib/stores/labels";
-	import Button from "$shared/components/button.svelte";
-	import Tile from "$shared/components/tile.svelte";
-	import {Table, THead, TBody, TCell, TRow} from "$shared/components/table";
-	import LL from "$app/lib/i18n/i18n-svelte";
-
-	let isLoadingLabels = true;
-
-	$: active_labels = $labels.filter(c => !c.archived);
-	$: archived_labels = $labels.filter(c => c.archived);
-
-	async function load_labels() {
-		isLoadingLabels = true;
-		await reload_labels();
-		isLoadingLabels = false;
-	}
-
-	async function handle_edit_label_click(event) {
-	}
-
-	async function handle_delete_label_click(event) {
-		const row = event.target.closest("tr");
-		if (
-			row &&
-			row.dataset.id &&
-			confirm($LL.views.settingsLabelsTile.deleteAllConfirm())
-		) {
-			await delete_label_async({id: row.dataset.id});
-			row.classList.add("d-none");
-		}
-	}
-
-	onMount(() => {
-		load_labels();
-	});
-</script>
-
-<Tile class="col-6@md col-12 {isLoadingLabels ? 'c-disabled loading' : ''}">
-    <h2 class="margin-bottom-xxs">{$LL.views.settingsLabelsTile.labels()}</h2>
-    {#if active_labels.length > 0 && archived_labels.length > 0}
-        <nav class="s-tabs text-sm">
-            <ul class="s-tabs__list">
-                <li><a class="s-tabs__link s-tabs__link--current"
-                       href="#0">{$LL.views.settingsLabelsTile.active()} ({active_labels.length})</a></li>
-                <li><a class="s-tabs__link"
-                       href="#0">{$LL.views.settingsLabelsTile.archived()} ({archived_labels.length})</a></li>
-            </ul>
-        </nav>
-    {/if}
-    <div class="max-width-100% overflow-auto">
-        <Table class="text-sm width-100%">
-            <THead class="text-left">
-            <TCell type="th"
-                   thScope="row">
-                {$LL.views.settingsLabelsTile.name()}
-            </TCell>
-            <TCell type="th"
-                   thScope="row">
-                {$LL.views.settingsLabelsTile.color()}
-            </TCell>
-            <TCell type="th"
-                   thScope="row"
-                   style="width: 50px;">
-            </TCell>
-            </THead>
-            <TBody class="text-left">
-            {#if $labels.length > 0}
-                {#each $labels as label}
-                    <TRow class="text-nowrap"
-                          dataId={label.id}>
-                        <TCell>
-                            {label.name}
-                        </TCell>
-                        <TCell>
-                        <span style="border-left: 3px solid {label.color}; background-color:{label.color}25;">
-                            {label.color}
-                        </span>
-                        </TCell>
-                        <TCell>
-                            <Button icon="{IconNames.pencilSquare}"
-                                    variant="reset"
-                                    icon_width="1.2rem"
-                                    class="hide"
-                                    icon_height="1.2rem"
-                                    on:click={handle_edit_label_click}
-                                    title="{$LL.views.settingsLabelsTile.editEntry()}"/>
-                            <Button icon="{IconNames.trash}"
-                                    variant="reset"
-                                    icon_width="1.2rem"
-                                    icon_height="1.2rem"
-                                    on:click={handle_delete_label_click}
-                                    title="{$LL.views.settingsLabelsTile.deleteEntry()}"/>
-                        </TCell>
-                    </TRow>
-                {/each}
-            {:else}
-                <TRow>
-                    <TCell type="th"
-                           thScope="row"
-                           colspan="3">
-                        {$LL.views.settingsLabelsTile.noLabels()}
-                    </TCell>
-                </TRow>
-            {/if}
-            </TBody>
-        </Table>
-    </div>
-</Tile>
diff --git a/apps/projects/src/index.html b/apps/projects/src/index.html
deleted file mode 100644
index 80eab63..0000000
--- a/apps/projects/src/index.html
+++ /dev/null
@@ -1,55 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport"
-          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-    <link rel="apple-touch-icon"
-          sizes="180x180"
-          href="./_assets/pwa/apple-touch-icon.png">
-    <link rel="icon"
-          type="image/png"
-          sizes="32x32"
-          href="./_assets/pwa/favicon-32x32.png">
-    <link rel="icon"
-          type="image/png"
-          sizes="16x16"
-          href="./_assets/pwa/favicon-16x16.png">
-    <link rel="manifest"
-          href="./_assets/pwa/manifest.json">
-    <link rel="mask-icon"
-          href="./_assets/pwa/safari-pinned-tab.svg"
-          color="#5bbad5">
-    <meta name="msapplication-TileColor"
-          content="#da532c">
-    <link rel="icon"
-          href="./_assets/pwa/favicon.svg">
-    <link rel="stylesheet" href="./_assets/preload.css">
-    <script src="./_assets/preload.js"></script>
-    <title>Projects - Greatoffice</title>
-</head>
-
-<body>
-
-<noscript>
-    This page is built with javascript. Allow it and try again.
-</noscript>
-
-<div class="fill-loader fill-loader--v4"
-     id="loader"
-     role="alert">
-    <p class="fill-loader__label">Loading Projects...</p>
-    <div aria-hidden="true">
-        <div class="fill-loader__base"></div>
-        <div class="fill-loader__fill"></div>
-    </div>
-</div>
-
-<div id="root"></div>
-
-<script type="module"
-        src="./app/index.ts"></script>
-</body>
-
-</html>
diff --git a/apps/projects/src/package.json b/apps/projects/src/package.json
deleted file mode 100644
index 839f3ba..0000000
--- a/apps/projects/src/package.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "name": "greatoffice-projects",
-  "version": "0.0.1",
-  "private": "true",
-  "scripts": {
-    "dev": "npm-run-all --parallel vite typesafe-i18n",
-    "vite": "vite",
-    "typesafe-i18n": "typesafe-i18n",
-    "build": "vite build"
-  },
-  "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "1.0.1",
-    "@sveltestack/svelte-query": "^1.6.0",
-    "broadcast-channel": "^4.14.0",
-    "npm-run-all": "^4.1.5",
-    "sass": "^1.54.0",
-    "svelte": "^3.49.0",
-    "svelte-preprocess": "^4.10.7",
-    "svelte-spa-router": "^3.2.0",
-    "typescript": "4.7.4",
-    "vite": "^3.0.4"
-  },
-  "dependencies": {
-    "@js-temporal/polyfill": "^0.4.2",
-    "fuzzysort": "^2.0.1",
-    "typesafe-i18n": "^5.11.0"
-  }
-}
diff --git a/apps/projects/src/pnpm-lock.yaml b/apps/projects/src/pnpm-lock.yaml
deleted file mode 100644
index bcba63e..0000000
--- a/apps/projects/src/pnpm-lock.yaml
+++ /dev/null
@@ -1,1374 +0,0 @@
-lockfileVersion: 5.4
-
-specifiers:
-  '@js-temporal/polyfill': ^0.4.2
-  '@sveltejs/vite-plugin-svelte': 1.0.1
-  '@sveltestack/svelte-query': ^1.6.0
-  broadcast-channel: ^4.14.0
-  fuzzysort: ^2.0.1
-  npm-run-all: ^4.1.5
-  sass: ^1.54.0
-  svelte: ^3.49.0
-  svelte-preprocess: ^4.10.7
-  svelte-spa-router: ^3.2.0
-  typesafe-i18n: ^5.11.0
-  typescript: 4.7.4
-  vite: ^3.0.4
-
-dependencies:
-  '@js-temporal/polyfill': 0.4.2
-  fuzzysort: 2.0.1
-  typesafe-i18n: 5.11.0_typescript@4.7.4
-
-devDependencies:
-  '@sveltejs/vite-plugin-svelte': 1.0.1_svelte@3.49.0+vite@3.0.4
-  '@sveltestack/svelte-query': 1.6.0_broadcast-channel@4.14.0
-  broadcast-channel: 4.14.0
-  npm-run-all: 4.1.5
-  sass: 1.54.0
-  svelte: 3.49.0
-  svelte-preprocess: 4.10.7_qqyngjnvpp2z5rj6eppfx7s47e
-  svelte-spa-router: 3.2.0
-  typescript: 4.7.4
-  vite: 3.0.4_sass@1.54.0
-
-packages:
-
-  /@babel/runtime/7.18.9:
-    resolution: {integrity: sha512-lkqXDcvlFT5rvEjiu6+QYO+1GXrEHRo2LOtS7E4GtX5ESIZOgepqsZBVIj6Pv+a6zqsya9VCgiK1KAK4BvJDAw==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      regenerator-runtime: 0.13.9
-    dev: true
-
-  /@js-temporal/polyfill/0.4.2:
-    resolution: {integrity: sha512-c85vRxyqnJaXKyf4tvYij8jwiVIZhNLYDI9C4LLuOwVEHf4HUqGg07BBn70Le71W193QT/vmKg3jPUyQxJRHKQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      jsbi: 4.3.0
-      tslib: 2.4.0
-    dev: false
-
-  /@rollup/pluginutils/4.2.1:
-    resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
-    engines: {node: '>= 8.0.0'}
-    dependencies:
-      estree-walker: 2.0.2
-      picomatch: 2.3.1
-    dev: true
-
-  /@sveltejs/vite-plugin-svelte/1.0.1_svelte@3.49.0+vite@3.0.4:
-    resolution: {integrity: sha512-PorCgUounn0VXcpeJu+hOweZODKmGuLHsLomwqSj+p26IwjjGffmYQfVHtiTWq+NqaUuuHWWG7vPge6UFw4Aeg==}
-    engines: {node: ^14.18.0 || >= 16}
-    peerDependencies:
-      diff-match-patch: ^1.0.5
-      svelte: ^3.44.0
-      vite: ^3.0.0
-    peerDependenciesMeta:
-      diff-match-patch:
-        optional: true
-    dependencies:
-      '@rollup/pluginutils': 4.2.1
-      debug: 4.3.4
-      deepmerge: 4.2.2
-      kleur: 4.1.5
-      magic-string: 0.26.2
-      svelte: 3.49.0
-      svelte-hmr: 0.14.12_svelte@3.49.0
-      vite: 3.0.4_sass@1.54.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@sveltestack/svelte-query/1.6.0_broadcast-channel@4.14.0:
-    resolution: {integrity: sha512-C0wWuh6av1zu3Pzwrg6EQmX3BhDZQ4gMAdYu6Tfv4bjbEZTB00uEDz52z92IZdONh+iUKuyo0xRZ2e16k2Xifg==}
-    peerDependencies:
-      broadcast-channel: ^4.5.0
-    peerDependenciesMeta:
-      broadcast-channel:
-        optional: true
-    dependencies:
-      broadcast-channel: 4.14.0
-    dev: true
-
-  /@types/node/18.6.3:
-    resolution: {integrity: sha512-6qKpDtoaYLM+5+AFChLhHermMQxc3TOEFIDzrZLPRGHPrLEwqFkkT5Kx3ju05g6X7uDPazz3jHbKPX0KzCjntg==}
-    dev: true
-
-  /@types/pug/2.0.6:
-    resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==}
-    dev: true
-
-  /@types/sass/1.43.1:
-    resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==}
-    dependencies:
-      '@types/node': 18.6.3
-    dev: true
-
-  /ansi-styles/3.2.1:
-    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
-    engines: {node: '>=4'}
-    dependencies:
-      color-convert: 1.9.3
-    dev: true
-
-  /anymatch/3.1.2:
-    resolution: {integrity: sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==}
-    engines: {node: '>= 8'}
-    dependencies:
-      normalize-path: 3.0.0
-      picomatch: 2.3.1
-    dev: true
-
-  /balanced-match/1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
-    dev: true
-
-  /binary-extensions/2.2.0:
-    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /brace-expansion/1.1.11:
-    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
-    dependencies:
-      balanced-match: 1.0.2
-      concat-map: 0.0.1
-    dev: true
-
-  /braces/3.0.2:
-    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
-    engines: {node: '>=8'}
-    dependencies:
-      fill-range: 7.0.1
-    dev: true
-
-  /broadcast-channel/4.14.0:
-    resolution: {integrity: sha512-uNzxOgBQ+boWCRDESLNg3zZWQ3iz/X7j/uD8pAfr4/S7wQerXVvJI/SBKd9J6ckaPt2jil0gq+7l+3b+kuxJYw==}
-    dependencies:
-      '@babel/runtime': 7.18.9
-      detect-node: 2.1.0
-      microtime: 3.1.0
-      oblivious-set: 1.1.1
-      p-queue: 6.6.2
-      rimraf: 3.0.2
-      unload: 2.3.1
-    dev: true
-
-  /buffer-crc32/0.2.13:
-    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
-    dev: true
-
-  /call-bind/1.0.2:
-    resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==}
-    dependencies:
-      function-bind: 1.1.1
-      get-intrinsic: 1.1.2
-    dev: true
-
-  /chalk/2.4.2:
-    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
-    engines: {node: '>=4'}
-    dependencies:
-      ansi-styles: 3.2.1
-      escape-string-regexp: 1.0.5
-      supports-color: 5.5.0
-    dev: true
-
-  /chokidar/3.5.3:
-    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
-    engines: {node: '>= 8.10.0'}
-    dependencies:
-      anymatch: 3.1.2
-      braces: 3.0.2
-      glob-parent: 5.1.2
-      is-binary-path: 2.1.0
-      is-glob: 4.0.3
-      normalize-path: 3.0.0
-      readdirp: 3.6.0
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /color-convert/1.9.3:
-    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
-    dependencies:
-      color-name: 1.1.3
-    dev: true
-
-  /color-name/1.1.3:
-    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
-    dev: true
-
-  /concat-map/0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
-    dev: true
-
-  /cross-spawn/6.0.5:
-    resolution: {integrity: sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==}
-    engines: {node: '>=4.8'}
-    dependencies:
-      nice-try: 1.0.5
-      path-key: 2.0.1
-      semver: 5.7.1
-      shebang-command: 1.2.0
-      which: 1.3.1
-    dev: true
-
-  /debug/4.3.4:
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-    dependencies:
-      ms: 2.1.2
-    dev: true
-
-  /deepmerge/4.2.2:
-    resolution: {integrity: sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /define-properties/1.1.4:
-    resolution: {integrity: sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-property-descriptors: 1.0.0
-      object-keys: 1.1.1
-    dev: true
-
-  /detect-indent/6.1.0:
-    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /detect-node/2.1.0:
-    resolution: {integrity: sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==}
-    dev: true
-
-  /error-ex/1.3.2:
-    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
-    dependencies:
-      is-arrayish: 0.2.1
-    dev: true
-
-  /es-abstract/1.20.1:
-    resolution: {integrity: sha512-WEm2oBhfoI2sImeM4OF2zE2V3BYdSF+KnSi9Sidz51fQHd7+JuF8Xgcj9/0o+OWeIeIS/MiuNnlruQrJf16GQA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      es-to-primitive: 1.2.1
-      function-bind: 1.1.1
-      function.prototype.name: 1.1.5
-      get-intrinsic: 1.1.2
-      get-symbol-description: 1.0.0
-      has: 1.0.3
-      has-property-descriptors: 1.0.0
-      has-symbols: 1.0.3
-      internal-slot: 1.0.3
-      is-callable: 1.2.4
-      is-negative-zero: 2.0.2
-      is-regex: 1.1.4
-      is-shared-array-buffer: 1.0.2
-      is-string: 1.0.7
-      is-weakref: 1.0.2
-      object-inspect: 1.12.2
-      object-keys: 1.1.1
-      object.assign: 4.1.2
-      regexp.prototype.flags: 1.4.3
-      string.prototype.trimend: 1.0.5
-      string.prototype.trimstart: 1.0.5
-      unbox-primitive: 1.0.2
-    dev: true
-
-  /es-to-primitive/1.2.1:
-    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      is-callable: 1.2.4
-      is-date-object: 1.0.5
-      is-symbol: 1.0.4
-    dev: true
-
-  /es6-promise/3.3.1:
-    resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
-    dev: true
-
-  /esbuild-android-64/0.14.51:
-    resolution: {integrity: sha512-6FOuKTHnC86dtrKDmdSj2CkcKF8PnqkaIXqvgydqfJmqBazCPdw+relrMlhGjkvVdiiGV70rpdnyFmA65ekBCQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-android-arm64/0.14.51:
-    resolution: {integrity: sha512-vBtp//5VVkZWmYYvHsqBRCMMi1MzKuMIn5XDScmnykMTu9+TD9v0NMEDqQxvtFToeYmojdo5UCV2vzMQWJcJ4A==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-darwin-64/0.14.51:
-    resolution: {integrity: sha512-YFmXPIOvuagDcwCejMRtCDjgPfnDu+bNeh5FU2Ryi68ADDVlWEpbtpAbrtf/lvFTWPexbgyKgzppNgsmLPr8PA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-darwin-arm64/0.14.51:
-    resolution: {integrity: sha512-juYD0QnSKwAMfzwKdIF6YbueXzS6N7y4GXPDeDkApz/1RzlT42mvX9jgNmyOlWKN7YzQAYbcUEJmZJYQGdf2ow==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-freebsd-64/0.14.51:
-    resolution: {integrity: sha512-cLEI/aXjb6vo5O2Y8rvVSQ7smgLldwYY5xMxqh/dQGfWO+R1NJOFsiax3IS4Ng300SVp7Gz3czxT6d6qf2cw0g==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-freebsd-arm64/0.14.51:
-    resolution: {integrity: sha512-TcWVw/rCL2F+jUgRkgLa3qltd5gzKjIMGhkVybkjk6PJadYInPtgtUBp1/hG+mxyigaT7ib+od1Xb84b+L+1Mg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-linux-32/0.14.51:
-    resolution: {integrity: sha512-RFqpyC5ChyWrjx8Xj2K0EC1aN0A37H6OJfmUXIASEqJoHcntuV3j2Efr9RNmUhMfNE6yEj2VpYuDteZLGDMr0w==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-linux-64/0.14.51:
-    resolution: {integrity: sha512-dxjhrqo5i7Rq6DXwz5v+MEHVs9VNFItJmHBe1CxROWNf4miOGoQhqSG8StStbDkQ1Mtobg6ng+4fwByOhoQoeA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-linux-arm/0.14.51:
-    resolution: {integrity: sha512-LsJynDxYF6Neg7ZC7748yweCDD+N8ByCv22/7IAZglIEniEkqdF4HCaa49JNDLw1UQGlYuhOB8ZT/MmcSWzcWg==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-linux-arm64/0.14.51:
-    resolution: {integrity: sha512-D9rFxGutoqQX3xJPxqd6o+kvYKeIbM0ifW2y0bgKk5HPgQQOo2k9/2Vpto3ybGYaFPCE5qTGtqQta9PoP6ZEzw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-linux-mips64le/0.14.51:
-    resolution: {integrity: sha512-vS54wQjy4IinLSlb5EIlLoln8buh1yDgliP4CuEHumrPk4PvvP4kTRIG4SzMXm6t19N0rIfT4bNdAxzJLg2k6A==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-linux-ppc64le/0.14.51:
-    resolution: {integrity: sha512-xcdd62Y3VfGoyphNP/aIV9LP+RzFw5M5Z7ja+zdpQHHvokJM7d0rlDRMN+iSSwvUymQkqZO+G/xjb4/75du8BQ==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-linux-riscv64/0.14.51:
-    resolution: {integrity: sha512-syXHGak9wkAnFz0gMmRBoy44JV0rp4kVCEA36P5MCeZcxFq8+fllBC2t6sKI23w3qd8Vwo9pTADCgjTSf3L3rA==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-linux-s390x/0.14.51:
-    resolution: {integrity: sha512-kFAJY3dv+Wq8o28K/C7xkZk/X34rgTwhknSsElIqoEo8armCOjMJ6NsMxm48KaWY2h2RUYGtQmr+RGuUPKBhyw==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-netbsd-64/0.14.51:
-    resolution: {integrity: sha512-ZZBI7qrR1FevdPBVHz/1GSk1x5GDL/iy42Zy8+neEm/HA7ma+hH/bwPEjeHXKWUDvM36CZpSL/fn1/y9/Hb+1A==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-openbsd-64/0.14.51:
-    resolution: {integrity: sha512-7R1/p39M+LSVQVgDVlcY1KKm6kFKjERSX1lipMG51NPcspJD1tmiZSmmBXoY5jhHIu6JL1QkFDTx94gMYK6vfA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-sunos-64/0.14.51:
-    resolution: {integrity: sha512-HoHaCswHxLEYN8eBTtyO0bFEWvA3Kdb++hSQ/lLG7TyKF69TeSG0RNoBRAs45x/oCeWaTDntEZlYwAfQlhEtJA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-windows-32/0.14.51:
-    resolution: {integrity: sha512-4rtwSAM35A07CBt1/X8RWieDj3ZUHQqUOaEo5ZBs69rt5WAFjP4aqCIobdqOy4FdhYw1yF8Z0xFBTyc9lgPtEg==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-windows-64/0.14.51:
-    resolution: {integrity: sha512-HoN/5HGRXJpWODprGCgKbdMvrC3A2gqvzewu2eECRw2sYxOUoh2TV1tS+G7bHNapPGI79woQJGV6pFH7GH7qnA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild-windows-arm64/0.14.51:
-    resolution: {integrity: sha512-JQDqPjuOH7o+BsKMSddMfmVJXrnYZxXDHsoLHc0xgmAZkOOCflRmC43q31pk79F9xuyWY45jDBPolb5ZgGOf9g==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /esbuild/0.14.51:
-    resolution: {integrity: sha512-+CvnDitD7Q5sT7F+FM65sWkF8wJRf+j9fPcprxYV4j+ohmzVj2W7caUqH2s5kCaCJAfcAICjSlKhDCcvDpU7nw==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      esbuild-android-64: 0.14.51
-      esbuild-android-arm64: 0.14.51
-      esbuild-darwin-64: 0.14.51
-      esbuild-darwin-arm64: 0.14.51
-      esbuild-freebsd-64: 0.14.51
-      esbuild-freebsd-arm64: 0.14.51
-      esbuild-linux-32: 0.14.51
-      esbuild-linux-64: 0.14.51
-      esbuild-linux-arm: 0.14.51
-      esbuild-linux-arm64: 0.14.51
-      esbuild-linux-mips64le: 0.14.51
-      esbuild-linux-ppc64le: 0.14.51
-      esbuild-linux-riscv64: 0.14.51
-      esbuild-linux-s390x: 0.14.51
-      esbuild-netbsd-64: 0.14.51
-      esbuild-openbsd-64: 0.14.51
-      esbuild-sunos-64: 0.14.51
-      esbuild-windows-32: 0.14.51
-      esbuild-windows-64: 0.14.51
-      esbuild-windows-arm64: 0.14.51
-    dev: true
-
-  /escape-string-regexp/1.0.5:
-    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
-    engines: {node: '>=0.8.0'}
-    dev: true
-
-  /estree-walker/2.0.2:
-    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
-    dev: true
-
-  /eventemitter3/4.0.7:
-    resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
-    dev: true
-
-  /fill-range/7.0.1:
-    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      to-regex-range: 5.0.1
-    dev: true
-
-  /fs.realpath/1.0.0:
-    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
-    dev: true
-
-  /fsevents/2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /function-bind/1.1.1:
-    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
-    dev: true
-
-  /function.prototype.name/1.1.5:
-    resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.1.4
-      es-abstract: 1.20.1
-      functions-have-names: 1.2.3
-    dev: true
-
-  /functions-have-names/1.2.3:
-    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
-    dev: true
-
-  /fuzzysort/2.0.1:
-    resolution: {integrity: sha512-SlgbPAq0eQ6JQ1h3l4MNeGH/t9DHKH8GGM0RD/6RhmJrNnSoWt3oIVaiQm9g9BPB+wAhRMeMqlUTbhbd7+Ufcg==}
-    dev: false
-
-  /get-intrinsic/1.1.2:
-    resolution: {integrity: sha512-Jfm3OyCxHh9DJyc28qGk+JmfkpO41A4XkneDSujN9MDXrm4oDKdHvndhZ2dN94+ERNfkYJWDclW6k2L/ZGHjXA==}
-    dependencies:
-      function-bind: 1.1.1
-      has: 1.0.3
-      has-symbols: 1.0.3
-    dev: true
-
-  /get-symbol-description/1.0.0:
-    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.1.2
-    dev: true
-
-  /glob-parent/5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
-    engines: {node: '>= 6'}
-    dependencies:
-      is-glob: 4.0.3
-    dev: true
-
-  /glob/7.2.3:
-    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
-    dependencies:
-      fs.realpath: 1.0.0
-      inflight: 1.0.6
-      inherits: 2.0.4
-      minimatch: 3.1.2
-      once: 1.4.0
-      path-is-absolute: 1.0.1
-    dev: true
-
-  /graceful-fs/4.2.10:
-    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
-    dev: true
-
-  /has-bigints/1.0.2:
-    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
-    dev: true
-
-  /has-flag/3.0.0:
-    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /has-property-descriptors/1.0.0:
-    resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==}
-    dependencies:
-      get-intrinsic: 1.1.2
-    dev: true
-
-  /has-symbols/1.0.3:
-    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /has-tostringtag/1.0.0:
-    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-symbols: 1.0.3
-    dev: true
-
-  /has/1.0.3:
-    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
-    engines: {node: '>= 0.4.0'}
-    dependencies:
-      function-bind: 1.1.1
-    dev: true
-
-  /hosted-git-info/2.8.9:
-    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
-    dev: true
-
-  /immutable/4.1.0:
-    resolution: {integrity: sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==}
-    dev: true
-
-  /inflight/1.0.6:
-    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
-    dependencies:
-      once: 1.4.0
-      wrappy: 1.0.2
-    dev: true
-
-  /inherits/2.0.4:
-    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
-    dev: true
-
-  /internal-slot/1.0.3:
-    resolution: {integrity: sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      get-intrinsic: 1.1.2
-      has: 1.0.3
-      side-channel: 1.0.4
-    dev: true
-
-  /is-arrayish/0.2.1:
-    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
-    dev: true
-
-  /is-bigint/1.0.4:
-    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
-    dependencies:
-      has-bigints: 1.0.2
-    dev: true
-
-  /is-binary-path/2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
-    dependencies:
-      binary-extensions: 2.2.0
-    dev: true
-
-  /is-boolean-object/1.1.2:
-    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-callable/1.2.4:
-    resolution: {integrity: sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /is-core-module/2.9.0:
-    resolution: {integrity: sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==}
-    dependencies:
-      has: 1.0.3
-    dev: true
-
-  /is-date-object/1.0.5:
-    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-extglob/2.1.1:
-    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /is-glob/4.0.3:
-    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-extglob: 2.1.1
-    dev: true
-
-  /is-negative-zero/2.0.2:
-    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /is-number-object/1.0.7:
-    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-number/7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
-    engines: {node: '>=0.12.0'}
-    dev: true
-
-  /is-regex/1.1.4:
-    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-shared-array-buffer/1.0.2:
-    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
-    dependencies:
-      call-bind: 1.0.2
-    dev: true
-
-  /is-string/1.0.7:
-    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-symbol/1.0.4:
-    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-symbols: 1.0.3
-    dev: true
-
-  /is-weakref/1.0.2:
-    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
-    dependencies:
-      call-bind: 1.0.2
-    dev: true
-
-  /isexe/2.0.0:
-    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
-    dev: true
-
-  /jsbi/4.3.0:
-    resolution: {integrity: sha512-SnZNcinB4RIcnEyZqFPdGPVgrg2AcnykiBy0sHVJQKHYeaLUvi3Exj+iaPpLnFVkDPZIV4U0yvgC9/R4uEAZ9g==}
-    dev: false
-
-  /json-parse-better-errors/1.0.2:
-    resolution: {integrity: sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==}
-    dev: true
-
-  /kleur/4.1.5:
-    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /load-json-file/4.0.0:
-    resolution: {integrity: sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==}
-    engines: {node: '>=4'}
-    dependencies:
-      graceful-fs: 4.2.10
-      parse-json: 4.0.0
-      pify: 3.0.0
-      strip-bom: 3.0.0
-    dev: true
-
-  /magic-string/0.25.9:
-    resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
-    dependencies:
-      sourcemap-codec: 1.4.8
-    dev: true
-
-  /magic-string/0.26.2:
-    resolution: {integrity: sha512-NzzlXpclt5zAbmo6h6jNc8zl2gNRGHvmsZW4IvZhTC4W7k4OlLP+S5YLussa/r3ixNT66KOQfNORlXHSOy/X4A==}
-    engines: {node: '>=12'}
-    dependencies:
-      sourcemap-codec: 1.4.8
-    dev: true
-
-  /memorystream/0.3.1:
-    resolution: {integrity: sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==}
-    engines: {node: '>= 0.10.0'}
-    dev: true
-
-  /microtime/3.1.0:
-    resolution: {integrity: sha512-GcjhfC2y/DF2znac8IRwri7+YUIy34QRHz/iZK3bHrh74qrNNOpAJQwiOMnIG+v1J0K4eiqd+RiGzN3F1eofTQ==}
-    engines: {node: '>= 14.13.0'}
-    requiresBuild: true
-    dependencies:
-      node-addon-api: 5.0.0
-      node-gyp-build: 4.5.0
-    dev: true
-
-  /min-indent/1.0.1:
-    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /minimatch/3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
-    dependencies:
-      brace-expansion: 1.1.11
-    dev: true
-
-  /minimist/1.2.6:
-    resolution: {integrity: sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==}
-    dev: true
-
-  /mkdirp/0.5.6:
-    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
-    hasBin: true
-    dependencies:
-      minimist: 1.2.6
-    dev: true
-
-  /ms/2.1.2:
-    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
-    dev: true
-
-  /nanoid/3.3.4:
-    resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-    dev: true
-
-  /nice-try/1.0.5:
-    resolution: {integrity: sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==}
-    dev: true
-
-  /node-addon-api/5.0.0:
-    resolution: {integrity: sha512-CvkDw2OEnme7ybCykJpVcKH+uAOLV2qLqiyla128dN9TkEWfrYmxG6C2boDe5KcNQqZF3orkqzGgOMvZ/JNekA==}
-    dev: true
-
-  /node-gyp-build/4.5.0:
-    resolution: {integrity: sha512-2iGbaQBV+ITgCz76ZEjmhUKAKVf7xfY1sRl4UiKQspfZMH2h06SyhNsnSVy50cwkFQDGLyif6m/6uFXHkOZ6rg==}
-    hasBin: true
-    dev: true
-
-  /normalize-package-data/2.5.0:
-    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
-    dependencies:
-      hosted-git-info: 2.8.9
-      resolve: 1.22.1
-      semver: 5.7.1
-      validate-npm-package-license: 3.0.4
-    dev: true
-
-  /normalize-path/3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /npm-run-all/4.1.5:
-    resolution: {integrity: sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==}
-    engines: {node: '>= 4'}
-    hasBin: true
-    dependencies:
-      ansi-styles: 3.2.1
-      chalk: 2.4.2
-      cross-spawn: 6.0.5
-      memorystream: 0.3.1
-      minimatch: 3.1.2
-      pidtree: 0.3.1
-      read-pkg: 3.0.0
-      shell-quote: 1.7.3
-      string.prototype.padend: 3.1.3
-    dev: true
-
-  /object-inspect/1.12.2:
-    resolution: {integrity: sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==}
-    dev: true
-
-  /object-keys/1.1.1:
-    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /object.assign/4.1.2:
-    resolution: {integrity: sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.1.4
-      has-symbols: 1.0.3
-      object-keys: 1.1.1
-    dev: true
-
-  /oblivious-set/1.1.1:
-    resolution: {integrity: sha512-Oh+8fK09mgGmAshFdH6hSVco6KZmd1tTwNFWj35OvzdmJTMZtAkbn05zar2iG3v6sDs1JLEtOiBGNb6BHwkb2w==}
-    dev: true
-
-  /once/1.4.0:
-    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
-    dependencies:
-      wrappy: 1.0.2
-    dev: true
-
-  /p-finally/1.0.0:
-    resolution: {integrity: sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /p-queue/6.6.2:
-    resolution: {integrity: sha512-RwFpb72c/BhQLEXIZ5K2e+AhgNVmIejGlTgiB9MzZ0e93GRvqZ7uSi0dvRF7/XIXDeNkra2fNHBxTyPDGySpjQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      eventemitter3: 4.0.7
-      p-timeout: 3.2.0
-    dev: true
-
-  /p-timeout/3.2.0:
-    resolution: {integrity: sha512-rhIwUycgwwKcP9yTOOFK/AKsAopjjCakVqLHePO3CC6Mir1Z99xT+R63jZxAT5lFZLa2inS5h+ZS2GvR99/FBg==}
-    engines: {node: '>=8'}
-    dependencies:
-      p-finally: 1.0.0
-    dev: true
-
-  /parse-json/4.0.0:
-    resolution: {integrity: sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==}
-    engines: {node: '>=4'}
-    dependencies:
-      error-ex: 1.3.2
-      json-parse-better-errors: 1.0.2
-    dev: true
-
-  /path-is-absolute/1.0.1:
-    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /path-key/2.0.1:
-    resolution: {integrity: sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /path-parse/1.0.7:
-    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
-    dev: true
-
-  /path-type/3.0.0:
-    resolution: {integrity: sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==}
-    engines: {node: '>=4'}
-    dependencies:
-      pify: 3.0.0
-    dev: true
-
-  /picocolors/1.0.0:
-    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
-    dev: true
-
-  /picomatch/2.3.1:
-    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
-    engines: {node: '>=8.6'}
-    dev: true
-
-  /pidtree/0.3.1:
-    resolution: {integrity: sha512-qQbW94hLHEqCg7nhby4yRC7G2+jYHY4Rguc2bjw7Uug4GIJuu1tvf2uHaZv5Q8zdt+WKJ6qK1FOI6amaWUo5FA==}
-    engines: {node: '>=0.10'}
-    hasBin: true
-    dev: true
-
-  /pify/3.0.0:
-    resolution: {integrity: sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /postcss/8.4.14:
-    resolution: {integrity: sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==}
-    engines: {node: ^10 || ^12 || >=14}
-    dependencies:
-      nanoid: 3.3.4
-      picocolors: 1.0.0
-      source-map-js: 1.0.2
-    dev: true
-
-  /read-pkg/3.0.0:
-    resolution: {integrity: sha512-BLq/cCO9two+lBgiTYNqD6GdtK8s4NpaWrl6/rCO9w0TUS8oJl7cmToOZfRYllKTISY6nt1U7jQ53brmKqY6BA==}
-    engines: {node: '>=4'}
-    dependencies:
-      load-json-file: 4.0.0
-      normalize-package-data: 2.5.0
-      path-type: 3.0.0
-    dev: true
-
-  /readdirp/3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
-    dependencies:
-      picomatch: 2.3.1
-    dev: true
-
-  /regenerator-runtime/0.13.9:
-    resolution: {integrity: sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==}
-    dev: true
-
-  /regexp.prototype.flags/1.4.3:
-    resolution: {integrity: sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.1.4
-      functions-have-names: 1.2.3
-    dev: true
-
-  /regexparam/2.0.0:
-    resolution: {integrity: sha512-gJKwd2MVPWHAIFLsaYDZfyKzHNS4o7E/v8YmNf44vmeV2e4YfVoDToTOKTvE7ab68cRJ++kLuEXJBaEeJVt5ow==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /resolve/1.22.1:
-    resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==}
-    hasBin: true
-    dependencies:
-      is-core-module: 2.9.0
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-    dev: true
-
-  /rimraf/2.7.1:
-    resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
-    hasBin: true
-    dependencies:
-      glob: 7.2.3
-    dev: true
-
-  /rimraf/3.0.2:
-    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
-    hasBin: true
-    dependencies:
-      glob: 7.2.3
-    dev: true
-
-  /rollup/2.77.2:
-    resolution: {integrity: sha512-m/4YzYgLcpMQbxX3NmAqDvwLATZzxt8bIegO78FZLl+lAgKJBd1DRAOeEiZcKOIOPjxE6ewHWHNgGEalFXuz1g==}
-    engines: {node: '>=10.0.0'}
-    hasBin: true
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /sander/0.5.1:
-    resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
-    dependencies:
-      es6-promise: 3.3.1
-      graceful-fs: 4.2.10
-      mkdirp: 0.5.6
-      rimraf: 2.7.1
-    dev: true
-
-  /sass/1.54.0:
-    resolution: {integrity: sha512-C4zp79GCXZfK0yoHZg+GxF818/aclhp9F48XBu/+bm9vXEVAYov9iU3FBVRMq3Hx3OA4jfKL+p2K9180mEh0xQ==}
-    engines: {node: '>=12.0.0'}
-    hasBin: true
-    dependencies:
-      chokidar: 3.5.3
-      immutable: 4.1.0
-      source-map-js: 1.0.2
-    dev: true
-
-  /semver/5.7.1:
-    resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==}
-    hasBin: true
-    dev: true
-
-  /shebang-command/1.2.0:
-    resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      shebang-regex: 1.0.0
-    dev: true
-
-  /shebang-regex/1.0.0:
-    resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /shell-quote/1.7.3:
-    resolution: {integrity: sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==}
-    dev: true
-
-  /side-channel/1.0.4:
-    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
-    dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.1.2
-      object-inspect: 1.12.2
-    dev: true
-
-  /sorcery/0.10.0:
-    resolution: {integrity: sha512-R5ocFmKZQFfSTstfOtHjJuAwbpGyf9qjQa1egyhvXSbM7emjrtLXtGdZsDJDABC85YBfVvrOiGWKSYXPKdvP1g==}
-    hasBin: true
-    dependencies:
-      buffer-crc32: 0.2.13
-      minimist: 1.2.6
-      sander: 0.5.1
-      sourcemap-codec: 1.4.8
-    dev: true
-
-  /source-map-js/1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /sourcemap-codec/1.4.8:
-    resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
-    dev: true
-
-  /spdx-correct/3.1.1:
-    resolution: {integrity: sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==}
-    dependencies:
-      spdx-expression-parse: 3.0.1
-      spdx-license-ids: 3.0.11
-    dev: true
-
-  /spdx-exceptions/2.3.0:
-    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
-    dev: true
-
-  /spdx-expression-parse/3.0.1:
-    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
-    dependencies:
-      spdx-exceptions: 2.3.0
-      spdx-license-ids: 3.0.11
-    dev: true
-
-  /spdx-license-ids/3.0.11:
-    resolution: {integrity: sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==}
-    dev: true
-
-  /string.prototype.padend/3.1.3:
-    resolution: {integrity: sha512-jNIIeokznm8SD/TZISQsZKYu7RJyheFNt84DUPrh482GC8RVp2MKqm2O5oBRdGxbDQoXrhhWtPIWQOiy20svUg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.1.4
-      es-abstract: 1.20.1
-    dev: true
-
-  /string.prototype.trimend/1.0.5:
-    resolution: {integrity: sha512-I7RGvmjV4pJ7O3kdf+LXFpVfdNOxtCW/2C8f6jNiW4+PQchwxkCDzlk1/7p+Wl4bqFIZeF47qAHXLuHHWKAxog==}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.1.4
-      es-abstract: 1.20.1
-    dev: true
-
-  /string.prototype.trimstart/1.0.5:
-    resolution: {integrity: sha512-THx16TJCGlsN0o6dl2o6ncWUsdgnLRSA23rRE5pyGBw/mLr3Ej/R2LaqCtgP8VNMGZsvMWnf9ooZPyY2bHvUFg==}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.1.4
-      es-abstract: 1.20.1
-    dev: true
-
-  /strip-bom/3.0.0:
-    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /strip-indent/3.0.0:
-    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      min-indent: 1.0.1
-    dev: true
-
-  /supports-color/5.5.0:
-    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
-    engines: {node: '>=4'}
-    dependencies:
-      has-flag: 3.0.0
-    dev: true
-
-  /supports-preserve-symlinks-flag/1.0.0:
-    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /svelte-hmr/0.14.12_svelte@3.49.0:
-    resolution: {integrity: sha512-4QSW/VvXuqVcFZ+RhxiR8/newmwOCTlbYIezvkeN6302YFRE8cXy0naamHcjz8Y9Ce3ITTZtrHrIL0AGfyo61w==}
-    engines: {node: ^12.20 || ^14.13.1 || >= 16}
-    peerDependencies:
-      svelte: '>=3.19.0'
-    dependencies:
-      svelte: 3.49.0
-    dev: true
-
-  /svelte-preprocess/4.10.7_qqyngjnvpp2z5rj6eppfx7s47e:
-    resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
-    engines: {node: '>= 9.11.2'}
-    requiresBuild: true
-    peerDependencies:
-      '@babel/core': ^7.10.2
-      coffeescript: ^2.5.1
-      less: ^3.11.3 || ^4.0.0
-      node-sass: '*'
-      postcss: ^7 || ^8
-      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0
-      pug: ^3.0.0
-      sass: ^1.26.8
-      stylus: ^0.55.0
-      sugarss: ^2.0.0
-      svelte: ^3.23.0
-      typescript: ^3.9.5 || ^4.0.0
-    peerDependenciesMeta:
-      '@babel/core':
-        optional: true
-      coffeescript:
-        optional: true
-      less:
-        optional: true
-      node-sass:
-        optional: true
-      postcss:
-        optional: true
-      postcss-load-config:
-        optional: true
-      pug:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      typescript:
-        optional: true
-    dependencies:
-      '@types/pug': 2.0.6
-      '@types/sass': 1.43.1
-      detect-indent: 6.1.0
-      magic-string: 0.25.9
-      sass: 1.54.0
-      sorcery: 0.10.0
-      strip-indent: 3.0.0
-      svelte: 3.49.0
-      typescript: 4.7.4
-    dev: true
-
-  /svelte-spa-router/3.2.0:
-    resolution: {integrity: sha512-igemo5Vs82TGBBw+DjWt6qKameXYzNs6aDXcTxou5XbEvOjiRcAM6MLkdVRCatn6u8r42dE99bt/br7T4qe/AQ==}
-    dependencies:
-      regexparam: 2.0.0
-    dev: true
-
-  /svelte/3.49.0:
-    resolution: {integrity: sha512-+lmjic1pApJWDfPCpUUTc1m8azDqYCG1JN9YEngrx/hUyIcFJo6VZhj0A1Ai0wqoHcEIuQy+e9tk+4uDgdtsFA==}
-    engines: {node: '>= 8'}
-    dev: true
-
-  /to-regex-range/5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
-    engines: {node: '>=8.0'}
-    dependencies:
-      is-number: 7.0.0
-    dev: true
-
-  /tslib/2.4.0:
-    resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
-    dev: false
-
-  /typesafe-i18n/5.11.0_typescript@4.7.4:
-    resolution: {integrity: sha512-OVX/6/F834XldHTMdmo3TcMPePcvLXwYrkDgqWYxmuVCTyCrk0aIdUOIWM0RPZEQ2D106+/LcWFCkJiBCuK2pA==}
-    hasBin: true
-    peerDependencies:
-      typescript: '>=3.5.1'
-    dependencies:
-      typescript: 4.7.4
-    dev: false
-
-  /typescript/4.7.4:
-    resolution: {integrity: sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==}
-    engines: {node: '>=4.2.0'}
-    hasBin: true
-
-  /unbox-primitive/1.0.2:
-    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
-    dependencies:
-      call-bind: 1.0.2
-      has-bigints: 1.0.2
-      has-symbols: 1.0.3
-      which-boxed-primitive: 1.0.2
-    dev: true
-
-  /unload/2.3.1:
-    resolution: {integrity: sha512-MUZEiDqvAN9AIDRbbBnVYVvfcR6DrjCqeU2YQMmliFZl9uaBUjTkhuDQkBiyAy8ad5bx1TXVbqZ3gg7namsWjA==}
-    dependencies:
-      '@babel/runtime': 7.18.9
-      detect-node: 2.1.0
-    dev: true
-
-  /validate-npm-package-license/3.0.4:
-    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
-    dependencies:
-      spdx-correct: 3.1.1
-      spdx-expression-parse: 3.0.1
-    dev: true
-
-  /vite/3.0.4_sass@1.54.0:
-    resolution: {integrity: sha512-NU304nqnBeOx2MkQnskBQxVsa0pRAH5FphokTGmyy8M3oxbvw7qAXts2GORxs+h/2vKsD+osMhZ7An6yK6F1dA==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      less: '*'
-      sass: '*'
-      stylus: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      less:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      esbuild: 0.14.51
-      postcss: 8.4.14
-      resolve: 1.22.1
-      rollup: 2.77.2
-      sass: 1.54.0
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /which-boxed-primitive/1.0.2:
-    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
-    dependencies:
-      is-bigint: 1.0.4
-      is-boolean-object: 1.1.2
-      is-number-object: 1.0.7
-      is-string: 1.0.7
-      is-symbol: 1.0.4
-    dev: true
-
-  /which/1.3.1:
-    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
-    hasBin: true
-    dependencies:
-      isexe: 2.0.0
-    dev: true
-
-  /wrappy/1.0.2:
-    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
-    dev: true
diff --git a/apps/projects/src/tsconfig.json b/apps/projects/src/tsconfig.json
deleted file mode 100644
index c60fce6..0000000
--- a/apps/projects/src/tsconfig.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "include": [
-    "./**/*.d.ts",
-    "./**/*.ts",
-    "./**/*.js",
-    "./**/*.svelte"
-  ],
-  "exclude": [
-    "./node_modules"
-  ],
-  "compilerOptions": {
-    "target": "esnext",
-    "useDefineForClassFields": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "allowJs": true,
-    "checkJs": false,
-    "paths": {
-      "$app/*": [
-        "./app/*"
-      ],
-      "$shared/*": [
-        "../../web-shared/src/*"
-      ]
-    }
-  }
-}
diff --git a/apps/projects/src/vite.config.ts b/apps/projects/src/vite.config.ts
deleted file mode 100644
index 1686884..0000000
--- a/apps/projects/src/vite.config.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import {defineConfig} from "vite";
-import {svelte} from "@sveltejs/vite-plugin-svelte";
-import sveltePreprocess from "svelte-preprocess";
-// @ts-ignore
-import path from "path";
-
-// https://vitejs.dev/config/
-export default defineConfig({
-    resolve: {
-        alias: {
-            "$shared": path.resolve(__dirname, "../../web-shared/src"),
-            "$app": path.resolve(__dirname, "./app")
-        }
-    },
-    build: {
-        outDir: "build",
-        emptyOutDir: true,
-        rollupOptions: {
-            input: {
-                main: path.resolve(__dirname, "index.html"),
-            }
-        }
-    },
-    server: {
-        port: 3000
-    },
-    plugins: [
-        svelte({
-            preprocess: sveltePreprocess()
-        })
-    ],
-});
diff --git a/apps/web-shared/.typesafe-i18n.json b/apps/web-shared/.typesafe-i18n.json
deleted file mode 100644
index 574db64..0000000
--- a/apps/web-shared/.typesafe-i18n.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-   "esmImports": true,
-   "outputPath": "./src/lib/i18n",
-   "$schema": "https://unpkg.com/typesafe-i18n@5.5.2/schema/typesafe-i18n.json"
-}
-\ No newline at end of file
diff --git a/apps/web-shared/package.json b/apps/web-shared/package.json
deleted file mode 100644
index 67b1336..0000000
--- a/apps/web-shared/package.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "name": "greatoffice-web-shared",
-  "version": "0.0.1",
-  "private": "true",
-  "scripts": {
-    "dev": "npm-run-all --parallel vite typesafe-i18n",
-    "vite": "vite",
-    "typesafe-i18n": "typesafe-i18n"
-  },
-  "devDependencies": {
-    "@js-temporal/polyfill": "^0.4.2",
-    "fuzzysort": "^2.0.1",
-    "npm-run-all": "^4.1.5",
-    "svelte": "^3.49.0",
-    "svelte-feather-icons": "^4.0.0",
-    "svelte-spa-router": "^3.3.0",
-    "typesafe-i18n": "^5.11.0",
-    "typescript": "4.7.4"
-  }
-}
diff --git a/apps/web-shared/pnpm-lock.yaml b/apps/web-shared/pnpm-lock.yaml
deleted file mode 100644
index 628f54b..0000000
--- a/apps/web-shared/pnpm-lock.yaml
+++ /dev/null
@@ -1,628 +0,0 @@
-lockfileVersion: 5.4
-
-specifiers:
-  '@js-temporal/polyfill': ^0.4.2
-  fuzzysort: ^2.0.1
-  npm-run-all: ^4.1.5
-  svelte: ^3.49.0
-  svelte-feather-icons: ^4.0.0
-  svelte-spa-router: ^3.3.0
-  typesafe-i18n: ^5.11.0
-  typescript: 4.7.4
-
-devDependencies:
-  '@js-temporal/polyfill': 0.4.2
-  fuzzysort: 2.0.1
-  npm-run-all: 4.1.5
-  svelte: 3.49.0
-  svelte-feather-icons: 4.0.0
-  svelte-spa-router: 3.3.0
-  typesafe-i18n: 5.11.0_typescript@4.7.4
-  typescript: 4.7.4
-
-packages:
-
-  /@js-temporal/polyfill/0.4.2:
-    resolution: {integrity: sha512-c85vRxyqnJaXKyf4tvYij8jwiVIZhNLYDI9C4LLuOwVEHf4HUqGg07BBn70Le71W193QT/vmKg3jPUyQxJRHKQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      jsbi: 4.3.0
-      tslib: 2.4.0
-    dev: true
-
-  /ansi-styles/3.2.1:
-    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
-    engines: {node: '>=4'}
-    dependencies:
-      color-convert: 1.9.3
-    dev: true
-
-  /balanced-match/1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
-    dev: true
-
-  /brace-expansion/1.1.11:
-    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
-    dependencies:
-      balanced-match: 1.0.2
-      concat-map: 0.0.1
-    dev: true
-
-  /call-bind/1.0.2:
-    resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==}
-    dependencies:
-      function-bind: 1.1.1
-      get-intrinsic: 1.1.2
-    dev: true
-
-  /chalk/2.4.2:
-    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
-    engines: {node: '>=4'}
-    dependencies:
-      ansi-styles: 3.2.1
-      escape-string-regexp: 1.0.5
-      supports-color: 5.5.0
-    dev: true
-
-  /color-convert/1.9.3:
-    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
-    dependencies:
-      color-name: 1.1.3
-    dev: true
-
-  /color-name/1.1.3:
-    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
-    dev: true
-
-  /concat-map/0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
-    dev: true
-
-  /cross-spawn/6.0.5:
-    resolution: {integrity: sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==}
-    engines: {node: '>=4.8'}
-    dependencies:
-      nice-try: 1.0.5
-      path-key: 2.0.1
-      semver: 5.7.1
-      shebang-command: 1.2.0
-      which: 1.3.1
-    dev: true
-
-  /define-properties/1.1.4:
-    resolution: {integrity: sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-property-descriptors: 1.0.0
-      object-keys: 1.1.1
-    dev: true
-
-  /error-ex/1.3.2:
-    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
-    dependencies:
-      is-arrayish: 0.2.1
-    dev: true
-
-  /es-abstract/1.20.1:
-    resolution: {integrity: sha512-WEm2oBhfoI2sImeM4OF2zE2V3BYdSF+KnSi9Sidz51fQHd7+JuF8Xgcj9/0o+OWeIeIS/MiuNnlruQrJf16GQA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      es-to-primitive: 1.2.1
-      function-bind: 1.1.1
-      function.prototype.name: 1.1.5
-      get-intrinsic: 1.1.2
-      get-symbol-description: 1.0.0
-      has: 1.0.3
-      has-property-descriptors: 1.0.0
-      has-symbols: 1.0.3
-      internal-slot: 1.0.3
-      is-callable: 1.2.4
-      is-negative-zero: 2.0.2
-      is-regex: 1.1.4
-      is-shared-array-buffer: 1.0.2
-      is-string: 1.0.7
-      is-weakref: 1.0.2
-      object-inspect: 1.12.2
-      object-keys: 1.1.1
-      object.assign: 4.1.3
-      regexp.prototype.flags: 1.4.3
-      string.prototype.trimend: 1.0.5
-      string.prototype.trimstart: 1.0.5
-      unbox-primitive: 1.0.2
-    dev: true
-
-  /es-to-primitive/1.2.1:
-    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      is-callable: 1.2.4
-      is-date-object: 1.0.5
-      is-symbol: 1.0.4
-    dev: true
-
-  /escape-string-regexp/1.0.5:
-    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
-    engines: {node: '>=0.8.0'}
-    dev: true
-
-  /function-bind/1.1.1:
-    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
-    dev: true
-
-  /function.prototype.name/1.1.5:
-    resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.1.4
-      es-abstract: 1.20.1
-      functions-have-names: 1.2.3
-    dev: true
-
-  /functions-have-names/1.2.3:
-    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
-    dev: true
-
-  /fuzzysort/2.0.1:
-    resolution: {integrity: sha512-SlgbPAq0eQ6JQ1h3l4MNeGH/t9DHKH8GGM0RD/6RhmJrNnSoWt3oIVaiQm9g9BPB+wAhRMeMqlUTbhbd7+Ufcg==}
-    dev: true
-
-  /get-intrinsic/1.1.2:
-    resolution: {integrity: sha512-Jfm3OyCxHh9DJyc28qGk+JmfkpO41A4XkneDSujN9MDXrm4oDKdHvndhZ2dN94+ERNfkYJWDclW6k2L/ZGHjXA==}
-    dependencies:
-      function-bind: 1.1.1
-      has: 1.0.3
-      has-symbols: 1.0.3
-    dev: true
-
-  /get-symbol-description/1.0.0:
-    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.1.2
-    dev: true
-
-  /graceful-fs/4.2.10:
-    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
-    dev: true
-
-  /has-bigints/1.0.2:
-    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
-    dev: true
-
-  /has-flag/3.0.0:
-    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /has-property-descriptors/1.0.0:
-    resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==}
-    dependencies:
-      get-intrinsic: 1.1.2
-    dev: true
-
-  /has-symbols/1.0.3:
-    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /has-tostringtag/1.0.0:
-    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-symbols: 1.0.3
-    dev: true
-
-  /has/1.0.3:
-    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
-    engines: {node: '>= 0.4.0'}
-    dependencies:
-      function-bind: 1.1.1
-    dev: true
-
-  /hosted-git-info/2.8.9:
-    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
-    dev: true
-
-  /internal-slot/1.0.3:
-    resolution: {integrity: sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      get-intrinsic: 1.1.2
-      has: 1.0.3
-      side-channel: 1.0.4
-    dev: true
-
-  /is-arrayish/0.2.1:
-    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
-    dev: true
-
-  /is-bigint/1.0.4:
-    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
-    dependencies:
-      has-bigints: 1.0.2
-    dev: true
-
-  /is-boolean-object/1.1.2:
-    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-callable/1.2.4:
-    resolution: {integrity: sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /is-core-module/2.10.0:
-    resolution: {integrity: sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==}
-    dependencies:
-      has: 1.0.3
-    dev: true
-
-  /is-date-object/1.0.5:
-    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-negative-zero/2.0.2:
-    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /is-number-object/1.0.7:
-    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-regex/1.1.4:
-    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-shared-array-buffer/1.0.2:
-    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
-    dependencies:
-      call-bind: 1.0.2
-    dev: true
-
-  /is-string/1.0.7:
-    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-symbol/1.0.4:
-    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-symbols: 1.0.3
-    dev: true
-
-  /is-weakref/1.0.2:
-    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
-    dependencies:
-      call-bind: 1.0.2
-    dev: true
-
-  /isexe/2.0.0:
-    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
-    dev: true
-
-  /jsbi/4.3.0:
-    resolution: {integrity: sha512-SnZNcinB4RIcnEyZqFPdGPVgrg2AcnykiBy0sHVJQKHYeaLUvi3Exj+iaPpLnFVkDPZIV4U0yvgC9/R4uEAZ9g==}
-    dev: true
-
-  /json-parse-better-errors/1.0.2:
-    resolution: {integrity: sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==}
-    dev: true
-
-  /load-json-file/4.0.0:
-    resolution: {integrity: sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==}
-    engines: {node: '>=4'}
-    dependencies:
-      graceful-fs: 4.2.10
-      parse-json: 4.0.0
-      pify: 3.0.0
-      strip-bom: 3.0.0
-    dev: true
-
-  /memorystream/0.3.1:
-    resolution: {integrity: sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==}
-    engines: {node: '>= 0.10.0'}
-    dev: true
-
-  /minimatch/3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
-    dependencies:
-      brace-expansion: 1.1.11
-    dev: true
-
-  /nice-try/1.0.5:
-    resolution: {integrity: sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==}
-    dev: true
-
-  /normalize-package-data/2.5.0:
-    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
-    dependencies:
-      hosted-git-info: 2.8.9
-      resolve: 1.22.1
-      semver: 5.7.1
-      validate-npm-package-license: 3.0.4
-    dev: true
-
-  /npm-run-all/4.1.5:
-    resolution: {integrity: sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==}
-    engines: {node: '>= 4'}
-    hasBin: true
-    dependencies:
-      ansi-styles: 3.2.1
-      chalk: 2.4.2
-      cross-spawn: 6.0.5
-      memorystream: 0.3.1
-      minimatch: 3.1.2
-      pidtree: 0.3.1
-      read-pkg: 3.0.0
-      shell-quote: 1.7.3
-      string.prototype.padend: 3.1.3
-    dev: true
-
-  /object-inspect/1.12.2:
-    resolution: {integrity: sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==}
-    dev: true
-
-  /object-keys/1.1.1:
-    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /object.assign/4.1.3:
-    resolution: {integrity: sha512-ZFJnX3zltyjcYJL0RoCJuzb+11zWGyaDbjgxZbdV7rFEcHQuYxrZqhow67aA7xpes6LhojyFDaBKAFfogQrikA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.1.4
-      has-symbols: 1.0.3
-      object-keys: 1.1.1
-    dev: true
-
-  /parse-json/4.0.0:
-    resolution: {integrity: sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==}
-    engines: {node: '>=4'}
-    dependencies:
-      error-ex: 1.3.2
-      json-parse-better-errors: 1.0.2
-    dev: true
-
-  /path-key/2.0.1:
-    resolution: {integrity: sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /path-parse/1.0.7:
-    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
-    dev: true
-
-  /path-type/3.0.0:
-    resolution: {integrity: sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==}
-    engines: {node: '>=4'}
-    dependencies:
-      pify: 3.0.0
-    dev: true
-
-  /pidtree/0.3.1:
-    resolution: {integrity: sha512-qQbW94hLHEqCg7nhby4yRC7G2+jYHY4Rguc2bjw7Uug4GIJuu1tvf2uHaZv5Q8zdt+WKJ6qK1FOI6amaWUo5FA==}
-    engines: {node: '>=0.10'}
-    hasBin: true
-    dev: true
-
-  /pify/3.0.0:
-    resolution: {integrity: sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /read-pkg/3.0.0:
-    resolution: {integrity: sha512-BLq/cCO9two+lBgiTYNqD6GdtK8s4NpaWrl6/rCO9w0TUS8oJl7cmToOZfRYllKTISY6nt1U7jQ53brmKqY6BA==}
-    engines: {node: '>=4'}
-    dependencies:
-      load-json-file: 4.0.0
-      normalize-package-data: 2.5.0
-      path-type: 3.0.0
-    dev: true
-
-  /regexp.prototype.flags/1.4.3:
-    resolution: {integrity: sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.1.4
-      functions-have-names: 1.2.3
-    dev: true
-
-  /regexparam/2.0.1:
-    resolution: {integrity: sha512-zRgSaYemnNYxUv+/5SeoHI0eJIgTL/A2pUtXUPLHQxUldagouJ9p+K6IbIZ/JiQuCEv2E2B1O11SjVQy3aMCkw==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /resolve/1.22.1:
-    resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==}
-    hasBin: true
-    dependencies:
-      is-core-module: 2.10.0
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-    dev: true
-
-  /semver/5.7.1:
-    resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==}
-    hasBin: true
-    dev: true
-
-  /shebang-command/1.2.0:
-    resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      shebang-regex: 1.0.0
-    dev: true
-
-  /shebang-regex/1.0.0:
-    resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /shell-quote/1.7.3:
-    resolution: {integrity: sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==}
-    dev: true
-
-  /side-channel/1.0.4:
-    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
-    dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.1.2
-      object-inspect: 1.12.2
-    dev: true
-
-  /spdx-correct/3.1.1:
-    resolution: {integrity: sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==}
-    dependencies:
-      spdx-expression-parse: 3.0.1
-      spdx-license-ids: 3.0.11
-    dev: true
-
-  /spdx-exceptions/2.3.0:
-    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
-    dev: true
-
-  /spdx-expression-parse/3.0.1:
-    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
-    dependencies:
-      spdx-exceptions: 2.3.0
-      spdx-license-ids: 3.0.11
-    dev: true
-
-  /spdx-license-ids/3.0.11:
-    resolution: {integrity: sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==}
-    dev: true
-
-  /string.prototype.padend/3.1.3:
-    resolution: {integrity: sha512-jNIIeokznm8SD/TZISQsZKYu7RJyheFNt84DUPrh482GC8RVp2MKqm2O5oBRdGxbDQoXrhhWtPIWQOiy20svUg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.1.4
-      es-abstract: 1.20.1
-    dev: true
-
-  /string.prototype.trimend/1.0.5:
-    resolution: {integrity: sha512-I7RGvmjV4pJ7O3kdf+LXFpVfdNOxtCW/2C8f6jNiW4+PQchwxkCDzlk1/7p+Wl4bqFIZeF47qAHXLuHHWKAxog==}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.1.4
-      es-abstract: 1.20.1
-    dev: true
-
-  /string.prototype.trimstart/1.0.5:
-    resolution: {integrity: sha512-THx16TJCGlsN0o6dl2o6ncWUsdgnLRSA23rRE5pyGBw/mLr3Ej/R2LaqCtgP8VNMGZsvMWnf9ooZPyY2bHvUFg==}
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.1.4
-      es-abstract: 1.20.1
-    dev: true
-
-  /strip-bom/3.0.0:
-    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /supports-color/5.5.0:
-    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
-    engines: {node: '>=4'}
-    dependencies:
-      has-flag: 3.0.0
-    dev: true
-
-  /supports-preserve-symlinks-flag/1.0.0:
-    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /svelte-feather-icons/4.0.0:
-    resolution: {integrity: sha512-4ieUsjp+VYa1r6y80jDt9zRiRUZyJNbESpRdHdJJhiBubyuXX96A7f1UZSK4olxzP6Qsg5ZAuyZlnmvD+/swAA==}
-    dependencies:
-      svelte: 3.49.0
-    dev: true
-
-  /svelte-spa-router/3.3.0:
-    resolution: {integrity: sha512-cwRNe7cxD43sCvSfEeaKiNZg3FCizGxeMcf7CPiWRP3jKXjEma3vxyyuDtPOam6nWbVxl9TNM3hlE/i87ZlqcQ==}
-    dependencies:
-      regexparam: 2.0.1
-    dev: true
-
-  /svelte/3.49.0:
-    resolution: {integrity: sha512-+lmjic1pApJWDfPCpUUTc1m8azDqYCG1JN9YEngrx/hUyIcFJo6VZhj0A1Ai0wqoHcEIuQy+e9tk+4uDgdtsFA==}
-    engines: {node: '>= 8'}
-    dev: true
-
-  /tslib/2.4.0:
-    resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
-    dev: true
-
-  /typesafe-i18n/5.11.0_typescript@4.7.4:
-    resolution: {integrity: sha512-OVX/6/F834XldHTMdmo3TcMPePcvLXwYrkDgqWYxmuVCTyCrk0aIdUOIWM0RPZEQ2D106+/LcWFCkJiBCuK2pA==}
-    hasBin: true
-    peerDependencies:
-      typescript: '>=3.5.1'
-    dependencies:
-      typescript: 4.7.4
-    dev: true
-
-  /typescript/4.7.4:
-    resolution: {integrity: sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==}
-    engines: {node: '>=4.2.0'}
-    hasBin: true
-    dev: true
-
-  /unbox-primitive/1.0.2:
-    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
-    dependencies:
-      call-bind: 1.0.2
-      has-bigints: 1.0.2
-      has-symbols: 1.0.3
-      which-boxed-primitive: 1.0.2
-    dev: true
-
-  /validate-npm-package-license/3.0.4:
-    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
-    dependencies:
-      spdx-correct: 3.1.1
-      spdx-expression-parse: 3.0.1
-    dev: true
-
-  /which-boxed-primitive/1.0.2:
-    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
-    dependencies:
-      is-bigint: 1.0.4
-      is-boolean-object: 1.1.2
-      is-number-object: 1.0.7
-      is-string: 1.0.7
-      is-symbol: 1.0.4
-    dev: true
-
-  /which/1.3.1:
-    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
-    hasBin: true
-    dependencies:
-      isexe: 2.0.0
-    dev: true
diff --git a/apps/web-shared/src/assets/logos/projects.png b/apps/web-shared/src/assets/logos/projects.png
deleted file mode 100644
index e49191f..0000000
--- a/apps/web-shared/src/assets/logos/projects.png
+++ /dev/null
diff --git a/apps/web-shared/src/assets/preload.css b/apps/web-shared/src/assets/preload.css
deleted file mode 100644
index 3ee8bda..0000000
--- a/apps/web-shared/src/assets/preload.css
+++ /dev/null
@@ -1,127 +0,0 @@
-:root {
-    --loader-primary: hsl(210, 92%, 44%);
-    --loader-accent: hsl(350, 47%, 42%);
-    --loader-contrast: hsl(230, 2%, 48%);
-    --loader-easing: cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-
-[data-theme="dark"] :root {
-    --loader-primary: hsl(250, 100%, 69%);
-    --loader-accent: hsl(342, 92%, 47%);
-    --loader-contrast: hsl(250, 100%, 69%);
-    --loader-easing: cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-
-[data-theme="dark"] {
-    background-color: hsl(232, 11%, 15%);
-}
-
-.fill-loader {
-    position: relative;
-    overflow: hidden;
-    display: inline-block;
-    margin: 3rem;
-}
-
-.fill-loader__fill {
-    position: absolute;
-}
-
-@supports (-webkit-animation-name: this) or (animation-name: this) {
-    .fill-loader__label {
-        position: absolute;
-        clip: rect(1px, 1px, 1px, 1px);
-        -webkit-clip-path: inset(50%);
-        clip-path: inset(50%);
-    }
-}
-
-@supports (-webkit-animation-name: this) or (animation-name: this) {
-    .fill-loader--v4 {
-        width: 90%;
-        max-width: 300px;
-    }
-
-    .fill-loader--v4 .fill-loader__base {
-        height: 4px;
-        background-color: var(--loader-contrast);
-    }
-
-    .fill-loader--v4 .fill-loader__fill {
-        top: 0;
-        left: 0;
-        right: 0;
-        height: 100%;
-        background-color: var(--loader-primary);
-        -webkit-animation: fill-loader-4 1.6s infinite var(--loader-easing);
-        animation: fill-loader-4 1.6s infinite var(--loader-easing);
-        will-change: left, right;
-    }
-}
-
-@-webkit-keyframes fill-loader-4 {
-    0% {
-        left: 0;
-        right: 100%;
-        background-color: var(--loader-primary);
-    }
-
-    10%,
-    60% {
-        left: 0;
-    }
-
-    40%,
-    90% {
-        right: 0;
-    }
-
-    50% {
-        left: 100%;
-        background-color: var(--loader-primary);
-    }
-
-    51% {
-        left: 0;
-        right: 100%;
-        background-color: var(--loader-accent);
-    }
-
-    100% {
-        left: 100%;
-        background-color: var(--loader-accent);
-    }
-}
-@keyframes fill-loader-4 {
-    0% {
-        left: 0;
-        right: 100%;
-        background-color: var(--loader-primary);
-    }
-
-    10%,
-    60% {
-        left: 0;
-    }
-
-    40%,
-    90% {
-        right: 0;
-    }
-
-    50% {
-        left: 100%;
-        background-color: var(--loader-primary);
-    }
-
-    51% {
-        left: 0;
-        right: 100%;
-        background-color: var(--loader-accent);
-    }
-
-    100% {
-        left: 100%;
-        background-color: var(--loader-accent);
-    }
-}
-\ No newline at end of file
diff --git a/apps/web-shared/src/components/alert.svelte b/apps/web-shared/src/components/alert.svelte
deleted file mode 100644
index 4119edf..0000000
--- a/apps/web-shared/src/components/alert.svelte
+++ /dev/null
@@ -1,121 +0,0 @@
-<script lang="ts">
-    import {random_string} from "$shared/lib/helpers";
-    import {afterUpdate, onMount} from "svelte";
-    import {Temporal} from "@js-temporal/polyfill";
-
-    const noCooldownSetting = "no-cooldown";
-    // if no unique id is supplied, cooldown will not work between page loads. 
-    // Therefore we are disabling it with noCooldownSetting in the fallback id.  
-    export let id = "alert--" + noCooldownSetting + "--" + random_string(4);
-    export let title = "";
-    export let message = "";
-    export let type = "info";
-    export let closeable = false;
-    export let closeableCooldown = "-1";
-    export let visible = true;
-
-    const cooldownStorageKey = "lastseen--" + id;
-    $: cooldownEnabled = id.indexOf(noCooldownSetting) === -1 && closeable && (closeableCooldown === "~" || parseInt(closeableCooldown) > 0);
-
-    function close() {
-        visible = false;
-        if (cooldownEnabled) {
-            console.log("Cooldown enabled for " + id + ", " + closeableCooldown === "~" ? "with an endless cooldown" : "");
-            localStorage.setItem(cooldownStorageKey, String(Temporal.Now.instant().epochSeconds));
-        }
-    }
-
-    // Manages the state of the alert if cooldown is enabled
-    function run_cooldown() {
-        if (!cooldownEnabled) {
-            console.log("Alert cooldown is not enabled for " + id);
-            return;
-        }
-        if (!localStorage.getItem(cooldownStorageKey)) {
-            console.log("Alert " + id + " has not been seen yet, displaying");
-            visible = true;
-            return;
-        }
-        if (!visible) {
-            console.log("Alert " + id + " is not visible, stopping cooldown change")
-            return;
-        }
-        if (closeableCooldown === "~") {
-            console.log("Alert " + id + " has an infinite cooldown, hiding");
-            visible = false;
-            return;
-        }
-
-        const lastSeen = Temporal.Instant.fromEpochSeconds(localStorage.getItem(cooldownStorageKey) as number);
-        if (Temporal.Instant.compare(Temporal.Now.instant(), lastSeen.add({seconds: parseInt(closeableCooldown)})) === 1) {
-            console.log("Alert " + id + " has a cooldown of " + closeableCooldown + " and was last seen " + lastSeen.toLocaleString() + " making it due for a showing");
-            visible = true;
-        } else {
-            visible = false;
-        }
-    }
-
-    onMount(() => {
-        if (cooldownEnabled) {
-            run_cooldown();
-        }
-    })
-
-    afterUpdate(() => {
-        if (type === "default") {
-            type = "primary";
-        }
-    });
-</script>
-
-<div class="alert alert--{type} padding-sm radius-md"
-     id="{id}"
-     class:alert--is-visible={visible}
-     role="alert">
-    <div class="flex justify-between">
-        <div class="flex flex-row items-center">
-            <svg class="icon icon--sm alert__icon margin-right-xxs"
-                 viewBox="0 0 24 24"
-                 aria-hidden="true">
-                <path d="M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M14.658,18.284 c-0.661,0.26-2.952,1.354-4.272,0.191c-0.394-0.346-0.59-0.785-0.59-1.318c0-0.998,0.328-1.868,0.919-3.957 c0.104-0.395,0.231-0.907,0.231-1.313c0-0.701-0.266-0.887-0.987-0.887c-0.352,0-0.742,0.125-1.095,0.257l0.195-0.799 c0.787-0.32,1.775-0.71,2.621-0.71c1.269,0,2.203,0.633,2.203,1.837c0,0.347-0.06,0.955-0.186,1.375l-0.73,2.582 c-0.151,0.522-0.424,1.673-0.001,2.014c0.416,0.337,1.401,0.158,1.887-0.071L14.658,18.284z M13.452,8c-0.828,0-1.5-0.672-1.5-1.5 s0.672-1.5,1.5-1.5s1.5,0.672,1.5,1.5S14.28,8,13.452,8z"></path>
-            </svg>
-            {#if title}
-                <p class="text-sm">
-                    <strong class="error-title">{title}</strong>
-                </p>
-            {:else if message}
-                <div class="text-component text-sm break-word">
-                    {@html message}
-                </div>
-            {/if}
-        </div>
-        {#if closeable}
-            <button class="reset alert__close-btn"
-                    on:click={close}>
-                <svg class="icon"
-                     viewBox="0 0 20 20"
-                     fill="none"
-                     stroke="currentColor"
-                     stroke-linecap="round"
-                     stroke-linejoin="round"
-                     stroke-width="2">
-                    <title>Close alert</title>
-                    <line x1="3"
-                          y1="3"
-                          x2="17"
-                          y2="17"/>
-                    <line x1="17"
-                          y1="3"
-                          x2="3"
-                          y2="17"/>
-                </svg>
-            </button>
-        {/if}
-    </div>
-
-    {#if message && title}
-        <div class="text-component text-sm break-word padding-top-xs">
-            {@html message}
-        </div>
-    {/if}
-</div>
diff --git a/apps/web-shared/src/components/blowout-toolbelt.svelte b/apps/web-shared/src/components/blowout-toolbelt.svelte
deleted file mode 100644
index b83048c..0000000
--- a/apps/web-shared/src/components/blowout-toolbelt.svelte
+++ /dev/null
@@ -1,70 +0,0 @@
-<script>
-	import { onMount } from "svelte";
-	import ThemeSwitcher from "./theme-switcher.svelte";
-	import ThemeSwitcherIcon from "./theme-switcher-icon.svelte";
-	import LocaleSwitcher from "./locale-switcher.svelte";
-	import LocaleSwitcherIcon from "./locale-switcher-icon.svelte";
-	import { ChevronsRightIcon, ChevronsLeftIcon } from "svelte-feather-icons";
-
-	let expanded = false;
-	const localeSwitcher = {
-		show: false,
-		selection: "preffered"
-	};
-
-	const themeSwitcher = {
-		show: false,
-		selection: "system"
-	};
-
-	onMount(() => {
-		document.addEventListener("keydown", (e) => {
-			if (e.code === "Escape") {
-				expanded = false;
-			}
-		});
-		document.addEventListener("click", (e) => {
-			if (e.target.closest("[data-blowout-toolbelt-element]") === null) {
-				expanded = false;
-			}
-		});
-	});
-</script>
-<style>
-    .blowout {
-        right: -80px;
-    }
-
-    .expanded {
-        right: 0 !important;
-    }
-</style>
-<aside class="blowout position-fixed bg-light inner-glow shadow-xs padding-xxs bottom-50% right-0 z-index-popover {expanded ? 'expanded' : ''}" data-blowout-toolbelt-element>
-    <LocaleSwitcher bind:show="{localeSwitcher.show}"
-                    glow="{false}"
-                    data-blowout-toolbelt-element
-                    bind:selection="{localeSwitcher.selection}"/>
-    <ThemeSwitcher bind:show="{themeSwitcher.show}"
-                   glow="{false}"
-                   data-blowout-toolbelt-element
-                   bind:selection="{themeSwitcher.selection}"/>
-    <div class="flex flex-row gap-sm justify-end">
-        {#if !expanded}
-            <div class="flex ld-switch-btn"
-                 data-blowout-toolbelt-element
-                 on:click={() => expanded = true}>
-                <ChevronsLeftIcon/>
-            </div>
-        {:else}
-            <div class="flex ld-switch-btn"
-                 data-blowout-toolbelt-element
-                 on:click={() => expanded = false}>
-                <ChevronsRightIcon/>
-            </div>
-        {/if}
-        <LocaleSwitcherIcon bind:show="{localeSwitcher.show}"
-                            bind:selection="{localeSwitcher.selection}"/>
-        <ThemeSwitcherIcon bind:show="{themeSwitcher.show}"
-                           bind:selection="{themeSwitcher.selection}"/>
-    </div>
-</aside>
diff --git a/apps/web-shared/src/components/breadcrumb/bread.svelte b/apps/web-shared/src/components/breadcrumb/bread.svelte
deleted file mode 100644
index 244bb24..0000000
--- a/apps/web-shared/src/components/breadcrumb/bread.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-    export type sizes = "big"|"small";
-    export let size: sizes = "small";
-</script>
-<nav class="breadcrumbs {size === 'small' ? 'text-sm' : 'text-lg'}">
-    <ol class="flex flex-wrap items-center gap-xxs">
-        <slot></slot>
-    </ol>
-</nav>
diff --git a/apps/web-shared/src/components/breadcrumb/crumb.svelte b/apps/web-shared/src/components/breadcrumb/crumb.svelte
deleted file mode 100644
index e540a44..0000000
--- a/apps/web-shared/src/components/breadcrumb/crumb.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script>
-    export let name;
-    export let withArrow = false;
-    export let isLink = false;
-</script>
-<li class="breadcrumbs__item">
-    {#if isLink}
-        <a class="color-inherit {isLink ? 'cursor-pointer color-primary-light' : ''}"
-           on:click>{name}</a>
-    {:else}
-        <span class="color-inherit {isLink ? 'cursor-pointer color-primary-light' : ''}"
-              on:click>{name}</span>
-    {/if}
-    {#if withArrow}
-        <svg class="icon margin-left-xxxs color-contrast-low"
-             aria-hidden="true"
-             viewBox="0 0 16 16">
-            <polyline fill="none"
-                      stroke="currentColor"
-                      stroke-width="1"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-miterlimit="10"
-                      points="6.5,3.5 11,8 6.5,12.5 "></polyline>
-        </svg>
-    {/if}
-</li>
diff --git a/apps/web-shared/src/components/breadcrumb/index.ts b/apps/web-shared/src/components/breadcrumb/index.ts
deleted file mode 100644
index 485ed7b..0000000
--- a/apps/web-shared/src/components/breadcrumb/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Bread from "./bread.svelte";
-import Crumb from "./crumb.svelte";
-
-export {
-    Bread,
-    Crumb
-};
diff --git a/apps/web-shared/src/components/button.svelte b/apps/web-shared/src/components/button.svelte
deleted file mode 100644
index 5eaf19f..0000000
--- a/apps/web-shared/src/components/button.svelte
+++ /dev/null
@@ -1,116 +0,0 @@
-<script lang="ts">
-    import Icon from "$shared/components/icon.svelte";
-
-    export let text = "";
-    export let title = "";
-    export let href = "";
-    export let variant: "primary"|"secondary"|"subtle" = "primary";
-    export let type: "button"|"submit"|"reset" = "button";
-    export let disabled = false;
-    export let loading = false;
-    export let icon = "";
-    export let icon_right_aligned = false;
-    export let icon_width = false;
-    export let icon_height = false;
-    export let id;
-    export let tabindex;
-    export let style;
-    
-    $: shared_props = {
-        type: type,
-        id: id || null,
-        title: title || null,
-        disabled: disabled || null,
-        tabindex: tabindex || null,
-        style: style || null,
-        "aria-controls": ($$restProps["aria-controls"] ?? "") || null,
-        class: [variant === "reset" ? "reset" : `btn btn--${variant} btn--preserve-width  ${loading ? "btn--state-b" : ""}`, $$restProps.class ?? ""].filter(Boolean).join(" "),
-    };
-</script>
-
-<template>
-    {#if href && !disabled}
-        <a {href}
-           {...shared_props}
-           on:click>
-            <span class="btn__content-a">
-                {#if icon !== ""}
-                    {#if icon_right_aligned}
-                        {text}
-                        <Icon class="{text ? 'margin-left-xxxs': ''}"
-                              width={icon_width}
-                              height={icon_height}
-                              name={icon}/>
-                    {:else}
-                        <Icon class="{text ? 'margin-left-xxxs': ''}"
-                              width={icon_width}
-                              height={icon_height}
-                              name={icon}/>
-                        {text}
-                    {/if}
-                {:else}
-                    {text}
-                {/if}
-            </span>
-            {#if variant !== "reset" && loading}
-                <span class="btn__content-b">
-                    <svg class="icon icon--is-spinning"
-                         aria-hidden="true"
-                         viewBox="0 0 16 16">
-                        <title>Loading</title>
-                        <g stroke-width="1"
-                           fill="currentColor"
-                           stroke="currentColor">
-                            <path d="M.5,8a7.5,7.5,0,1,1,1.91,5"
-                                  fill="none"
-                                  stroke="currentColor"
-                                  stroke-linecap="round"
-                                  stroke-linejoin="round"/>
-                        </g>
-                    </svg>
-                </span>
-            {/if}
-        </a>
-    {:else}
-        <button {...shared_props}
-                on:click>
-            <span class="btn__content-a">
-                {#if icon !== ""}
-                    {#if icon_right_aligned}
-                        {text}
-                        <Icon class="{text ? 'margin-left-xxxs': ''}"
-                              width={icon_width}
-                              height={icon_height}
-                              name={icon}/>
-                    {:else}
-                        <Icon class="{text ? 'margin-left-xxxs': ''}"
-                              width={icon_width}
-                              height={icon_height}
-                              name={icon}/>
-                        {text}
-                    {/if}
-                {:else}
-                    {text}
-                {/if}
-            </span>
-            {#if variant !== "reset" && loading}
-                <span class="btn__content-b">
-                    <svg class="icon icon--is-spinning"
-                         aria-hidden="true"
-                         viewBox="0 0 16 16">
-                        <title>Loading</title>
-                        <g stroke-width="1"
-                           fill="currentColor"
-                           stroke="currentColor">
-                            <path d="M.5,8a7.5,7.5,0,1,1,1.91,5"
-                                  fill="none"
-                                  stroke="currentColor"
-                                  stroke-linecap="round"
-                                  stroke-linejoin="round"/>
-                        </g>
-                    </svg>
-                </span>
-            {/if}
-        </button>
-    {/if}
-</template>
diff --git a/apps/web-shared/src/components/chip.svelte b/apps/web-shared/src/components/chip.svelte
deleted file mode 100644
index 7fbb445..0000000
--- a/apps/web-shared/src/components/chip.svelte
+++ /dev/null
@@ -1,50 +0,0 @@
-<script>
-	import {IconNames} from "$shared/lib/configuration";
-	import {createEventDispatcher} from "svelte";
-	import Button from "./button.svelte";
-
-	const dispatch = createEventDispatcher();
-	export let removable = false;
-	export let clickable = false;
-	export let text = "";
-	export let id = "";
-	export let color = "";
-	export let tabindex = "";
-
-	function handle_remove() {
-		if (removable) {
-			dispatch("remove", {
-				id
-			});
-		}
-	}
-
-	function handle_click() {
-		if (clickable) {
-			dispatch("clicked", {
-				id
-			});
-		}
-	}
-</script>
-
-<div class="chip break-word text-sm justify-between justify-start@md {clickable ? 'chip--interactive' : ''}"
-     on:click={handle_click}
-     id={id}
-     style={color !== "" ? `background-color: ${color}15; border: 1px solid ${color}; color: ${color}` : ""}
-     {tabindex}
->
-    <span class="chip__label">{text}</span>
-
-    {#if removable}
-        <Button class="chip__btn"
-                variant="reset"
-                style="{color !== '' ? `background-color: ${color}45;` : ''}"
-                {tabindex}
-                icon="{IconNames.x}"
-                icon_width="initial"
-                icon_height="initial"
-                on:click={handle_remove}
-        />
-    {/if}
-</div>
diff --git a/apps/web-shared/src/components/details.svelte b/apps/web-shared/src/components/details.svelte
deleted file mode 100644
index 6ccacb0..0000000
--- a/apps/web-shared/src/components/details.svelte
+++ /dev/null
@@ -1,35 +0,0 @@
-<script>
-	import {random_string} from "$shared/lib/helpers";
-
-	let open = false;
-	export let summary;
-	const id = "details-" + random_string(4);
-
-	function on_toggle(event) {
-		open = event.target.open;
-	}
-</script>
-
-<details class="details margin-bottom-sm"
-         on:toggle={on_toggle}
-         id={id}>
-    <summary class="details__summary"
-             aria-controls={id}
-             aria-expanded={open}>
-        <span class="flex items-center">
-            <svg
-                    class="icon icon--xxs margin-right-xxxs"
-                    aria-hidden="true"
-                    viewBox="0 0 12 12">
-                <path
-                        d="M2.783.088A.5.5,0,0,0,2,.5v11a.5.5,0,0,0,.268.442A.49.49,0,0,0,2.5,12a.5.5,0,0,0,.283-.088l8-5.5a.5.5,0,0,0,0-.824Z"/>
-            </svg>
-            <span>{summary}</span>
-        </span>
-    </summary>
-    <div
-            class="details__content text-component margin-top-xs"
-            aria-hidden={!open}>
-        <slot/>
-    </div>
-</details>
diff --git a/apps/web-shared/src/components/dropdown.svelte b/apps/web-shared/src/components/dropdown.svelte
deleted file mode 100644
index a28bcd3..0000000
--- a/apps/web-shared/src/components/dropdown.svelte
+++ /dev/null
@@ -1,389 +0,0 @@
-<script lang="ts">
-    // @ts-ignore
-    import { go, highlight } from "fuzzysort";
-    import { element_has_focus, random_string } from "$shared/lib/helpers";
-    import Button from "$shared/components/button.svelte";
-    import Chip from "$shared/components/chip.svelte";
-
-    export let name;
-    export let id;
-    export let maxlength;
-    export let placeholder = "Search";
-    export let entries = [];
-    export let createable = false;
-    export let loading = false;
-    export let multiple = false;
-    export let noResultsText;
-    export let errorText;
-    export let label;
-    export let on_create_async = ({name: string}) => {
-    };
-
-    export const reset = () => methods.reset();
-    export const select = (id: string) => methods.select_entry(id);
-    export const deselect = (id: string) => methods.deselect_entry(id);
-
-    const INTERNAL_ID = "__dropdown-" + random_string(5);
-
-    let searchInputNode;
-    let searchResults = [];
-    let searchValue = "";
-    let showCreationHint = false;
-    let showDropdown = false;
-    let lastKeydownCode = "";
-    let mouseIsOverDropdown = false;
-    let mouseIsOverComponent = false;
-
-    $: hasSelection = entries.some((c) => c.selected === true);
-    $: if (searchValue.trim()) {
-        showCreationHint = createable && entries.every((c) => search.normalise_value(c.name) !== search.normalise_value(searchValue));
-    } else {
-        showCreationHint = false;
-        entries = methods.get_sorted_array(entries);
-    }
-
-    const search = {
-        normalise_value(value: string): string {
-            if (!value) {
-                return "";
-            }
-            return value.toString().trim().toLowerCase();
-        },
-        do() {
-            const query = search.normalise_value(searchValue);
-            if (!query.trim()) {
-                searchResults = [];
-                return;
-            }
-
-            const options = {
-                limit: 10,
-                allowTypo: true,
-                threshold: -10000,
-                key: "name",
-            };
-            searchResults = go(query, entries, options);
-            showDropdown = true;
-        },
-        on_input_focusout() {
-            if (lastKeydownCode !== "Tab" && (mouseIsOverDropdown || lastKeydownCode === "ArrowDown")) {
-                return;
-            }
-            const selected = entries.find((c) => c.selected === true);
-            if (selected && !multiple) {
-                searchValue = selected.name;
-            }
-            document.querySelector("#" + INTERNAL_ID + " ul li.focus")?.classList.remove("focus");
-            showDropdown = false;
-        }
-    };
-
-    const methods = {
-        reset(focus_input = false) {
-            searchValue = "";
-            const copy = entries;
-            for (const entry of copy) {
-                entry.selected = false;
-            }
-            entries = methods.get_sorted_array(copy);
-            if (focus_input) {
-                searchInputNode?.focus();
-                showDropdown = true;
-            } else {
-                showDropdown = false;
-            }
-        },
-        async create_entry(name) {
-            if (!name || !createable || loading) {
-                console.log("Not sending creation event due to failed preconditions", {name, createable, loading});
-                return;
-            }
-            try {
-                await on_create_async({name});
-                searchValue = "";
-                loading = false;
-            } catch (e) {
-                console.error(e);
-            }
-        },
-        select_entry(entry_id) {
-            if (!entry_id || loading) {
-                console.log("Not selecting entry due to failed preconditions", {
-                    entry_id,
-                    loading,
-                });
-                return;
-            }
-
-            const copy = entries;
-            let selected;
-            for (const entry of entries) {
-                if (entry.id === entry_id) {
-                    entry.selected = true;
-                    selected = entry;
-                    if (multiple) {
-                        searchValue = "";
-                    } else {
-                        searchValue = entry.name;
-                    }
-                } else if (!multiple) {
-                    entry.selected = false;
-                }
-            }
-            entries = methods.get_sorted_array(copy);
-            searchInputNode?.focus();
-            searchResults = [];
-        },
-        deselect_entry(entry_id) {
-            if (!entry_id || loading) {
-                console.log("Not deselecting entry due to failed preconditions", {
-                    entry_id,
-                    loading,
-                });
-                return;
-            }
-            console.log("Deselecting entry", entry_id);
-
-            const copy = entries;
-            let deselected;
-
-            for (const entry of copy) {
-                if (entry.id === entry_id) {
-                    entry.selected = false;
-                    deselected = entry;
-                }
-            }
-
-            entries = methods.get_sorted_array(copy);
-            searchInputNode?.focus();
-        },
-        get_sorted_array(entries: Array<DropdownEntry>): Array<DropdownEntry> {
-            if (!entries) {
-                return;
-            }
-            if (entries.length < 1) {
-                return [];
-            }
-            if (searchValue) {
-                return entries;
-            }
-            return (entries as any).sort((a, b) => {
-                search.normalise_value(a.name).localeCompare(search.normalise_value(b.name));
-            });
-        },
-    };
-
-    const windowEvents = {
-        on_mousemove(event) {
-            if (!event.target) return;
-            mouseIsOverDropdown = (event.target?.closest("#" + INTERNAL_ID + " .autocomplete__results") != null ?? false);
-            mouseIsOverComponent = (event.target?.closest("#" + INTERNAL_ID) != null ?? false);
-        },
-        on_click(event) {
-            if (showDropdown && !mouseIsOverDropdown && !mouseIsOverComponent && event.target.id !== id && event.target?.htmlFor !== id) {
-                showDropdown = false;
-            }
-        },
-        on_keydown(event) {
-            lastKeydownCode = event.code;
-            const enterPressed = event.code === "Enter";
-            const backspacePressed = event.code === "Backspace";
-            const arrowUpPressed = event.code === "ArrowUp";
-            const spacePressed = event.code === "Space";
-            const arrowDownPressed = event.code === "ArrowDown";
-            const searchInputHasFocus = element_has_focus(searchInputNode);
-            const focusedEntry = document.querySelector("#" + INTERNAL_ID + " ul    .focus");
-
-            if (showDropdown && (enterPressed || arrowDownPressed)) {
-                event.preventDefault();
-                event.stopPropagation();
-            }
-
-            if (searchInputHasFocus && backspacePressed && !searchValue && entries.length > 0) {
-                if (entries.filter(c => c.selected === true).at(-1)?.id ?? false) {
-                    methods.deselect_entry(entries.filter(c => c.selected === true).at(-1)?.id ?? "");
-                }
-                return;
-            }
-            if (searchInputHasFocus && enterPressed && showCreationHint) {
-                methods.create_entry(searchValue.trim());
-                return;
-            }
-
-            if (searchInputHasFocus && !focusedEntry && arrowDownPressed) {
-                const firstEntry = document.querySelector("#" + INTERNAL_ID + " ul li:first-of-type");
-                if (firstEntry) {
-                    firstEntry.classList.add("focus");
-                    return;
-                }
-            }
-
-            if (focusedEntry && (arrowUpPressed || arrowDownPressed)) {
-                if (arrowDownPressed) {
-                    if (focusedEntry.nextElementSibling) {
-                        focusedEntry.nextElementSibling.classList.add("focus");
-                        focusedEntry.nextElementSibling.scrollIntoView();
-                    } else {
-                        document.querySelector("#" + INTERNAL_ID + " ul li:first-of-type").classList.add("focus");
-                        document.querySelector("#" + INTERNAL_ID + " ul li:first-of-type").scrollIntoView();
-                    }
-                } else if (arrowUpPressed) {
-                    if (focusedEntry.previousElementSibling) {
-                        focusedEntry.previousElementSibling.classList.add("focus");
-                        focusedEntry.previousElementSibling.scrollIntoView();
-                    } else {
-                        document.querySelector("#" + INTERNAL_ID + " ul li:last-of-type").classList.add("focus");
-                        document.querySelector("#" + INTERNAL_ID + " ul li:last-of-type").scrollIntoView();
-                    }
-                }
-                focusedEntry.classList.remove("focus");
-                return;
-            }
-
-            if (focusedEntry && (spacePressed || enterPressed)) {
-                methods.select_entry(focusedEntry.dataset.id);
-                return;
-            }
-
-            if (lastKeydownCode === "Tab" && !searchInputHasFocus) {
-                showDropdown = false;
-            }
-        },
-        on_touchend(event) {
-            windowEvents.on_mousemove(event);
-        }
-    };
-
-    interface DropdownEntry {
-        name: string,
-        id: string,
-    }
-</script>
-
-<svelte:window
-        on:keydown={windowEvents.on_keydown}
-        on:mousemove={windowEvents.on_mousemove}
-        on:touchend={windowEvents.on_touchend}
-        on:click={windowEvents.on_click}
-/>
-
-{#if label}
-    <label for="{id}"
-           class="form-label margin-bottom-xxs">{label}</label>
-{/if}
-
-<div class="autocomplete position-relative select-auto"
-     class:cursor-wait={loading}
-     class:autocomplete--results-visible={showDropdown}
-     class:select-auto--selection-done={searchValue}
-     id={INTERNAL_ID}
->
-    <!-- input -->
-    <div class="select-auto__input-wrapper form-control"
-         style="cursor: text"
-         on:click={() => {
-			 if (!element_has_focus(searchInputNode)) searchInputNode.focus();
-			 showDropdown = true;
-         }}
-         class:multiple={multiple === true}
-         class:has-selection={hasSelection}>
-        {#if multiple === true && hasSelection}
-            {#each entries.filter((c) => c.selected === true) as entry}
-                <Chip id={entry.id}
-                      removable={true}
-                      tabindex="-1"
-                      on:remove={() => methods.deselect_entry(entry.id)}
-                      text={entry.name}/>
-            {/each}
-        {/if}
-        <input
-                class="reset width-100%"
-                style="outline:none;"
-                type="text"
-                {name}
-                {id}
-                {maxlength}
-                {placeholder}
-                bind:value={searchValue}
-                bind:this={searchInputNode}
-                on:input={() => search.do()}
-                on:click={() => (showDropdown = true)}
-                on:focus={() => (showDropdown = true)}
-                on:blur={search.on_input_focusout}
-                autocomplete="off"
-        />
-        <div class="select-auto__input-icon-wrapper">
-            <!-- arrow icon -->
-            <svg class="icon"
-                 viewBox="0 0 16 16">
-                <title>Open selection</title>
-                <polyline points="1 5 8 12 15 5"
-                          fill="none"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                          stroke-width="2"/>
-            </svg>
-
-            <!-- close X icon -->
-            <button class="reset select-auto__input-btn"
-                    type="button"
-                    on:click={() => reset(true)}>
-                <svg class="icon"
-                     viewBox="0 0 16 16">
-                    <title>Reset selection</title>
-                    <path
-                            d="M8,0a8,8,0,1,0,8,8A8,8,0,0,0,8,0Zm3.707,10.293a1,1,0,1,1-1.414,1.414L8,9.414,5.707,11.707a1,1,0,0,1-1.414-1.414L6.586,8,4.293,5.707A1,1,0,0,1,5.707,4.293L8,6.586l2.293-2.293a1,1,0,1,1,1.414,1.414L9.414,8Z"
-                    />
-                </svg>
-            </button>
-        </div>
-    </div>
-
-    {#if errorText}
-        <small class="color-error">{errorText}</small>
-    {/if}
-
-    <!-- dropdown -->
-    <div class="autocomplete__results select-auto__results shadow-xs inner-glow">
-        <ul on:keydown={(event) => event.code.startsWith("Arrow") && event.preventDefault()}
-            tabindex="-1"
-            class="autocomplete__list">
-            {#if searchResults.length > 0}
-                {#each searchResults.filter((c) => !c.selected) as result}
-                    <li class="select-auto__option padding-y-xs padding-x-sm"
-                        data-id={result.obj.id}
-                        on:click={(e) => methods.select_entry(e.target.dataset.id)}
-                        tabindex="-1">
-                        {@html highlight(result, (open = '<span class="font-semibold">'), (close = "</span>"))}
-                    </li>
-                {/each}
-            {:else if entries.length > 0}
-                {#each entries.filter((c) => !c.selected) as entry}
-                    <li class="select-auto__option padding-y-xs padding-x-sm"
-                        data-id={entry.id}
-                        on:click={(e) => methods.select_entry(e.target.dataset.id)}
-                        tabindex="-1">
-                        {entry.name}
-                    </li>
-                {/each}
-            {:else}
-                <li class="select-auto__option text-center padding-y-xs padding-x-sm pointer-events-none"
-                    tabindex="-1">
-                    {noResultsText}
-                </li>
-            {/if}
-        </ul>
-        {#if showCreationHint}
-            <div class="width-100% border-top border-bg-lighter padding-xxxs">
-                <Button variant="reset"
-                        type="button"
-                        class="width-100%"
-                        text="Press enter or click to create {searchValue.trim()}"
-                        title="Press enter or click here to create {searchValue.trim()}"
-                        loading={loading}
-                        on:click={() => methods.create_entry(searchValue.trim())}/>
-            </div>
-        {/if}
-    </div>
-</div>
diff --git a/apps/web-shared/src/components/form/index.ts b/apps/web-shared/src/components/form/index.ts
deleted file mode 100644
index 08769bd..0000000
--- a/apps/web-shared/src/components/form/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import Textarea from "./textarea.svelte";
-
-export {
-    Textarea
-};
diff --git a/apps/web-shared/src/components/form/textarea.svelte b/apps/web-shared/src/components/form/textarea.svelte
deleted file mode 100644
index b313d2e..0000000
--- a/apps/web-shared/src/components/form/textarea.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-<script lang="ts">
-    export let id;
-    export let disabled = false;
-    export let loading = false;
-    export let rows = 2;
-    export let cols = 0;
-    export let name;
-    export let placeholder;
-    export let value;
-    export let label;
-    export let errorText;
-
-    $: shared_props = {
-        rows: rows || null,
-        cols: cols || null,
-        name: name || null,
-        id: id || null,
-        disabled: disabled || null,
-        class: [`form-control ${loading ? "c-disabled loading" : ""}`, $$restProps.class ?? ""].filter(Boolean).join(" "),
-    };
-
-    let textarea;
-    let scrollHeight = 0;
-
-    $:if (textarea) {
-        scrollHeight = textarea.scrollHeight;
-    }
-
-    function on_input(event) {
-        event.target.style.height = "auto";
-        event.target.style.height = (this.scrollHeight) + "px";
-    }
-</script>
-
-{#if label}
-    <label for="{id}"
-           class="form-label margin-bottom-xxs">{label}</label>
-{/if}
-<textarea {...shared_props}
-          {placeholder}
-          style="overflow-y:hidden;min-height:calc(1.5em + .75rem + 2px);{scrollHeight ? 'height:{scrollHeight}px' : ''};"
-          bind:value={value}
-          bind:this={textarea}
-          on:input={on_input}
-></textarea>
-{#if errorText}
-    <small class="color-error">{errorText}</small>
-{/if}
diff --git a/apps/web-shared/src/components/icon.svelte b/apps/web-shared/src/components/icon.svelte
deleted file mode 100644
index 144b45d..0000000
--- a/apps/web-shared/src/components/icon.svelte
+++ /dev/null
@@ -1,87 +0,0 @@
-<script>
-	import {IconNames} from "$shared/lib/configuration";
-
-	const icons = [
-		{
-			box: 16,
-			name: IconNames.verticalDots,
-			svg: `<path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>`,
-		},
-		{
-			box: 16,
-			name: IconNames.clock,
-			svg: `<path d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"/><path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z"/>`,
-		},
-		{
-			box: 21,
-			name: IconNames.trash,
-			svg: `<g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(3 2)"><path d="m2.5 2.5h10v12c0 1.1045695-.8954305 2-2 2h-6c-1.1045695 0-2-.8954305-2-2zm5-2c1.0543618 0 1.91816512.81587779 1.99451426 1.85073766l.00548574.14926234h-4c0-1.1045695.8954305-2 2-2z"/><path d="m.5 2.5h14"/><path d="m5.5 5.5v8"/><path d="m9.5 5.5v8"/></g>`,
-		},
-		{
-			box: 21,
-			name: IconNames.pencilSquare,
-			svg: `
-			<g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(3 3)"><path d="m14 1c.8284271.82842712.8284271 2.17157288 0 3l-9.5 9.5-4 1 1-3.9436508 9.5038371-9.55252193c.7829896-.78700064 2.0312313-.82943964 2.864366-.12506788z"/><path d="m6.5 14.5h8"/><path d="m12.5 3.5 1 1"/></g>
-			`,
-		},
-		{
-			box: 16,
-			name: IconNames.x,
-			svg: `<path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>`,
-		},
-		{
-			box: 16,
-			name: IconNames.funnel,
-			svg: `<path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2h-11z"/>`,
-		},
-		{
-			box: 16,
-			name: IconNames.funnelFilled,
-			svg: `<path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z"/>`,
-		},
-		{
-			box: 16,
-			name: IconNames.github,
-			svg: `
-			  <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
-			`
-		},
-		{
-			box: 21,
-			name: IconNames.refresh,
-			svg: `<g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 2)"><path d="m4.5 1.5c-2.4138473 1.37729434-4 4.02194088-4 7 0 4.418278 3.581722 8 8 8s8-3.581722 8-8-3.581722-8-8-8"/><path d="m4.5 5.5v-4h-4"/></g>            `
-		},
-		{
-			box: 21,
-			name: IconNames.resetHard,
-			svg: `<g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0 1 1 0 2.5 2.5)"><path d="m13 11 3 3v-6c0-3.36502327-2.0776-6.24479706-5.0200433-7.42656457-.9209869-.36989409-1.92670197-.57343543-2.9799567-.57343543-4.418278 0-8 3.581722-8 8s3.581722 8 8 8c1.48966767 0 3.4724708-.3698516 5.0913668-1.5380762" transform="matrix(-1 0 0 -1 16 16)"/><path d="m5 5 6 6"/><path d="m11 5-6 6"/></g>`
-		},
-		{
-			box: 21,
-			name: IconNames.arrowUp,
-			svg: `<g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(6 3)"><path d="m8.5 4.5-4-4-4.029 4"/><path d="m4.5.5v13"/></g>`
-		},
-		{
-			box: 21,
-			name: IconNames.arrowDown,
-			svg: `<g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(6 4)"><path d="m.5 9.499 4 4.001 4-4.001"/><path d="m4.5.5v13" transform="matrix(-1 0 0 -1 9 14)"/></g>`
-		},
-		{
-			box: 21,
-			name: IconNames.chevronDown,
-			svg: `<path d="m8.5.5-4 4-4-4" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(6 8)"/>`
-		}
-	];
-
-	export let name;
-	export let fill = false;
-	export let width = "1rem";
-	export let height = "1rem";
-	const displayIcon = icons.find((e) => e.name === name);
-</script>
-
-<svg class="icon {$$restProps.class ?? ''}"
-     style="width: {width}; height:{height}; fill: currentColor;"
-     viewBox="0 0 {displayIcon.box} {displayIcon.box}">
-    {@html displayIcon.svg}
-</svg>
diff --git a/apps/web-shared/src/components/link-card.svelte b/apps/web-shared/src/components/link-card.svelte
deleted file mode 100644
index 85738c7..0000000
--- a/apps/web-shared/src/components/link-card.svelte
+++ /dev/null
@@ -1,47 +0,0 @@
-<script>
-	export let text = "View";
-	export let name;
-	export let description = null;
-	export let href = null;
-	export let target;
-	export let title = null;
-</script>
-
-<a class="link-card flex flex-column bg-light cursor-pointer radius-sm inner-glow {$$restProps.class??''}"
-   {href}
-   {target}
-   {title}
-   on:click
-   aria-label="Link label">
-    <div class="padding-sm">
-        <div class="flex flex-wrap gap-xs items-center">
-            <slot name="icon"></slot>
-            <div class="line-height-xs">
-                <p class="text-lg font-semibold color-contrast-higher">{name}</p>
-                {#if description}
-                    <p class="color-contrast-low margin-top-xxxs">{description}</p>
-                {/if}
-            </div>
-        </div>
-    </div>
-    <div class="link-card__footer margin-top-auto border-top border-contrast-lower">
-        <p class="text-sm">{text}</p>
-        <div>
-            <svg class="icon icon--sm"
-                 viewBox="0 0 24 24">
-                <g fill="none"
-                   stroke="currentColor"
-                   stroke-linecap="round"
-                   stroke-linejoin="round"
-                   stroke-width="2">
-                    <line x1="3"
-                          y1="12"
-                          x2="21"
-                          y2="12"/>
-                    <polyline points="15 6 21 12 15 18"/>
-                </g>
-            </svg>
-        </div>
-    </div>
-</a>
-
diff --git a/apps/web-shared/src/components/locale-switcher-icon.svelte b/apps/web-shared/src/components/locale-switcher-icon.svelte
deleted file mode 100644
index d2776a1..0000000
--- a/apps/web-shared/src/components/locale-switcher-icon.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script>
-	import {GlobeIcon} from "svelte-feather-icons";
-
-	export let show = false;
-	export let selection = "preffered";
-</script>
-<div data-locale-switcher-element
-     class="ld-switch flex">
-    <button class="reset ld-switch-btn"
-            on:click={() => (show = !show)}>
-        <div class="ld-switch-btn__icon-wrapper ld-switch-btn__icon-wrapper--in"
-             aria-hidden="true">
-            <GlobeIcon/>
-        </div>
-    </button>
-</div>
diff --git a/apps/web-shared/src/components/locale-switcher.svelte b/apps/web-shared/src/components/locale-switcher.svelte
deleted file mode 100644
index 5399247..0000000
--- a/apps/web-shared/src/components/locale-switcher.svelte
+++ /dev/null
@@ -1,62 +0,0 @@
-<script>
-	import { CookieNames } from "$shared/lib/configuration";
-	import { get_cookie } from "$shared/lib/helpers";
-	import { currentLocale } from "$shared/lib/locale";
-	import { onMount } from "svelte";
-
-	export let glow = false;
-	export let show = false;
-	export let selection = "preffered";
-	export let size;
-
-	function change(to) {
-		selection = to;
-		currentLocale.set(to);
-	}
-
-	onMount(() => {
-		selection = get_cookie(CookieNames.locale);
-		document.addEventListener("keydown", (e) => {
-			if (e.code === "Escape") {
-				show = false;
-			}
-		});
-		document.addEventListener("click", (e) => {
-			if (e.target.closest("[data-locale-switcher-element]") === null) {
-				show = false;
-			}
-		});
-	});
-</script>
-
-<div class="bg-light padding-x-xs padding-bottom-xs padding-top-xxxs radius-md {glow ? 'inner-glow shadow-xs':''}"
-     data-locale-switcher-element
-     class:is-hidden={!show}
-     role="listbox">
-    <div class="flex flex-wrap flex-column"
-         role="group">
-        <div class="margin-bottom-xs flex-grow">
-            <span class="text-xs color-contrast-medium">Language</span>
-        </div>
-        <div class="flex gap-xs flex-row">
-            <div class="ld-switch-popover__option"
-                 aria-selected="{selection === 'en' ? 'true' : 'false'}"
-                 on:click={() => change("en")}
-                 role="option">
-                <div class="text-xs margin-top-xxxs padding-x-xxxxs">English</div>
-            </div>
-            <div class="ld-switch-popover__option"
-                 aria-selected="{selection === 'nb' ? 'true' : 'false'}"
-                 on:click={() => change("nb")}
-                 role="option">
-                <div class="text-xs margin-top-xxxs padding-x-xxxxs">Norsk</div>
-            </div>
-            <div class="ld-switch-popover__option"
-                 aria-selected="{selection === 'preffered' ? 'true' : 'false'}"
-                 on:click={() => change("preffered")}
-                 role="option">
-                <div class="text-xs margin-top-xxxs padding-x-xxxxs">Default</div>
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/apps/web-shared/src/components/menu/index.ts b/apps/web-shared/src/components/menu/index.ts
deleted file mode 100644
index 8eb7938..0000000
--- a/apps/web-shared/src/components/menu/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import Menu from "./menu.svelte";
-import MenuItem from "./item.svelte";
-import MenuItemSeparator from "./separator.svelte";
-
-export {
-    Menu,
-    MenuItem,
-    MenuItemSeparator
-};
diff --git a/apps/web-shared/src/components/menu/item.svelte b/apps/web-shared/src/components/menu/item.svelte
deleted file mode 100644
index aeb0f99..0000000
--- a/apps/web-shared/src/components/menu/item.svelte
+++ /dev/null
@@ -1,8 +0,0 @@
-<script lang="ts">
-    export let danger = false;
-</script>
-<li role="menuitem" on:click>
-    <span class="menu__content {danger ? 'bg-error-lighter@hover color-white@hover' : ''}">
-        <slot/>
-    </span>
-</li>
diff --git a/apps/web-shared/src/components/menu/menu.svelte b/apps/web-shared/src/components/menu/menu.svelte
deleted file mode 100644
index 33517ab..0000000
--- a/apps/web-shared/src/components/menu/menu.svelte
+++ /dev/null
@@ -1,54 +0,0 @@
-<script lang="ts">
-    import {random_string} from "$shared/lib/helpers";
-
-    export const id = "__menu_" + random_string(3);
-    export let trigger: HTMLElement;
-    export let show = false;
-
-    let windowInnerWidth = 0;
-    let windowInnerHeight = 0;
-    let menu: HTMLMenuElement;
-
-    $: if (show && menu && trigger) {
-        const
-            selectedTriggerPosition = trigger.getBoundingClientRect(),
-            menuOnTop = (windowInnerHeight - selectedTriggerPosition.bottom) < selectedTriggerPosition.top,
-            left = selectedTriggerPosition.left,
-            right = (windowInnerWidth - selectedTriggerPosition.right),
-            isRight = (windowInnerWidth < selectedTriggerPosition.left + menu.offsetWidth),
-            vertical = menuOnTop
-                ? "bottom: " + (windowInnerHeight - selectedTriggerPosition.top) + "px;"
-                : "top: " + selectedTriggerPosition.bottom + "px;";
-
-        let horizontal = isRight ? "right: " + right + "px;" : "left: " + left + "px;";
-
-        // check right position is correct -> otherwise set left to 0
-        if (isRight && (right + menu.offsetWidth) > windowInnerWidth) horizontal = ("left: " + (windowInnerWidth - menu.offsetWidth) / 2 + "px;");
-        const maxHeight = menuOnTop ? selectedTriggerPosition.top - 20 : windowInnerHeight - selectedTriggerPosition.bottom - 20;
-        menu.setAttribute("style", horizontal + vertical + "max-height:" + Math.floor(maxHeight) + "px;");
-    }
-    
-    function on_window_click(event) {
-        if (!event.target.closest("#" + id) && !event.target.closest("[aria-controls='" + id + "']")) show = false;
-    }
-
-    function on_window_touchend(event) {
-        if (!event.target.closest("#" + id) && !event.target.closest("[aria-controls='" + id + "']")) show = false;
-    }
-</script>
-
-<svelte:window
-        on:click={on_window_click}
-        on:touchend={on_window_touchend}
-        bind:innerWidth={windowInnerWidth}
-        bind:innerHeight={windowInnerHeight}
-/>
-
-<menu class="menu"
-      id="{id}"
-      bind:this={menu}
-      class:menu--is-visible={show}
-      aria-expanded="{show}"
-      aria-haspopup="true">
-    <slot name="options"/>
-</menu>
diff --git a/apps/web-shared/src/components/menu/separator.svelte b/apps/web-shared/src/components/menu/separator.svelte
deleted file mode 100644
index 798dce0..0000000
--- a/apps/web-shared/src/components/menu/separator.svelte
+++ /dev/null
@@ -1,2 +0,0 @@
-<li class="menu__separator"
-    role="separator"></li>
diff --git a/apps/web-shared/src/components/modal.svelte b/apps/web-shared/src/components/modal.svelte
deleted file mode 100644
index f3b633c..0000000
--- a/apps/web-shared/src/components/modal.svelte
+++ /dev/null
@@ -1,66 +0,0 @@
-<script>
-	import {random_string} from "$shared/lib/helpers";
-
-	export let title = "";
-	let isVisible = false;
-	const modal_id = "modal_" + random_string(5);
-
-	function handle_keyup(e) {
-		if (e.key === "Escape") {
-			isVisible = false;
-		}
-	}
-
-	export const functions = {
-		open() {
-			isVisible = true;
-			window.addEventListener("keyup", handle_keyup);
-		},
-		close() {
-			isVisible = false;
-			window.removeEventListener("keyup", handle_keyup);
-		},
-	};
-</script>
-
-<div class="modal modal--animate-scale flex flex-center padding-md bg-dark bg-opacity-40% {isVisible ? 'modal--is-visible' : ''}"
-     id={modal_id}
->
-    <div class="modal__content width-100% max-width-xs max-height-100% overflow-auto radius-md shadow-md bg"
-         role="alertdialog"
-    >
-        <header class="padding-y-sm padding-x-md flex items-center justify-between"
-        >
-            <h4 class="text-truncate">{title}</h4>
-
-            <button class="reset modal__close-btn modal__close-btn--inner"
-                    on:click={functions.close}
-            >
-                <svg class="icon"
-                     viewBox="0 0 20 20">
-                    <title>Close modal window</title>
-                    <g fill="none"
-                       stroke="currentColor"
-                       stroke-miterlimit="10"
-                       stroke-width="2"
-                       stroke-linecap="round"
-                       stroke-linejoin="round"
-                    >
-                        <line x1="3"
-                              y1="3"
-                              x2="17"
-                              y2="17"/>
-                        <line x1="17"
-                              y1="3"
-                              x2="3"
-                              y2="17"/>
-                    </g>
-                </svg>
-            </button>
-        </header>
-
-        <div class="padding-bottom-md padding-x-md">
-            <slot/>
-        </div>
-    </div>
-</div>
diff --git a/apps/web-shared/src/components/pre-header.svelte b/apps/web-shared/src/components/pre-header.svelte
deleted file mode 100644
index 87a19b1..0000000
--- a/apps/web-shared/src/components/pre-header.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-<script>
-	export let closable = true;
-	export let show = false;
-</script>
-
-<div class="pre-header padding-y-xs" style="{show ? '' : 'display:none'}">
-    <div class="container max-width-lg position-relative">
-        <div class="text-component text-sm padding-right-lg">
-            <p>
-                <slot/>
-            </p>
-        </div>
-        {#if closable}
-            <button class="reset pre-header__close-btn"
-                    on:click={(event) => event.target.closest(".pre-header")?.remove()}>
-                <svg class="icon"
-                     viewBox="0 0 20 20">
-                    <title>Close header banner</title>
-                    <g fill="none"
-                       stroke="currentColor"
-                       stroke-linecap="round"
-                       stroke-linejoin="round"
-                       stroke-width="2">
-                        <line x1="4"
-                              y1="4"
-                              x2="16"
-                              y2="16"/>
-                        <line x1="16"
-                              y1="4"
-                              x2="4"
-                              y2="16"/>
-                    </g>
-                </svg>
-            </button>
-        {/if}
-    </div>
-</div>
diff --git a/apps/web-shared/src/components/screens/GeneralErrorScreen.svelte b/apps/web-shared/src/components/screens/GeneralErrorScreen.svelte
deleted file mode 100644
index dd4b5bd..0000000
--- a/apps/web-shared/src/components/screens/GeneralErrorScreen.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script>
-	export let message;
-	export let status;
-</script>
-
-<h1>{status}</h1>
-<p>{message}</p>
diff --git a/apps/web-shared/src/components/screens/NotFoundScreen.svelte b/apps/web-shared/src/components/screens/NotFoundScreen.svelte
deleted file mode 100644
index 69d55af..0000000
--- a/apps/web-shared/src/components/screens/NotFoundScreen.svelte
+++ /dev/null
@@ -1,161 +0,0 @@
-<style>
-    .fof__animation svg {
-        display: block;
-        max-width: 520px;
-        margin-left: auto;
-        margin-right: auto;
-    }
-
-    #i-fof-browser {
-        -webkit-transform-origin: 260px 304px;
-        transform-origin: 260px 304px;
-        -webkit-animation: i-fof-browser 4s infinite;
-        animation: i-fof-browser 4s infinite;
-    }
-
-    #i-fof-shadow {
-        -webkit-transform-origin: 282px 410px;
-        transform-origin: 282px 410px;
-        -webkit-animation: i-fof-shadow 4s infinite;
-        animation: i-fof-shadow 4s infinite;
-    }
-
-    @-webkit-keyframes i-fof-browser {
-        0%, 100% {
-            -webkit-transform: translateY(0) scale(1);
-            transform: translateY(0) scale(1);
-        }
-        50% {
-            -webkit-transform: translateY(-10%) scale(0.9);
-            transform: translateY(-10%) scale(0.9);
-        }
-    }
-
-    @keyframes i-fof-browser {
-        0%, 100% {
-            -webkit-transform: translateY(0) scale(1);
-            transform: translateY(0) scale(1);
-        }
-        50% {
-            -webkit-transform: translateY(-10%) scale(0.9);
-            transform: translateY(-10%) scale(0.9);
-        }
-    }
-
-    @-webkit-keyframes i-fof-shadow {
-        0%, 100% {
-            -webkit-transform: scale(1);
-            transform: scale(1);
-        }
-        50% {
-            -webkit-transform: scale(0.8);
-            transform: scale(0.8);
-        }
-    }
-
-    @keyframes i-fof-shadow {
-        0%, 100% {
-            -webkit-transform: scale(1);
-            transform: scale(1);
-        }
-        50% {
-            -webkit-transform: scale(0.8);
-            transform: scale(0.8);
-        }
-    }
-</style>
-
-<section class="fof">
-    <div class="container max-width-sm">
-        <div class="text-component text-center margin-bottom-lg">
-            <h1>Page not found</h1>
-            <p>Sorry, but the page you were looking for could not be found.</p>
-            <p><a href="/">Go to homepage</a>.</p>
-        </div>
-
-        <div class="fof__animation"
-             aria-lable="404 animation">
-            <svg id="i-fof"
-                 viewBox="0 0 520 450">
-                <g id="i-fof-ship">
-                    <path id="i-fof-capsule"
-                          d="M260,9a53,53,0,0,0-53,53H313A53,53,0,0,0,260,9Z"
-                          fill="var(--color-contrast-lower)"/>
-                    <path id="i-fof-ship-top"
-                          d="M448,73H72s78-37,188-37S448,73,448,73Z"
-                          fill="var(--color-contrast-low)"/>
-                    <path id="i-fof-ship-bottom"
-                          d="M448,73A1185.633,1185.633,0,0,0,72,73c80.173,34.484,144.2,37,188,37C370,110,448,73,448,73Z"
-                          fill="var(--color-contrast-high)"/>
-                </g>
-                <g id="i-fof-browser">
-                    <rect id="i-fof-browser-canvas"
-                          x="179"
-                          y="243"
-                          width="160"
-                          height="109"
-                          rx="6"
-                          transform="translate(131.361 -75.723) rotate(22.162)"
-                          fill="var(--color-contrast-higher)"/>
-                    <g id="i-fof-browser-dots"
-                       fill="var(--color-bg)">
-                        <circle cx="211.713"
-                                cy="228.029"
-                                r="3"/>
-                        <circle cx="221.9"
-                                cy="232.179"
-                                r="3"/>
-                        <circle cx="232.088"
-                                cy="236.328"
-                                r="3"/>
-                    </g>
-                    <rect id="i-fof-browser-body"
-                          x="180.737"
-                          y="258.557"
-                          width="152"
-                          height="89"
-                          rx="2"
-                          transform="translate(133.29 -74.459) rotate(22.162)"
-                          fill="var(--color-bg)"/>
-                    <g id="i-fof-emoji">
-                        <path d="M248.626,322.968A22,22,0,1,1,277.3,310.893,22,22,0,0,1,248.626,322.968Z"
-                              fill="#ffd764"/>
-                        <path d="M264.3,311a7,7,0,1,1,9.124-3.843A7,7,0,0,1,264.3,311Z"
-                              fill="#fff"/>
-                        <path d="M245.778,303.452a7,7,0,1,1,9.123-3.842A7,7,0,0,1,245.778,303.452Z"
-                              fill="#fff"/>
-                        <path d="M258.5,317.274l-12.966-5.281a1,1,0,0,1,.755-1.853l12.966,5.282a1,1,0,0,1-.755,1.852Z"
-                              fill="#444"/>
-                        <path d="M247.287,299.747a3,3,0,1,1,3.91-1.646A3,3,0,0,1,247.287,299.747Z"
-                              fill="#444"/>
-                        <path d="M265.809,307.292a3,3,0,1,1,3.91-1.647A3,3,0,0,1,265.809,307.292Z"
-                              fill="#444"/>
-                    </g>
-                </g>
-                <polygon id="i-fof-radar-body"
-                         points="415 410 105 410 196 106 324 106 415 410"
-                         fill="#4ad36b"
-                         opacity="0.5"/>
-                <ellipse id="i-fof-radar-bottom"
-                         cx="260"
-                         cy="410"
-                         rx="155"
-                         ry="28"
-                         fill="#4ad36b"/>
-                <ellipse id="i-fof-shadow"
-                         cx="282"
-                         cy="410"
-                         rx="72"
-                         ry="10"
-                         opacity="0.4"
-                         fill="var(--color-black)"/>
-                <ellipse id="i-fof-radar-top"
-                         cx="260"
-                         cy="106"
-                         rx="64"
-                         ry="6"
-                         fill="#4ad36b"/>
-            </svg>
-        </div>
-    </div>
-</section>
diff --git a/apps/web-shared/src/components/stopwatch.svelte b/apps/web-shared/src/components/stopwatch.svelte
deleted file mode 100644
index 0e641e8..0000000
--- a/apps/web-shared/src/components/stopwatch.svelte
+++ /dev/null
@@ -1,196 +0,0 @@
-<script lang="ts">
-    import Button from "$shared/components/button.svelte";
-    import { Textarea } from "$shared/components/form";
-    import { StorageKeys } from "$shared/lib/configuration";
-    import { loadLocaleAsync } from "$shared/lib/i18n/i18n-util.async";
-    import { i18nObject } from "$shared/lib/i18n/i18n-util";
-    import { currentLocale, preffered_or_default } from "$shared/lib/locale";
-    import { StoreType, writable_persistent } from "$shared/lib/persistent-store";
-    import { Temporal } from "@js-temporal/polyfill";
-    import { createEventDispatcher, onMount } from "svelte";
-
-    const state = writable_persistent({
-        initialState: {
-            hours: 0,
-            minutes: 0,
-            seconds: 0,
-            startTime: null as Temporal.PlainDateTime,
-            lastStep: null as Temporal.PlainDateTime,
-            isRunning: false,
-            intervalId: 0,
-            note: "",
-        },
-        options: {
-            store: StoreType.LOCAL
-        },
-        name: StorageKeys.stopwatch,
-    });
-
-    let timeString;
-    let LL = i18nObject($currentLocale);
-
-    $: if ($state.hours || $state.minutes || $state.seconds) {
-        timeString = $state.hours.toLocaleString(undefined, {minimumIntegerDigits: 2})
-            + ":" + $state.minutes.toLocaleString(undefined, {minimumIntegerDigits: 2})
-            + ":" + $state.seconds.toLocaleString(undefined, {minimumIntegerDigits: 2});
-    } else {
-        timeString = "--:--:--";
-    }
-
-    currentLocale.subscribe(async locale => {
-        if (locale === "preffered") locale = preffered_or_default();
-        await loadLocaleAsync(locale);
-        LL = i18nObject(locale);
-    });
-
-    onMount(async () => {
-        start_if_running();
-        await loadLocaleAsync($currentLocale);
-        LL = i18nObject($currentLocale);
-    });
-
-    function start_if_running() {
-        if ($state.isRunning) {
-            if (Temporal.PlainDateTime.compare($state.lastStep, Temporal.Now.plainDateTimeISO()) == -1) {
-                const duration = Temporal.Now.plainDateTimeISO().since($state.lastStep, {smallestUnit: "second"});
-                console.log("lastStep", $state.lastStep.toString());
-                console.log("duration", duration.toString());
-                console.log(duration.seconds);
-                // for (let i = 0; i < steps; i++) {
-                //     step();
-                // }
-            }
-            clearInterval($state.intervalId);
-            $state.intervalId = setInterval(step, 1000);
-        }
-    }
-
-    window.addEventListener("focus", () => {
-        start_if_running();
-    });
-
-    const dispatch = createEventDispatcher();
-
-    function step() {
-        $state.seconds = $state.seconds + 1;
-
-        if ($state.seconds == 60) {
-            $state.minutes = $state.minutes + 1;
-            $state.seconds = 0;
-        }
-
-        if ($state.minutes == 60) {
-            $state.hours = $state.hours + 1;
-            $state.minutes = 0;
-            $state.seconds = 0;
-        }
-
-        if (!$state.startTime) $state.startTime = Temporal.Now.plainDateTimeISO();
-        $state.lastStep = Temporal.Now.plainDateTimeISO();
-    }
-
-    function reset() {
-        clearInterval($state.intervalId);
-        $state.isRunning = false;
-        $state.hours = 0;
-        $state.minutes = 0;
-        $state.seconds = 0;
-        $state.startTime = null;
-        $state.intervalId = 0;
-        $state.note = "";
-    }
-
-    let roundUpToNearest = 30;
-    let roundDownToNearest = 30;
-
-    function on_round_up() {
-        const newTime = Temporal.PlainTime
-            .from({hour: $state.hours, minute: $state.minutes, second: $state.seconds})
-            .round({
-                roundingIncrement: roundUpToNearest,
-                smallestUnit: "minute",
-                roundingMode: "ceil"
-            });
-        $state.hours = newTime.hour;
-        $state.minutes = newTime.minute;
-        $state.seconds = newTime.second;
-    }
-
-    function on_round_down() {
-        const newTime = Temporal.PlainTime
-            .from({hour: $state.hours, minute: $state.minutes, second: $state.seconds,})
-            .round({
-                roundingIncrement: roundDownToNearest,
-                smallestUnit: "minute",
-                roundingMode: "trunc"
-            });
-        $state.hours = newTime.hour;
-        $state.minutes = newTime.minute;
-        $state.seconds = newTime.second;
-    }
-
-    function on_start_stop() {
-        if ($state.isRunning) {
-            clearInterval($state.intervalId);
-            $state.isRunning = false;
-            return;
-        }
-        step();
-        $state.intervalId = setInterval(step, 1000);
-        $state.isRunning = true;
-    }
-
-    function on_create_entry() {
-        if (!$state.startTime) return;
-        const plainStartTime = Temporal.PlainDateTime.from($state.startTime);
-        dispatch("create", {
-            from: plainStartTime,
-            to: plainStartTime.add({hours: $state.hours, minutes: $state.minutes, seconds: $state.seconds}),
-            description: $state.note
-        });
-        reset();
-    }
-</script>
-
-<div class="grid">
-    <div class="col-6">
-        <slot name="header"></slot>
-        <pre class="text-xxl padding-y-sm">{timeString}</pre>
-    </div>
-    <div class="col-6 flex align-bottom flex-column text-xs">
-        <Button title="{$state.isRunning ? LL.stopwatch.stop() : LL.stopwatch.start()}"
-                text="{$state.isRunning ? LL.stopwatch.stop() : LL.stopwatch.start()}"
-                variant="link"
-                on:click={on_start_stop}/>
-
-        {#if $state.startTime}
-            <Button title="{LL.stopwatch.reset()}"
-                    text="{LL.stopwatch.reset()}"
-                    variant="link"
-                    class="bg-error-lighter@hover color-white@hover"
-                    on:click={reset}/>
-            {#if !$state.isRunning}
-                <Button title="{LL.stopwatch.roundUp()}"
-                        text="{LL.stopwatch.roundUp()}"
-                        variant="link"
-                        on:click={on_round_up}/>
-                <Button title="{LL.stopwatch.roundDown()}"
-                        text="{LL.stopwatch.roundDown()}"
-                        variant="link"
-                        on:click={on_round_down}/>
-                {#if $state.minutes > 0 || $state.hours > 0}
-                    <Button title="{LL.stopwatch.createEntry()}"
-                            text="{LL.stopwatch.createEntry()}"
-                            variant="link"
-                            on:click={on_create_entry}/>
-                {/if}
-            {/if}
-        {/if}
-    </div>
-</div>
-
-<Textarea class="width-100% margin-top-xs"
-          placeholder="{LL.stopwatch.whatsYourFocus()}"
-          rows="1"
-          bind:value={$state.note}
-/>
diff --git a/apps/web-shared/src/components/table/index.ts b/apps/web-shared/src/components/table/index.ts
deleted file mode 100644
index 8390c0e..0000000
--- a/apps/web-shared/src/components/table/index.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import TablePaginator from "./paginator.svelte";
-import Table from "./table.svelte";
-import THead from "./thead.svelte";
-import TBody from "./tbody.svelte";
-import TCell from "./tcell.svelte";
-import TRow from "./trow.svelte";
-
-export {
-    TablePaginator,
-    Table,
-    THead,
-    TBody,
-    TCell,
-    TRow
-};
diff --git a/apps/web-shared/src/components/table/paginator.svelte b/apps/web-shared/src/components/table/paginator.svelte
deleted file mode 100644
index 53c6392..0000000
--- a/apps/web-shared/src/components/table/paginator.svelte
+++ /dev/null
@@ -1,101 +0,0 @@
-<script>
-	import {createEventDispatcher, onMount} from "svelte";
-	import {restrict_input_to_numbers} from "$shared/lib/helpers";
-
-	const dispatch = createEventDispatcher();
-	export let page = 1;
-	export let pageCount = 1;
-	let prevCount = page;
-	let canIncrement = false;
-	let canDecrement = false;
-	$: canIncrement = page < pageCount;
-	$: canDecrement = page > 1;
-
-	onMount(() => {
-		restrict_input_to_numbers(document.querySelector("#curr-page"));
-	});
-
-	function increment() {
-		if (canIncrement) {
-			page++;
-		}
-	}
-
-	function decrement() {
-		if (canDecrement) {
-			page--;
-		}
-	}
-
-	$: if (page) {
-		handle_change();
-	}
-
-	function handle_change() {
-		if (page === prevCount) {
-			return;
-		}
-		prevCount = page;
-		if (page > pageCount) {
-			page = pageCount;
-		}
-		dispatch("value_change", {
-			newValue: page,
-		});
-	}
-</script>
-
-<nav class="pagination"
-     aria-label="Pagination">
-    <ul class="pagination__list flex flex-wrap gap-xxxs justify-center justify-end@md">
-        <li>
-            <button on:click={decrement}
-                    class="reset pagination__item {canDecrement ? '' : 'c-disabled'}">
-                <svg class="icon icon--xs flip-x"
-                     viewBox="0 0 16 16"
-                ><title>Go to previous page</title>
-                    <polyline
-                            points="6 2 12 8 6 14"
-                            fill="none"
-                            stroke="currentColor"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            stroke-width="2"
-                    />
-                </svg>
-            </button>
-        </li>
-
-        <li>
-            <span class="pagination__jumper flex items-center">
-                <input
-                        aria-label="Page number"
-                        class="form-control"
-                        id="curr-page"
-                        type="text"
-                        on:change={handle_change}
-                        value={page}
-                />
-                <em>of {pageCount}</em>
-            </span>
-        </li>
-
-        <li>
-            <button on:click={increment}
-                    class="reset pagination__item {canIncrement ? '' : 'c-disabled'}">
-                <svg class="icon icon--xs"
-                     viewBox="0 0 16 16"
-                ><title>Go to next page</title>
-                    <polyline
-                            points="6 2 12 8 6 14"
-                            fill="none"
-                            stroke="currentColor"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            stroke-width="2"
-                    />
-                </svg>
-            </button>
-        </li>
-    </ul>
-</nav>
diff --git a/apps/web-shared/src/components/table/table.svelte b/apps/web-shared/src/components/table/table.svelte
deleted file mode 100644
index 4acbf37..0000000
--- a/apps/web-shared/src/components/table/table.svelte
+++ /dev/null
@@ -1,3 +0,0 @@
-<table class="int-table {$$restProps.class ?? ''}">
-    <slot/>
-</table>
diff --git a/apps/web-shared/src/components/table/tbody.svelte b/apps/web-shared/src/components/table/tbody.svelte
deleted file mode 100644
index f0617fa..0000000
--- a/apps/web-shared/src/components/table/tbody.svelte
+++ /dev/null
@@ -1,3 +0,0 @@
-<tbody class="int-table__body {$$restProps.class ?? ''}">
-<slot/>
-</tbody>
diff --git a/apps/web-shared/src/components/table/tcell.svelte b/apps/web-shared/src/components/table/tcell.svelte
deleted file mode 100644
index 76f500f..0000000
--- a/apps/web-shared/src/components/table/tcell.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-    export let thScope: "row"|"col"|"rowgroup"|"colgroup"|"";
-    export let colspan = "";
-    export let type: "th"|"td" = "td";
-    export let style;
-
-    $: shared_props = {
-        colspan: colspan || null,
-        style: style || null,
-        class: [type === "th" ? "int-table__cell--th" : "", "int-table__cell", $$restProps.class ?? ""].filter(Boolean).join(" "),
-    };
-</script>
-{#if type === "th"}
-    <th {thScope}
-        {...shared_props}>
-        <slot/>
-    </th>
-{/if}
-{#if type === "td"}
-    <td {...shared_props}>
-        <slot/>
-    </td>
-{/if}
diff --git a/apps/web-shared/src/components/table/thead.svelte b/apps/web-shared/src/components/table/thead.svelte
deleted file mode 100644
index aa20bf0..0000000
--- a/apps/web-shared/src/components/table/thead.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-    import TRow from "./trow.svelte";
-</script>
-
-
-<thead class="int-table__header {$$restProps.class ?? ''}">
-<TRow>
-    <slot/>
-</TRow>
-</thead>
diff --git a/apps/web-shared/src/components/table/trow.svelte b/apps/web-shared/src/components/table/trow.svelte
deleted file mode 100644
index 35b34bb..0000000
--- a/apps/web-shared/src/components/table/trow.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script>
-    export let dataId;
-</script>
-<tr class="int-table__row {$$restProps.class ?? ''}" data-id={dataId}>
-    <slot/>
-</tr>
diff --git a/apps/web-shared/src/components/theme-switcher-icon.svelte b/apps/web-shared/src/components/theme-switcher-icon.svelte
deleted file mode 100644
index 1531ab2..0000000
--- a/apps/web-shared/src/components/theme-switcher-icon.svelte
+++ /dev/null
@@ -1,248 +0,0 @@
-<script>
-    export let show = false;
-	export let selection = "";
-</script>
-
-<div class="ld-switch flex"
-     data-theme-switcher-element>
-    <button class="reset ld-switch-btn"
-            on:click={() => show =!show}>
-        <span class="sr-only">{selection}</span>
-        <div class="ld-switch-btn__icon-wrapper ld-switch-btn__icon-wrapper--in"
-             aria-hidden="true">
-            {#if selection === "dark"}
-                <svg class="icon ld-switch-btn__icon"
-                     viewBox="0 0 20 20">
-                    <title>dark</title>
-                    <g fill="currentColor">
-                        <path d="M11.964 3.284c.021.237.036.474.036.716a8 8 0 0 1-8 8c-.242 0-.479-.015-.716-.036a7 7 0 1 0 8.68-8.68z"
-                              fill-opacity=".2"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"></path>
-                        <path d="M7 4a.979.979 0 0 1-1-1 1 1 0 0 0-2 0 .979.979 0 0 1-1 1 1 1 0 0 0 0 2 .979.979 0 0 1 1 1 1 1 0 0 0 2 0 .979.979 0 0 1 1-1 1 1 0 0 0 0-2z"></path>
-                    </g>
-                </svg>
-            {:else if selection === "light"}
-                <svg class="icon ld-switch-btn__icon"
-                     viewBox="0 0 20 20"><title>light</title>
-                    <g fill="currentColor">
-                        <circle cx="10"
-                                cy="10"
-                                r="4"
-                                fill-opacity=".2"
-                                stroke="currentColor"
-                                stroke-linecap="round"
-                                stroke-linejoin="round"
-                                stroke-width="2"></circle>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M10 1v1.5"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M16.364 3.636l-1.061 1.061"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M19 10h-1.5"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M16.364 16.364l-1.061-1.061"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M10 19v-1.5"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M3.636 16.364l1.061-1.061"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M1 10h1.5"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M3.636 3.636l1.061 1.061"></path>
-                    </g>
-                </svg>
-            {:else }
-                <svg class="icon ld-switch-btn__icon"
-                     viewBox="0 0 20 20"><title>light-auto</title>
-                    <g fill="currentColor">
-                        <path d="M10 14a4 4 0 1 1 3.465-6"
-                              fill-opacity=".2"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M12 18l2.5-7h1l2.5 7"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M12.714 16h4.572"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M10 1v1.5"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M16.364 3.636l-1.061 1.061"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M3.636 16.364l1.061-1.061"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M1 10h1.5"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M3.636 3.636l1.061 1.061"></path>
-                    </g>
-                </svg>
-            {/if}
-        </div>
-
-        <div class="ld-switch-btn__icon-wrapper js-ld-switch-icon"
-             aria-hidden="true">
-            {#if selection === "dark"}
-                <svg class="icon ld-switch-btn__icon"
-                     viewBox="0 0 20 20">
-                    <title>dark</title>
-                    <g fill="currentColor">
-                        <path d="M11.964 3.284c.021.237.036.474.036.716a8 8 0 0 1-8 8c-.242 0-.479-.015-.716-.036a7 7 0 1 0 8.68-8.68z"
-                              fill-opacity=".2"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"></path>
-                        <path d="M7 4a.979.979 0 0 1-1-1 1 1 0 0 0-2 0 .979.979 0 0 1-1 1 1 1 0 0 0 0 2 .979.979 0 0 1 1 1 1 1 0 0 0 2 0 .979.979 0 0 1 1-1 1 1 0 0 0 0-2z"></path>
-                    </g>
-                </svg>
-            {:else if selection === "light"}
-                <svg class="icon ld-switch-btn__icon"
-                     viewBox="0 0 20 20">
-                    <title>light-auto</title>
-                    <g fill="currentColor">
-                        <path d="M10 14a4 4 0 1 1 3.465-6"
-                              fill-opacity=".2"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M12 18l2.5-7h1l2.5 7"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M12.714 16h4.572"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M10 1v1.5"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M16.364 3.636l-1.061 1.061"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M3.636 16.364l1.061-1.061"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M1 10h1.5"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M3.636 3.636l1.061 1.061"></path>
-                    </g>
-                </svg>
-            {:else }
-                <svg class="icon ld-switch-btn__icon"
-                     viewBox="0 0 20 20">
-                    <title>dark-auto</title>
-                    <g fill="currentColor">
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M12 18l2.5-7h1l2.5 7"></path>
-                        <path fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"
-                              d="M12.714 16h4.572"></path>
-                        <path d="M12.146 10.159A2.5 2.5 0 0 1 14.5 8.5h1a2.5 2.5 0 0 1 1.412.441 7 7 0 0 0-4.948-5.657c.021.237.036.474.036.716a8 8 0 0 1-8 8c-.242 0-.479-.015-.716-.036a6.99 6.99 0 0 0 6.427 5.012z"
-                              fill-opacity=".2"></path>
-                        <path d="M16.71 8a7.015 7.015 0 0 0-4.746-4.716c.021.237.036.474.036.716a8 8 0 0 1-8 8c-.242 0-.479-.015-.716-.036A7.006 7.006 0 0 0 9 16.929"
-                              fill="none"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              stroke-width="2"></path>
-                        <path d="M7 4a.979.979 0 0 1-1-1 1 1 0 0 0-2 0 .979.979 0 0 1-1 1 1 1 0 0 0 0 2 .979.979 0 0 1 1 1 1 1 0 0 0 2 0 .979.979 0 0 1 1-1 1 1 0 0 0 0-2z"></path>
-                    </g>
-                </svg>
-            {/if}
-        </div>
-    </button>
-</div>
diff --git a/apps/web-shared/src/components/theme-switcher.svelte b/apps/web-shared/src/components/theme-switcher.svelte
deleted file mode 100644
index 6f86875..0000000
--- a/apps/web-shared/src/components/theme-switcher.svelte
+++ /dev/null
@@ -1,215 +0,0 @@
-<script lang="ts">
-    import {base_domain, CookieNames} from "$shared/lib/configuration";
-    import {get_cookie, set_cookie} from "$shared/lib/helpers";
-    import {onMount} from "svelte";
-
-    type theme = "system"|"dark"|"light";
-
-    export let show = false;
-    export let glow = false;
-    export let selection: theme = "system";
-    export let size;
-    let prefers = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-    onMount(() => {
-        selection = get_cookie(CookieNames.theme) as theme;
-        document.addEventListener("keydown", (e) => {
-            if (e.code === "Escape") show = false;
-        });
-        document.addEventListener("click", (e: any) => {
-            if (e.target.closest("[data-theme-switcher-element]") === null) show = false;
-        });
-    });
-    let html = document.querySelector("html");
-
-    window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (event) => {
-        prefers = event.matches ? "dark" : "light";
-    });
-
-    $: switch (selection || prefers) {
-        case "system":
-            html.dataset.theme = prefers;
-            break;
-        case "light":
-            html.dataset.theme = "light";
-            break;
-        case "dark":
-            html.dataset.theme = "dark";
-            break;
-    }
-
-    function change(to: theme) {
-        selection = to;
-        set_cookie(CookieNames.theme, selection, base_domain());
-    }
-</script>
-
-<div class="bg-light padding-x-xs padding-bottom-xs padding-top-xxxs radius-md {glow ? 'inner-glow shadow-xs' : ''}"
-     class:is-hidden={!show}
-     data-theme-switcher-element
-     role="listbox">
-    <div class="flex flex-wrap flex-column"
-         role="group">
-        <div class="margin-bottom-xs flex-grow">
-            <span class="text-xs color-contrast-medium">Appearance</span>
-        </div>
-        <div class="flex gap-xs flex-row">
-            <div class="ld-switch-popover__option"
-                 aria-selected="{selection === 'dark' ? 'true' : 'false'}"
-                 role="option">
-                <figure class="radius-md inner-glow"
-                        on:click={() => change("dark")}>
-                    <svg id="Layer_1"
-                         class="block radius-inherit"
-                         data-name="Layer 1"
-                         xmlns="http://www.w3.org/2000/svg"
-                         width="70"
-                         height="50"
-                         viewBox="0 0 70 50">
-                        <rect width="70"
-                              height="50"
-                              fill="#22232a"/>
-                        <path d="M14,10H70V50H10V14A4,4,0,0,1,14,10Z"
-                              fill="#5a5c63"/>
-                        <circle cx="18"
-                                cy="18"
-                                r="3"
-                                fill="#22232a"/>
-                        <circle cx="27"
-                                cy="18"
-                                r="3"
-                                fill="#22232a"/>
-                        <circle cx="36"
-                                cy="18"
-                                r="3"
-                                fill="#22232a"/>
-                        <rect x="17"
-                              y="28"
-                              width="46"
-                              height="3"
-                              rx="1"
-                              fill="#fafaff"/>
-                        <rect x="17"
-                              y="34"
-                              width="46"
-                              height="3"
-                              rx="1"
-                              fill="#fafaff"/>
-                        <rect x="17"
-                              y="40"
-                              width="30"
-                              height="3"
-                              rx="1"
-                              fill="#fafaff"/>
-                    </svg>
-                </figure>
-                <div class="text-xs margin-top-xxxs padding-x-xxxxs">Dark</div>
-            </div>
-            <div class="ld-switch-popover__option"
-                 aria-selected="{selection === 'light' ? 'true' : 'false'}"
-                 role="option">
-                <figure class="radius-md inner-glow"
-                        on:click={() => change("light")}>
-                    <svg id="Layer_1"
-                         class="block radius-inherit"
-                         data-name="Layer 1"
-                         xmlns="http://www.w3.org/2000/svg"
-                         width="70"
-                         height="50"
-                         viewBox="0 0 70 50">
-                        <rect width="70"
-                              height="50"
-                              fill="#e5e5e6"/>
-                        <path d="M14,10H70a0,0,0,0,1,0,0V50a0,0,0,0,1,0,0H10a0,0,0,0,1,0,0V14A4,4,0,0,1,14,10Z"
-                              fill="#fff"/>
-                        <circle cx="18"
-                                cy="18"
-                                r="3"
-                                fill="#e5e5e6"/>
-                        <circle cx="27"
-                                cy="18"
-                                r="3"
-                                fill="#e5e5e6"/>
-                        <circle cx="36"
-                                cy="18"
-                                r="3"
-                                fill="#e5e5e6"/>
-                        <rect x="17"
-                              y="28"
-                              width="46"
-                              height="3"
-                              rx="1"
-                              fill="#38393e"/>
-                        <rect x="17"
-                              y="34"
-                              width="46"
-                              height="3"
-                              rx="1"
-                              fill="#38393e"/>
-                        <rect x="17"
-                              y="40"
-                              width="30"
-                              height="3"
-                              rx="1"
-                              fill="#38393e"/>
-                    </svg>
-                </figure>
-                <div class="text-xs margin-top-xxxs padding-x-xxxxs">Light</div>
-            </div>
-            <div class="ld-switch-popover__option"
-                 aria-selected="{selection === 'system' ? 'true' : 'false'}"
-                 role="option">
-                <figure class="radius-md inner-glow"
-                        on:click={() => change("system")}>
-                    <svg id="Layer_1"
-                         data-name="Layer 1"
-                         xmlns="http://www.w3.org/2000/svg"
-                         class="block radius-inherit"
-                         width="70"
-                         height="50"
-                         viewBox="0 0 70 50">
-                        <rect width="35"
-                              height="50"
-                              fill="#e5e5e6"/>
-                        <path d="M14,10H35a0,0,0,0,1,0,0V50a0,0,0,0,1,0,0H10a0,0,0,0,1,0,0V14A4,4,0,0,1,14,10Z"
-                              fill="#fff"/>
-                        <circle cx="18"
-                                cy="18"
-                                r="3"
-                                fill="#e5e5e6"/>
-                        <circle cx="27"
-                                cy="18"
-                                r="3"
-                                fill="#e5e5e6"/>
-                        <path d="M18,28H35a0,0,0,0,1,0,0v3a0,0,0,0,1,0,0H18a1,1,0,0,1-1-1V29A1,1,0,0,1,18,28Z"
-                              fill="#38393e"/>
-                        <path d="M18,34H35a0,0,0,0,1,0,0v3a0,0,0,0,1,0,0H18a1,1,0,0,1-1-1V35A1,1,0,0,1,18,34Z"
-                              fill="#38393e"/>
-                        <path d="M18,40H35a0,0,0,0,1,0,0v3a0,0,0,0,1,0,0H18a1,1,0,0,1-1-1V41A1,1,0,0,1,18,40Z"
-                              fill="#38393e"/>
-                        <rect x="35"
-                              width="35"
-                              height="50"
-                              fill="#22232a"/>
-                        <path d="M49,10H70V50H45V14A4,4,0,0,1,49,10Z"
-                              fill="#5a5c63"/>
-                        <circle cx="53"
-                                cy="18"
-                                r="3"
-                                fill="#22232a"/>
-                        <circle cx="62"
-                                cy="18"
-                                r="3"
-                                fill="#22232a"/>
-                        <path d="M53,28H70a0,0,0,0,1,0,0v3a0,0,0,0,1,0,0H53a1,1,0,0,1-1-1V29A1,1,0,0,1,53,28Z"
-                              fill="#fafaff"/>
-                        <path d="M53,34H70a0,0,0,0,1,0,0v3a0,0,0,0,1,0,0H53a1,1,0,0,1-1-1V35A1,1,0,0,1,53,34Z"
-                              fill="#fafaff"/>
-                        <path d="M53,40H70a0,0,0,0,1,0,0v3a0,0,0,0,1,0,0H53a1,1,0,0,1-1-1V41A1,1,0,0,1,53,40Z"
-                              fill="#fafaff"/>
-                    </svg>
-                </figure>
-                <div class="text-xs margin-top-xxxs padding-x-xxxxs">System</div>
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/apps/web-shared/src/components/tile.svelte b/apps/web-shared/src/components/tile.svelte
deleted file mode 100644
index b8e9cdf..0000000
--- a/apps/web-shared/src/components/tile.svelte
+++ /dev/null
@@ -1,4 +0,0 @@
-<section class="bg-light radius-sm padding-sm inner-glow shadow-xs {$$restProps.class??''}"
-         style="height: fit-content;">
-    <slot/>
-</section>
diff --git a/apps/web-shared/src/components/user-menu.svelte b/apps/web-shared/src/components/user-menu.svelte
deleted file mode 100644
index c0195f4..0000000
--- a/apps/web-shared/src/components/user-menu.svelte
+++ /dev/null
@@ -1,99 +0,0 @@
-<script>
-	import {onMount} from "svelte";
-	import {Menu, MenuItem, MenuItemSeparator} from "./menu";
-
-	let userMenuTrigger;
-	let showUserMenu = false;
-	
-	export let avatar = "";
-	export let name;
-	export let secondary = "";
-	let userMenuId;
-	
-	onMount(() => {
-		userMenuTrigger = document.getElementById("open-user-menu");
-	});
-</script>
-
-<button class="reset user-menu-control"
-        id="open-user-menu"
-        aria-controls="{userMenuId}"
-        on:click={() => showUserMenu = true}>
-    {#if avatar}
-        <figure class="user-menu-control__img-wrapper radius-50%">
-            <img class="user-menu-control__img"
-                 src="{avatar}"
-                 alt="User picture">
-        </figure>
-    {/if}
-
-    <div class="margin-x-xs user-menu__meta">
-        <p class="user-menu__meta-title text-sm line-height-1 padding-y-xxxxs font-semibold color-contrast-higher text-truncate">{name}</p>
-        {#if secondary}
-            <p class="text-xs color-contrast-medium line-height-1 padding-bottom-xxxxs">{secondary}</p>
-        {/if}
-    </div>
-
-    <svg class="icon icon--xxs"
-         aria-hidden="true"
-         viewBox="0 0 12 12">
-        <polyline points="1 4 6 9 11 4"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="2"/>
-    </svg>
-</button>
-
-<Menu trigger={userMenuTrigger}
-      bind:id={userMenuId}
-      bind:show="{showUserMenu}">
-    <div slot="options">
-        <MenuItem>
-            <svg class="icon menu__icon"
-                 aria-hidden="true"
-                 viewBox="0 0 16 16">
-                <circle cx="8"
-                        cy="3.5"
-                        r="3.5"/>
-                <path d="M14.747,14.15a6.995,6.995,0,0,0-13.494,0A1.428,1.428,0,0,0,1.5,15.4a1.531,1.531,0,0,0,1.209.6H13.288a1.531,1.531,0,0,0,1.209-.6A1.428,1.428,0,0,0,14.747,14.15Z"/>
-            </svg>
-            <span>Profile</span>
-
-        </MenuItem>
-
-        <MenuItem>
-            <svg class="icon menu__icon"
-                 aria-hidden="true"
-                 viewBox="0 0 16 16">
-                <g fill="currentColor">
-                    <path d="M15.135,6.784c-1.303-0.326-1.921-1.818-1.23-2.969c0.322-0.536,0.225-0.998-0.094-1.316l-0.31-0.31 c-0.318-0.318-0.78-0.415-1.316-0.094c-1.152,0.691-2.644,0.073-2.969-1.23C9.065,0.258,8.669,0,8.219,0H7.781 c-0.45,0-0.845,0.258-0.997,0.865c-0.326,1.303-1.818,1.921-2.969,1.23C3.279,1.773,2.816,1.87,2.498,2.188l-0.31,0.31 C1.87,2.816,1.773,3.279,2.095,3.815c0.691,1.152,0.073,2.644-1.23,2.969C0.26,6.935,0,7.33,0,7.781v0.438 c0,0.45,0.258,0.845,0.865,0.997c1.303,0.326,1.921,1.818,1.23,2.969c-0.322,0.536-0.225,0.998,0.094,1.316l0.31,0.31 c0.319,0.319,0.782,0.415,1.316,0.094c1.152-0.691,2.644-0.073,2.969,1.23C6.935,15.742,7.331,16,7.781,16h0.438 c0.45,0,0.845-0.258,0.997-0.865c0.326-1.303,1.818-1.921,2.969-1.23c0.535,0.321,0.997,0.225,1.316-0.094l0.31-0.31 c0.318-0.318,0.415-0.78,0.094-1.316c-0.691-1.152-0.073-2.644,1.23-2.969C15.742,9.065,16,8.669,16,8.219V7.781 C16,7.33,15.74,6.935,15.135,6.784z M8,11c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S9.657,11,8,11z"></path>
-                </g>
-            </svg>
-            <span>Settings</span>
-        </MenuItem>
-
-        <MenuItem>
-            <svg class="icon menu__icon"
-                 aria-hidden="true"
-                 viewBox="0 0 16 16">
-                <circle cx="10.5"
-                        cy="2.5"
-                        r="2.5"/>
-                <circle cx="5.5"
-                        cy="6.5"
-                        r="2.5"/>
-                <path d="M15.826,10.124A5.455,5.455,0,0,0,9.46,6.107,3.932,3.932,0,0,1,9.5,6.5,3.97,3.97,0,0,1,8.452,9.176,6.963,6.963,0,0,1,11.539,12h2.829a1.5,1.5,0,0,0,1.458-1.876Z"/>
-                <path d="M10.826,14.124a5.5,5.5,0,0,0-10.652,0A1.5,1.5,0,0,0,1.632,16H9.368a1.5,1.5,0,0,0,1.458-1.876Z"/>
-            </svg>
-            <span>Team</span>
-        </MenuItem>
-
-        <MenuItemSeparator/>
-
-        <MenuItem danger="true" on:click={() => logout_user()}>
-            Logout
-        </MenuItem>
-    </div>
-</Menu>
diff --git a/apps/web-shared/src/lib/api/root.ts b/apps/web-shared/src/lib/api/root.ts
deleted file mode 100644
index d65efc4..0000000
--- a/apps/web-shared/src/lib/api/root.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import {http_post} from "$shared/lib/api/internal-fetch";
-import {api_base} from "$shared/lib/configuration";
-
-export function server_log(message: string): void {
-    http_post(api_base("_/api/log"), message);
-}
diff --git a/apps/web-shared/src/lib/configuration.ts b/apps/web-shared/src/lib/configuration.ts
deleted file mode 100644
index eb38400..0000000
--- a/apps/web-shared/src/lib/configuration.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-export const TOPBASEDOMAIN = "greatoffice.life";
-export const BASE_DOMAIN = "dev.greatoffice.life";
-export const DEV_BASE_DOMAIN = "localhost";
-export const API_ADDRESS = "https://api." + BASE_DOMAIN;
-export const PROJECTS_ADDRESS = "https://projects." + BASE_DOMAIN;
-export const PORTAL_ADDRESS = "https://portal." + BASE_DOMAIN;
-export const FRONTPAGE_ADDRESS = "https://" + BASE_DOMAIN;
-export const DEV_PORTAL_ADDRESS = "http://localhost:3001";
-export const DEV_FRONTPAGE_ADDRESS = "http://localhost:3002";
-export const DEV_API_ADDRESS = "http://localhost:5000";
-export const DEV_PROJECTS_ADDRESS = "http://localhost:3000";
-export const SECONDS_BETWEEN_SESSION_CHECK = 600;
-
-export function projects_base(path: string = ""): string {
-    return (is_development() ? DEV_PROJECTS_ADDRESS : PROJECTS_ADDRESS) + (path !== "" ? "/" + path : "");
-}
-
-export function base_domain(path: string = ""): string {
-    return (is_development() ? DEV_BASE_DOMAIN : TOPBASEDOMAIN) + (path !== "" ? "/" + path : "");
-}
-
-export function frontpage_base(path: string = ""): string {
-    return (is_development() ? DEV_FRONTPAGE_ADDRESS : FRONTPAGE_ADDRESS) + (path !== "" ? "/" + path : "");
-}
-
-export function portal_base(path: string = ""): string {
-    return (is_development() ? DEV_PORTAL_ADDRESS : PORTAL_ADDRESS) + (path !== "" ? "/" + path : "");
-}
-
-export function api_base(path: string = ""): string {
-    return (is_development() ? DEV_API_ADDRESS : API_ADDRESS) + (path !== "" ? "/" + path : "");
-}
-
-export function is_development(): boolean {
-    // @ts-ignore
-    return import.meta.env.DEV;
-}
-
-export function is_debug(): boolean {
-    return localStorage.getItem(StorageKeys.debug) !== "true";
-}
-
-export const CookieNames = {
-    theme: "go_theme",
-    locale: "go_locale"
-};
-
-export const QueryKeys = {
-    labels: "labels",
-    categories: "categories",
-    entries: "entries",
-};
-
-export const IconNames = {
-    github: "github",
-    verticalDots: "verticalDots",
-    clock: "clock",
-    trash: "trash",
-    pencilSquare: "pencilSquare",
-    x: "x",
-    funnel: "funnel",
-    funnelFilled: "funnelFilled",
-    refresh: "refresh",
-    resetHard: "resetHard",
-    arrowUp: "arrowUp",
-    arrowDown: "arrowDown",
-    chevronDown: "chevronDown"
-};
-
-export const StorageKeys = {
-    session: "sessionData",
-    theme: "theme",
-    debug: "debug",
-    categories: "categories",
-    labels: "labels",
-    entries: "entries",
-    stopwatch: "stopwatchState"
-};
diff --git a/apps/web-shared/src/lib/i18n/en/index.ts b/apps/web-shared/src/lib/i18n/en/index.ts
deleted file mode 100644
index 9db1759..0000000
--- a/apps/web-shared/src/lib/i18n/en/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type {BaseTranslation} from "../i18n-types";
-
-const en: BaseTranslation = {
-    stopwatch: {
-        roundUp: "Round up",
-        roundDown: "Round down",
-        createEntry: "Create entry",
-        whatsYourFocus: "What's your focus?",
-        reset: "Reset",
-        start: "Start",
-        stop: "Stop",
-    },
-    localeSwitcher: {
-        language: "Language"
-    }
-};
-
-export default en;
diff --git a/apps/web-shared/src/lib/i18n/formatters.ts b/apps/web-shared/src/lib/i18n/formatters.ts
deleted file mode 100644
index 78734f9..0000000
--- a/apps/web-shared/src/lib/i18n/formatters.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import type { FormattersInitializer } from 'typesafe-i18n'
-import type { Locales, Formatters } from './i18n-types'
-
-export const initFormatters: FormattersInitializer<Locales, Formatters> = (locale: Locales) => {
-
-	const formatters: Formatters = {
-		// add your formatter functions here
-	}
-
-	return formatters
-}
diff --git a/apps/web-shared/src/lib/i18n/i18n-types.ts b/apps/web-shared/src/lib/i18n/i18n-types.ts
deleted file mode 100644
index 62a13dd..0000000
--- a/apps/web-shared/src/lib/i18n/i18n-types.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-// This file was auto-generated by 'typesafe-i18n'. Any manual changes will be overwritten.
-/* eslint-disable */
-import type { BaseTranslation as BaseTranslationType, LocalizedString } from 'typesafe-i18n'
-
-export type BaseTranslation = BaseTranslationType
-export type BaseLocale = 'en'
-
-export type Locales =
-	| 'en'
-	| 'nb'
-
-export type Translation = RootTranslation
-
-export type Translations = RootTranslation
-
-type RootTranslation = {
-	stopwatch: {
-		/**
-		 * Round up
-		 */
-		roundUp: string
-		/**
-		 * Round down
-		 */
-		roundDown: string
-		/**
-		 * Create entry
-		 */
-		createEntry: string
-		/**
-		 * What's your focus?
-		 */
-		whatsYourFocus: string
-		/**
-		 * Reset
-		 */
-		reset: string
-		/**
-		 * Start
-		 */
-		start: string
-		/**
-		 * Stop
-		 */
-		stop: string
-	}
-	localeSwitcher: {
-		/**
-		 * Language
-		 */
-		language: string
-	}
-}
-
-export type TranslationFunctions = {
-	stopwatch: {
-		/**
-		 * Round up
-		 */
-		roundUp: () => LocalizedString
-		/**
-		 * Round down
-		 */
-		roundDown: () => LocalizedString
-		/**
-		 * Create entry
-		 */
-		createEntry: () => LocalizedString
-		/**
-		 * What's your focus?
-		 */
-		whatsYourFocus: () => LocalizedString
-		/**
-		 * Reset
-		 */
-		reset: () => LocalizedString
-		/**
-		 * Start
-		 */
-		start: () => LocalizedString
-		/**
-		 * Stop
-		 */
-		stop: () => LocalizedString
-	}
-	localeSwitcher: {
-		/**
-		 * Language
-		 */
-		language: () => LocalizedString
-	}
-}
-
-export type Formatters = {}
diff --git a/apps/web-shared/src/lib/i18n/i18n-util.async.ts b/apps/web-shared/src/lib/i18n/i18n-util.async.ts
deleted file mode 100644
index 90e55a7..0000000
--- a/apps/web-shared/src/lib/i18n/i18n-util.async.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-// This file was auto-generated by 'typesafe-i18n'. Any manual changes will be overwritten.
-/* eslint-disable */
-
-import { initFormatters } from './formatters'
-import type { Locales, Translations } from './i18n-types.js'
-import { loadedFormatters, loadedLocales, locales } from './i18n-util'
-
-const localeTranslationLoaders = {
-	en: () => import('./en/index.js'),
-	nb: () => import('./nb/index.js'),
-}
-
-const updateDictionary = (locale: Locales, dictionary: Partial<Translations>) =>
-	loadedLocales[locale] = { ...loadedLocales[locale], ...dictionary }
-
-export const loadLocaleAsync = async (locale: Locales): Promise<void> => {
-	updateDictionary(
-		locale,
-		(await localeTranslationLoaders[locale]()).default as unknown as Translations
-	)
-	loadFormatters(locale)
-}
-
-export const loadAllLocalesAsync = (): Promise<void[]> => Promise.all(locales.map(loadLocaleAsync))
-
-export const loadFormatters = (locale: Locales): void =>
-	void (loadedFormatters[locale] = initFormatters(locale))
diff --git a/apps/web-shared/src/lib/i18n/i18n-util.sync.ts b/apps/web-shared/src/lib/i18n/i18n-util.sync.ts
deleted file mode 100644
index 8909831..0000000
--- a/apps/web-shared/src/lib/i18n/i18n-util.sync.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-// This file was auto-generated by 'typesafe-i18n'. Any manual changes will be overwritten.
-/* eslint-disable */
-
-import { initFormatters } from './formatters'
-import type { Locales, Translations } from './i18n-types.js'
-import { loadedFormatters, loadedLocales, locales } from './i18n-util'
-
-import en from './en/index.js'
-import nb from './nb/index.js'
-
-const localeTranslations = {
-	en,
-	nb,
-}
-
-export const loadLocale = (locale: Locales): void => {
-	if (loadedLocales[locale]) return
-
-	loadedLocales[locale] = localeTranslations[locale] as unknown as Translations
-	loadFormatters(locale)
-}
-
-export const loadAllLocales = (): void => locales.forEach(loadLocale)
-
-export const loadFormatters = (locale: Locales): void => {
-	loadedFormatters[locale] = initFormatters(locale)
-}
diff --git a/apps/web-shared/src/lib/i18n/i18n-util.ts b/apps/web-shared/src/lib/i18n/i18n-util.ts
deleted file mode 100644
index 5a9dd0d..0000000
--- a/apps/web-shared/src/lib/i18n/i18n-util.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-// This file was auto-generated by 'typesafe-i18n'. Any manual changes will be overwritten.
-/* eslint-disable */
-
-import { i18n as initI18n, i18nObject as initI18nObject, i18nString as initI18nString } from 'typesafe-i18n'
-import type { LocaleDetector } from 'typesafe-i18n/detectors'
-import { detectLocale as detectLocaleFn } from 'typesafe-i18n/detectors'
-import type { Formatters, Locales, Translations, TranslationFunctions } from './i18n-types.js'
-
-export const baseLocale: Locales = 'en'
-
-export const locales: Locales[] = [
-	'en',
-	'nb'
-]
-
-export const loadedLocales = {} as Record<Locales, Translations>
-
-export const loadedFormatters = {} as Record<Locales, Formatters>
-
-export const i18nString = (locale: Locales) => initI18nString<Locales, Formatters>(locale, loadedFormatters[locale])
-
-export const i18nObject = (locale: Locales) =>
-	initI18nObject<Locales, Translations, TranslationFunctions, Formatters>(
-		locale,
-		loadedLocales[locale],
-		loadedFormatters[locale]
-	)
-
-export const i18n = () => initI18n<Locales, Translations, TranslationFunctions, Formatters>(loadedLocales, loadedFormatters)
-
-export const detectLocale = (...detectors: LocaleDetector[]) => detectLocaleFn<Locales>(baseLocale, locales, ...detectors)
diff --git a/apps/web-shared/src/lib/i18n/nb/index.ts b/apps/web-shared/src/lib/i18n/nb/index.ts
deleted file mode 100644
index a1d5f53..0000000
--- a/apps/web-shared/src/lib/i18n/nb/index.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import type {Translation} from "../i18n-types";
-
-const nb: Translation = {
-    stopwatch: {
-        roundUp: "Rund opp",
-        roundDown: "Rund ned",
-        createEntry: "Opprett tidsoppføring",
-        whatsYourFocus: "Hva skal du fokusere på?",
-        reset: "Tilbakestill",
-        start: "Start",
-        stop: "Stopp",
-    }
-};
-
-export default nb;
diff --git a/apps/web-shared/src/styles/_base.scss b/apps/web-shared/src/styles/_base.scss
deleted file mode 100644
index 414b440..0000000
--- a/apps/web-shared/src/styles/_base.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-// --------------------------------
-
-// Basic Style - Essential CSS rules and utility classes
-
-// --------------------------------
-
-@forward 'base/breakpoints';
-@forward 'base/mixins';
-@forward 'base/grid-layout';
-
-@use 'base/reset';
-@use 'base/colors';
-@use 'base/spacing';
-@use 'base/shared-styles';
-@use 'base/typography';
-@use 'base/icons';
-@use 'base/buttons';
-@use 'base/forms';
-@use 'base/z-index';
-@use 'base/visibility';
-@use 'base/accessibility';
-@use 'base/util';
-
-pre {
-  font-family: monospace !important;
-}
-
-*:focus-visible {
-  outline: 1px auto;
-}
-
-.c-disabled {
-  cursor: not-allowed !important;
-  filter: opacity(.45);
-  pointer-events: none !important;
-
-  &.loading {
-    cursor: wait !important;
-  }
-}
-
-button.btn--state-b {
-  cursor: wait;
-}
-
-button.reset {
-  cursor: pointer !important;
-}
diff --git a/apps/web-shared/src/styles/base/_accessibility.scss b/apps/web-shared/src/styles/base/_accessibility.scss
deleted file mode 100644
index 9f71937..0000000
--- a/apps/web-shared/src/styles/base/_accessibility.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-.sr-only { // content made available only to screen readers
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px);
-  clip-path: inset(50%);
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  padding: 0;
-  border: 0;
-  white-space: nowrap;
-}
-
-.sr-only-focusable { // focusable, visually hidden element
-  &:not(:focus):not(:focus-within){
-    @extend .sr-only
-  }
-}
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/base/_breakpoints.scss b/apps/web-shared/src/styles/base/_breakpoints.scss
deleted file mode 100644
index 9b61af3..0000000
--- a/apps/web-shared/src/styles/base/_breakpoints.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-$breakpoints: (
-        xs: "768px",
-        sm: "768px",
-        md: "1200px",
-        lg: "1200px",
-        xl: "1600px"
-) !default;
-
-@mixin breakpoint($breakpoint, $logic: false) {
-  @if ($logic) {
-    @media #{$logic} and (min-width: map-get($map: $breakpoints, $key: $breakpoint)) {
-      @content;
-    }
-  } @else {
-    @media (min-width: map-get($map: $breakpoints, $key: $breakpoint)) {
-      @content;
-    }
-  }
-}
diff --git a/apps/web-shared/src/styles/base/_buttons.scss b/apps/web-shared/src/styles/base/_buttons.scss
deleted file mode 100644
index 2a7ff34..0000000
--- a/apps/web-shared/src/styles/base/_buttons.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-// don't modify this file -> edit 📁 custom-style/_buttons.scss to create your custom buttons
-
-.btn { // basic button style
-  position: relative;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  white-space: nowrap;
-  text-decoration: none;
-  font-size: var(--btn-font-size, 1em);
-  padding-top: var(--btn-padding-y, 0.5em);
-  padding-bottom: var(--btn-padding-y, 0.5em);
-  padding-left: var(--btn-padding-x, 0.75em);
-  padding-right: var(--btn-padding-x, 0.75em);
-  border-radius: var(--btn-radius, 0.25em);
-}
-
-// default size variations
-.btn--sm { font-size: var(--btn-font-size-sm, 0.8em); }
-.btn--md { font-size: var(--btn-font-size-md, 1.2em); }
-.btn--lg { font-size: var(--btn-font-size-lg, 1.4em); }
-
-// button with (only) icon
-.btn--icon { padding: var(--btn-padding-y, 0.5em); }
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/base/_colors.scss b/apps/web-shared/src/styles/base/_colors.scss
deleted file mode 100644
index f061d9a..0000000
--- a/apps/web-shared/src/styles/base/_colors.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// don't modify this file -> edit 📁 custom-style/_colors.scss to create your color palette
-
-[data-theme] {
-  background-color: var(--color-bg, hsl(0, 0%, 100%));
-  color: var(--color-contrast-high, hsl(210, 7%, 21%));
-}
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/base/_forms.scss b/apps/web-shared/src/styles/base/_forms.scss
deleted file mode 100644
index faffddd..0000000
--- a/apps/web-shared/src/styles/base/_forms.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-// don't modify this file -> edit 📁 custom-style/_forms.scss to create your custom form elements
-
-.form-control {
-  font-size: var(--form-control-font-size, 1em);
-  padding-top: var(--form-control-padding-y, 0.5em);
-  padding-bottom: var(--form-control-padding-y, 0.5em);
-  padding-left: var(--form-control-padding-x, 0.75em);
-  padding-right: var(--form-control-padding-x, 0.75em);
-  border-radius: var(--form-control-radius, 0.25em);
-}
-
-.form-legend {
-  color: var(--color-contrast-higher, hsl(204, 28%, 7%));
-  line-height: var(--heading-line-height, 1.2);
-  font-size: var(--text-md, 1.125rem);
-  margin-bottom: var(--space-sm);
-}
-
-.form-label {
-  display: inline-block;
-  font-size: var(--text-sm, 0.75rem);
-}
diff --git a/apps/web-shared/src/styles/base/_grid-layout.scss b/apps/web-shared/src/styles/base/_grid-layout.scss
deleted file mode 100644
index bd8b6c9..0000000
--- a/apps/web-shared/src/styles/base/_grid-layout.scss
+++ /dev/null
@@ -1,261 +0,0 @@
-@use 'mixins' as *;
-@use 'breakpoints' as *;
-
-// --------------------------------
-
-// Container - center content on x-axis
-
-// --------------------------------
-
-.container {
-  width: calc(100% - 2*var(--component-padding));
-  margin-left: auto;
-  margin-right: auto;
-}
-
-// --------------------------------
-
-// Grid System
-
-// --------------------------------
-
-$grid-columns: 12 !default;
-
-.grid, .flex, .inline-flex {
-  --gap: 0px;
-  --gap-x: var(--gap);
-  --gap-y: var(--gap);
-  gap: var(--gap-y) var(--gap-x);
-
-  > * {
-    --sub-gap: 0px;
-    --sub-gap-x: var(--sub-gap);
-    --sub-gap-y: var(--sub-gap);
-  }
-}
-
-.grid {
-  --grid-columns: 12;
-  display: flex;
-  flex-wrap: wrap;
-
-  > * {
-    flex-basis: 100%;
-    max-width: 100%;
-    min-width: 0;
-  }
-}
-
-/* #region (Safari < 14.1 fallback) */
-@media not all and (min-resolution:.001dpcm) {
-  @supports (not(translate: none)) {
-    .grid, .flex[class*="gap-"], .inline-flex[class*="gap-"] {
-      gap: 0; // reset
-      margin-bottom: calc(-1 * var(--gap-y));
-      margin-left: calc(-1 * var(--gap-x));
-
-      > * {
-        margin-bottom: var(--sub-gap-y);
-      }
-    }
-
-    .grid {
-      --offset: var(--gap-x);
-      --gap-modifier: 0;
-      --offset-modifier: 1;
-
-      > * {
-        margin-left: var(--offset);
-      }
-    }
-
-    .flex[class*="gap-"], .inline-flex[class*="gap-"] {
-      > * {
-        margin-left: var(--sub-gap-x);
-      }
-    }
-  }
-}
-/* #endregion */
-
-.gap-xxxxs { --gap-x: var(--space-xxxxs); --gap-y: var(--space-xxxxs); > * { --sub-gap-x: var(--space-xxxxs); --sub-gap-y: var(--space-xxxxs); }}
-.gap-xxxs  { --gap-x: var(--space-xxxs);  --gap-y: var(--space-xxxs);  > * { --sub-gap-x: var(--space-xxxs);  --sub-gap-y: var(--space-xxxs); }}
-.gap-xxs   { --gap-x: var(--space-xxs);   --gap-y: var(--space-xxs);   > * { --sub-gap-x: var(--space-xxs);   --sub-gap-y: var(--space-xxs); }}
-.gap-xs    { --gap-x: var(--space-xs);    --gap-y: var(--space-xs);    > * { --sub-gap-x: var(--space-xs);    --sub-gap-y: var(--space-xs); }}
-.gap-sm    { --gap-x: var(--space-sm);    --gap-y: var(--space-sm);    > * { --sub-gap-x: var(--space-sm);    --sub-gap-y: var(--space-sm); }}
-.gap-md    { --gap-x: var(--space-md);    --gap-y: var(--space-md);    > * { --sub-gap-x: var(--space-md);    --sub-gap-y: var(--space-md); }}
-.gap-lg    { --gap-x: var(--space-lg);    --gap-y: var(--space-lg);    > * { --sub-gap-x: var(--space-lg);    --sub-gap-y: var(--space-lg); }}
-.gap-xl    { --gap-x: var(--space-xl);    --gap-y: var(--space-xl);    > * { --sub-gap-x: var(--space-xl);    --sub-gap-y: var(--space-xl); }}
-.gap-xxl   { --gap-x: var(--space-xxl);   --gap-y: var(--space-xxl);   > * { --sub-gap-x: var(--space-xxl);   --sub-gap-y: var(--space-xxl); }}
-.gap-xxxl  { --gap-x: var(--space-xxxl);  --gap-y: var(--space-xxxl);  > * { --sub-gap-x: var(--space-xxxl);  --sub-gap-y: var(--space-xxxl); }}
-.gap-xxxxl { --gap-x: var(--space-xxxxl); --gap-y: var(--space-xxxxl); > * { --sub-gap-x: var(--space-xxxxl); --sub-gap-y: var(--space-xxxxl); }}
-.gap-0     { --gap-x: 0;                  --gap-y: 0;                  > * { --sub-gap-x: 0;                  --sub-gap-y: 0; }}
-
-.gap-x-xxxxs { --gap-x: var(--space-xxxxs); > * { --sub-gap-x: var(--space-xxxxs); }}
-.gap-x-xxxs  { --gap-x: var(--space-xxxs);  > * { --sub-gap-x: var(--space-xxxs); }}
-.gap-x-xxs   { --gap-x: var(--space-xxs);   > * { --sub-gap-x: var(--space-xxs); }}
-.gap-x-xs    { --gap-x: var(--space-xs);    > * { --sub-gap-x: var(--space-xs); }}
-.gap-x-sm    { --gap-x: var(--space-sm);    > * { --sub-gap-x: var(--space-sm); }}
-.gap-x-md    { --gap-x: var(--space-md);    > * { --sub-gap-x: var(--space-md); }}
-.gap-x-lg    { --gap-x: var(--space-lg);    > * { --sub-gap-x: var(--space-lg); }}
-.gap-x-xl    { --gap-x: var(--space-xl);    > * { --sub-gap-x: var(--space-xl); }}
-.gap-x-xxl   { --gap-x: var(--space-xxl);   > * { --sub-gap-x: var(--space-xxl); }}
-.gap-x-xxxl  { --gap-x: var(--space-xxxl);  > * { --sub-gap-x: var(--space-xxxl); }}
-.gap-x-xxxxl { --gap-x: var(--space-xxxxl); > * { --sub-gap-x: var(--space-xxxxl); }}
-.gap-x-0     { --gap-x: 0;                  > * { --sub-gap-x: 0; }}
-
-.gap-y-xxxxs { --gap-y: var(--space-xxxxs); > * { --sub-gap-y: var(--space-xxxxs); }}
-.gap-y-xxxs  { --gap-y: var(--space-xxxs);  > * { --sub-gap-y: var(--space-xxxs); }}
-.gap-y-xxs   { --gap-y: var(--space-xxs);   > * { --sub-gap-y: var(--space-xxs); }}
-.gap-y-xs    { --gap-y: var(--space-xs);    > * { --sub-gap-y: var(--space-xs); }}
-.gap-y-sm    { --gap-y: var(--space-sm);    > * { --sub-gap-y: var(--space-sm); }}
-.gap-y-md    { --gap-y: var(--space-md);    > * { --sub-gap-y: var(--space-md); }}
-.gap-y-lg    { --gap-y: var(--space-lg);    > * { --sub-gap-y: var(--space-lg); }}
-.gap-y-xl    { --gap-y: var(--space-xl);    > * { --sub-gap-y: var(--space-xl); }}
-.gap-y-xxl   { --gap-y: var(--space-xxl);   > * { --sub-gap-y: var(--space-xxl); }}
-.gap-y-xxxl  { --gap-y: var(--space-xxxl);  > * { --sub-gap-y: var(--space-xxxl); }}
-.gap-y-xxxxl { --gap-y: var(--space-xxxxl); > * { --sub-gap-y: var(--space-xxxxl); }}
-.gap-y-0     { --gap-y: 0;                  > * { --sub-gap-y: 0; }}
-
-$grid-col-class-list: ''; // list of col-{span} classes
-
-@for $i from 1 through $grid-columns {
-  $grid-col-class-list: $grid-col-class-list + ".col-#{$i}";
-  @if($i < $grid-columns) {
-    $grid-col-class-list: $grid-col-class-list + ', ';
-  }
-  .grid-col-#{$i} { --grid-columns: #{$i}; } // set number of grid columns
-  .col-#{$i} { --span: #{$i}; } // set grid item span
-}
-
-#{$grid-col-class-list} {
-  flex-basis: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x));
-  max-width: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x));
-}
-
-.col { // auto-expanding column
-  flex-grow: 1;
-  flex-basis: 0;
-  max-width: 100%;
-}
-
-.col-content { // column width depends on its content
-  flex-grow: 0;
-  flex-basis: initial;
-  max-width: initial;
-}
-
-// offset
-$grid-offset-class-list: ''; // list of offset-{span} classes
-
-@for $i from 1 through $grid-columns - 1 {
-  $grid-offset-class-list: $grid-offset-class-list + ".offset-#{$i}";
-  @if($i < $grid-columns) {
-    $grid-offset-class-list: $grid-offset-class-list + ', ';
-  }
-  .offset-#{$i} { --offset: #{$i}; }
-}
-
-#{$grid-offset-class-list} {
-  margin-left: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns)) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x));
-}
-
-// responsive variations
-@each $breakpoint, $value in $breakpoints {
-  @include breakpoint(#{$breakpoint}) {
-    .gap-xxxxs\@#{$breakpoint} { --gap-x: var(--space-xxxxs); --gap-y: var(--space-xxxxs); > * { --sub-gap-x: var(--space-xxxxs); --sub-gap-y: var(--space-xxxxs); }}
-    .gap-xxxs\@#{$breakpoint}  { --gap-x: var(--space-xxxs);  --gap-y: var(--space-xxxs);  > * { --sub-gap-x: var(--space-xxxs);  --sub-gap-y: var(--space-xxxs); }}
-    .gap-xxs\@#{$breakpoint}   { --gap-x: var(--space-xxs);   --gap-y: var(--space-xxs);   > * { --sub-gap-x: var(--space-xxs);   --sub-gap-y: var(--space-xxs); }}
-    .gap-xs\@#{$breakpoint}    { --gap-x: var(--space-xs);    --gap-y: var(--space-xs);    > * { --sub-gap-x: var(--space-xs);    --sub-gap-y: var(--space-xs); }}
-    .gap-sm\@#{$breakpoint}    { --gap-x: var(--space-sm);    --gap-y: var(--space-sm);    > * { --sub-gap-x: var(--space-sm);    --sub-gap-y: var(--space-sm); }}
-    .gap-md\@#{$breakpoint}    { --gap-x: var(--space-md);    --gap-y: var(--space-md);    > * { --sub-gap-x: var(--space-md);    --sub-gap-y: var(--space-md); }}
-    .gap-lg\@#{$breakpoint}    { --gap-x: var(--space-lg);    --gap-y: var(--space-lg);    > * { --sub-gap-x: var(--space-lg);    --sub-gap-y: var(--space-lg); }}
-    .gap-xl\@#{$breakpoint}    { --gap-x: var(--space-xl);    --gap-y: var(--space-xl);    > * { --sub-gap-x: var(--space-xl);    --sub-gap-y: var(--space-xl); }}
-    .gap-xxl\@#{$breakpoint}   { --gap-x: var(--space-xxl);   --gap-y: var(--space-xxl);   > * { --sub-gap-x: var(--space-xxl);   --sub-gap-y: var(--space-xxl); }}
-    .gap-xxxl\@#{$breakpoint}  { --gap-x: var(--space-xxxl);  --gap-y: var(--space-xxxl);  > * { --sub-gap-x: var(--space-xxxl);  --sub-gap-y: var(--space-xxxl); }}
-    .gap-xxxxl\@#{$breakpoint} { --gap-x: var(--space-xxxxl); --gap-y: var(--space-xxxxl); > * { --sub-gap-x: var(--space-xxxxl); --sub-gap-y: var(--space-xxxxl); }}
-    .gap-0\@#{$breakpoint}     { --gap-x: 0;                  --gap-y: 0;                  > * { --sub-gap-x: 0;                  --sub-gap-y: 0; }}
-
-    .gap-x-xxxxs\@#{$breakpoint} { --gap-x: var(--space-xxxxs); > * { --sub-gap-x: var(--space-xxxxs); }}
-    .gap-x-xxxs\@#{$breakpoint}  { --gap-x: var(--space-xxxs);  > * { --sub-gap-x: var(--space-xxxs); }}
-    .gap-x-xxs\@#{$breakpoint}   { --gap-x: var(--space-xxs);   > * { --sub-gap-x: var(--space-xxs); }}
-    .gap-x-xs\@#{$breakpoint}    { --gap-x: var(--space-xs);    > * { --sub-gap-x: var(--space-xs); }}
-    .gap-x-sm\@#{$breakpoint}    { --gap-x: var(--space-sm);    > * { --sub-gap-x: var(--space-sm); }}
-    .gap-x-md\@#{$breakpoint}    { --gap-x: var(--space-md);    > * { --sub-gap-x: var(--space-md); }}
-    .gap-x-lg\@#{$breakpoint}    { --gap-x: var(--space-lg);    > * { --sub-gap-x: var(--space-lg); }}
-    .gap-x-xl\@#{$breakpoint}    { --gap-x: var(--space-xl);    > * { --sub-gap-x: var(--space-xl); }}
-    .gap-x-xxl\@#{$breakpoint}   { --gap-x: var(--space-xxl);   > * { --sub-gap-x: var(--space-xxl); }}
-    .gap-x-xxxl\@#{$breakpoint}  { --gap-x: var(--space-xxxl);  > * { --sub-gap-x: var(--space-xxxl); }}
-    .gap-x-xxxxl\@#{$breakpoint} { --gap-x: var(--space-xxxxl); > * { --sub-gap-x: var(--space-xxxxl); }}
-    .gap-x-0\@#{$breakpoint}     { --gap-x: 0;                  > * { --sub-gap-x: 0; }}
-
-    .gap-y-xxxxs\@#{$breakpoint} { --gap-y: var(--space-xxxxs); > * { --sub-gap-y: var(--space-xxxxs); }}
-    .gap-y-xxxs\@#{$breakpoint}  { --gap-y: var(--space-xxxs);  > * { --sub-gap-y: var(--space-xxxs); }}
-    .gap-y-xxs\@#{$breakpoint}   { --gap-y: var(--space-xxs);   > * { --sub-gap-y: var(--space-xxs); }}
-    .gap-y-xs\@#{$breakpoint}    { --gap-y: var(--space-xs);    > * { --sub-gap-y: var(--space-xs); }}
-    .gap-y-sm\@#{$breakpoint}    { --gap-y: var(--space-sm);    > * { --sub-gap-y: var(--space-sm); }}
-    .gap-y-md\@#{$breakpoint}    { --gap-y: var(--space-md);    > * { --sub-gap-y: var(--space-md); }}
-    .gap-y-lg\@#{$breakpoint}    { --gap-y: var(--space-lg);    > * { --sub-gap-y: var(--space-lg); }}
-    .gap-y-xl\@#{$breakpoint}    { --gap-y: var(--space-xl);    > * { --sub-gap-y: var(--space-xl); }}
-    .gap-y-xxl\@#{$breakpoint}   { --gap-y: var(--space-xxl);   > * { --sub-gap-y: var(--space-xxl); }}
-    .gap-y-xxxl\@#{$breakpoint}  { --gap-y: var(--space-xxxl);  > * { --sub-gap-y: var(--space-xxxl); }}
-    .gap-y-xxxxl\@#{$breakpoint} { --gap-y: var(--space-xxxxl); > * { --sub-gap-y: var(--space-xxxxl); }}
-    .gap-y-0\@#{$breakpoint}     { --gap-y: 0;                  > * { --sub-gap-y: 0; }}
-
-    $grid-col-class-list: ''; // list of col-{span} classes
-
-    @for $i from 1 through $grid-columns {
-      $grid-col-class-list: $grid-col-class-list + ".col-#{$i}\\@#{$breakpoint}";
-      @if($i < $grid-columns) {
-        $grid-col-class-list: $grid-col-class-list + ', ';
-      }
-      .grid-col-#{$i}\@#{$breakpoint} { --grid-columns: #{$i}; } // set number of grid columns
-      .col-#{$i}\@#{$breakpoint} { --span: #{$i}; } // set grid item span
-    }
-
-    #{$grid-col-class-list} {
-      flex-basis: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x));
-      max-width: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span) / var(--grid-columns)) + (var(--span) - 1) * var(--sub-gap-x));
-    }
-
-    .col\@#{$breakpoint} { // auto-expanding column
-      flex-grow: 1;
-      flex-basis: 0;
-      max-width: 100%;
-    }
-
-    .col-content\@#{$breakpoint} { // column width depends on its content
-      flex-grow: 0;
-      flex-basis: initial;
-      max-width: initial;
-    }
-
-    // offset
-    $grid-offset-class-list: ''; // list of offset-{span} classes
-
-    @for $i from 1 through $grid-columns - 1 {
-      $grid-offset-class-list: $grid-offset-class-list + ".offset-#{$i}\\@#{$breakpoint}";
-      @if($i < $grid-columns) {
-        $grid-offset-class-list: $grid-offset-class-list + ', ';
-      }
-      .offset-#{$i}\@#{$breakpoint} { --offset: #{$i}; }
-    }
-
-    #{$grid-offset-class-list} {
-      margin-left: calc(((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset) / var(--grid-columns)) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x));
-    }
-
-    .offset-0\@#{$breakpoint} {
-      margin-left: 0;
-    }
-
-    @media not all and (min-resolution:.001dpcm) {
-      @supports (not(translate: none)) {
-        .offset-0\@#{$breakpoint} {
-          margin-left: var(--gap-x);
-        }
-      }
-    }
-  }
-}
-
diff --git a/apps/web-shared/src/styles/base/_icons.scss b/apps/web-shared/src/styles/base/_icons.scss
deleted file mode 100644
index 1674a7c..0000000
--- a/apps/web-shared/src/styles/base/_icons.scss
+++ /dev/null
@@ -1,62 +0,0 @@
-// don't modify this file -> edit 📁 custom-style/_icons.scss to set your custom icons style
-
-:root {
-  // default icon sizes
-  --icon-xxxs: 8px;
-  --icon-xxs:  12px;
-  --icon-xs:   16px;
-  --icon-sm:   24px;
-  --icon-md:   32px;
-  --icon-lg:   48px;
-  --icon-xl:   64px;
-  --icon-xxl:  96px;
-  --icon-xxxl: 128px;
-}
-
-.icon {
-  --size: 1em;
-  height: var(--size);
-  width: var(--size);
-  display: inline-block;
-  color: inherit;
-  fill: currentColor;
-  line-height: 1;
-  flex-shrink: 0;
-  max-width: initial;
-}
-
-// icon size
-.icon--xxxs { --size: var(--icon-xxxs); }
-.icon--xxs  { --size: var(--icon-xxs); }
-.icon--xs   { --size: var(--icon-xs); }
-.icon--sm   { --size: var(--icon-sm); }
-.icon--md   { --size: var(--icon-md); }
-.icon--lg   { --size: var(--icon-lg); }
-.icon--xl   { --size: var(--icon-xl); }
-.icon--xxl  { --size: var(--icon-xxl); }
-.icon--xxxl { --size: var(--icon-xxxl); }
-
-.icon--is-spinning { // rotate the icon infinitely
-  animation: icon-spin 1s infinite linear;
-}
-
-@keyframes icon-spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-// --------------------------------
-
-// SVG <symbol>
-
-// --------------------------------
-
-// enable icon color corrections
-.icon use {
-  color: inherit;
-  fill: currentColor;
-}
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/base/_mixins.scss b/apps/web-shared/src/styles/base/_mixins.scss
deleted file mode 100644
index 8fe82f6..0000000
--- a/apps/web-shared/src/styles/base/_mixins.scss
+++ /dev/null
@@ -1,151 +0,0 @@
-@use 'sass:math';
-
-// --------------------------------
-
-// Typography
-
-// --------------------------------
-
-// edit font rendering -> tip: use for light text on dark backgrounds
-@mixin fontSmooth {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-// crop top space on text elements - caused by line height
-@mixin lhCrop($line-height, $capital-letter: 1) {
-  &::before {
-    content: '';
-    display: block;
-    height: 0;
-    width: 0;
-    margin-top: calc((#{$capital-letter} - #{$line-height}) * 0.5em);
-  }
-}
-
-// edit text unit on a component level
-@mixin textUnit($text-unit) {
-  --text-unit: #{$text-unit};
-  font-size: var(--text-unit);
-}
-
-// --------------------------------
-
-// Spacing
-
-// --------------------------------
-
-// edit space unit on a component level
-@mixin spaceUnit($space-unit) {
-  --space-unit:  #{$space-unit};
-}
-
-// --------------------------------
-
-// Reset
-
-// --------------------------------
-
-// reset user agent style
-@mixin reset {
-  background-color: transparent;
-  padding: 0;
-  border: 0;
-  border-radius: 0;
-  color: inherit;
-  line-height: inherit;
-  appearance: none;
-}
-
-// --------------------------------
-
-// Colors
-
-// --------------------------------
-
-// define HSL color variable
-@mixin defineColorHSL($color, $hue, $saturation, $lightness) {
-  #{$color}: unquote("hsl(#{$hue}, #{$saturation}, #{$lightness})");#{$color}-h: #{$hue};#{$color}-s: #{$saturation};#{$color}-l: #{$lightness};
-}
-
-// return color with different opacity value
-@function alpha($color, $opacity) {
-  $color: str-replace($color, 'var(');
-  $color: str-replace($color, ')');
-  $color-h: var(#{$color+'-h'});
-  $color-s: var(#{$color+'-s'});
-  $color-l: var(#{$color+'-l'});
-  @return hsla($color-h, $color-s, $color-l, $opacity);
-}
-
-// return color with different lightness value
-@function lightness($color, $lightnessMultiplier) {
-  $color: str-replace($color, 'var(');
-  $color: str-replace($color, ')');
-  $color-h: var(#{$color+'-h'});
-  $color-s: var(#{$color+'-s'});
-  $color-l: var(#{$color+'-l'});
-  @return hsl($color-h, $color-s, calc(#{$color-l} * #{$lightnessMultiplier}));
-}
-
-// modify color HSLA values
-@function adjustHSLA($color, $hueMultiplier: 1, $saturationMultiplier: 1, $lightnessMultiplier: 1, $opacity: 1) {
-  $color: str-replace($color, 'var(');
-  $color: str-replace($color, ')');
-  $color-h: var(#{$color+'-h'});
-  $color-s: var(#{$color+'-s'});
-  $color-l: var(#{$color+'-l'});
-  @return hsla(calc(#{$color-h} * #{$hueMultiplier}), calc(#{$color-s} * #{$saturationMultiplier}), calc(#{$color-l} * #{$lightnessMultiplier}), $opacity);
-}
-
-// replace substring with another string
-// credits: https://css-tricks.com/snippets/sass/str-replace-function/
-@function str-replace($string, $search, $replace: '') {
-  $index: str-index($string, $search);
-  @if $index {
-    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
-  }
-  @return $string;
-}
-
-// --------------------------------
-
-// Accessibility
-
-// --------------------------------
-
-// hide - content made available only to screen readers
-@mixin srHide {
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px);
-  clip-path: inset(50%);
-}
-
-// show
-@mixin srShow {
-  position: static;
-  clip: auto;
-  clip-path: none;
-}
-
-// --------------------------------
-
-// CSS Triangle
-
-// --------------------------------
-
-@mixin triangle ($direction: up, $width: 12px, $color: red) {
-  width: 0;
-  height: 0;
-  border: $width solid transparent;
-
-  @if( $direction == left ) {
-    border-right-color: $color;
-  } @else if( $direction == right ) {
-    border-left-color: $color;
-  } @else if( $direction == down ) {
-    border-top-color: $color;
-  } @else {
-    border-bottom-color: $color;
-  }
-}
diff --git a/apps/web-shared/src/styles/base/_reset.scss b/apps/web-shared/src/styles/base/_reset.scss
deleted file mode 100644
index 5ba4534..0000000
--- a/apps/web-shared/src/styles/base/_reset.scss
+++ /dev/null
@@ -1,83 +0,0 @@
-*, *::after, *::before {
-  box-sizing: inherit;
-}
-
-* {
-  font: inherit;
-}
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video, hr {
-  margin: 0;
-  padding: 0;
-  border: 0;
-}
-
-html {
-  box-sizing: border-box;
-}
-
-body {
-  background-color: var(--color-bg, white);
-}
-
-article, aside, details, figcaption, figure, 
-footer, header, hgroup, menu, nav, section, main, form legend {
-  display: block;
-}
-
-ol, ul, menu {
-  list-style: none;
-}
-
-blockquote, q {
-  quotes: none;
-}
-
-button, input, textarea, select {
-  margin: 0;
-}
-
-.btn, .form-control, .link, .reset { // reset style of buttons + form controls
-  background-color: transparent;
-  padding: 0;
-  border: 0;
-  border-radius: 0;
-  color: inherit;
-  line-height: inherit;
-  appearance: none;
-}
-
-select.form-control::-ms-expand {
-  display: none; // hide Select default icon on IE
-}
-
-textarea {
-  resize: vertical;
-  overflow: auto;
-  vertical-align: top;
-}
-
-input::-ms-clear {
-  display: none; // hide X icon in IE and Edge
-}
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-img, video, svg {
-  max-width: 100%;
-}
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/base/_shared-styles.scss b/apps/web-shared/src/styles/base/_shared-styles.scss
deleted file mode 100644
index dae02fe..0000000
--- a/apps/web-shared/src/styles/base/_shared-styles.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-// don't modify this file -> edit 📁 custom-style/_shared-style.scss to set your custom shared styles
-
-:root {
-  // radius
-  --radius-sm: calc(var(--radius, 0.25em)/2);
-  --radius-md: var(--radius, 0.25em);
-  --radius-lg: calc(var(--radius, 0.25em)*2);
-
-  // box shadow
-  --shadow-xs:  0 0.1px 0.3px rgba(0, 0, 0, 0.06),
-                0 1px 2px rgba(0, 0, 0, 0.12); 
-  --shadow-sm:  0 0.3px 0.4px rgba(0, 0, 0, 0.025),
-                0 0.9px 1.5px rgba(0, 0, 0, 0.05), 
-                0 3.5px 6px rgba(0, 0, 0, 0.1); 
-  --shadow-md:  0 0.9px 1.5px rgba(0, 0, 0, 0.03), 
-                0 3.1px 5.5px rgba(0, 0, 0, 0.08), 
-                0 14px 25px rgba(0, 0, 0, 0.12); 
-  --shadow-lg:  0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), 
-                0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), 
-                0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), 
-                0 30px 42px -1px rgba(0, 0, 0, 0.15);
-  --shadow-xl:  0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012), 
-                0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035), 
-                0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07), 
-                0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117), 
-                0 46px 60px -6px rgba(0, 0, 0, 0.2);
-
-  // timing functions
-  // credits: https://github.com/ai/easings.net
-  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
-  --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
-  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
-}
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/base/_spacing.scss b/apps/web-shared/src/styles/base/_spacing.scss
deleted file mode 100644
index 24e6645..0000000
--- a/apps/web-shared/src/styles/base/_spacing.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-// don't modify this file -> edit 📁 custom-style/_spacing.scss to set your custom spacing scale
-
-:root {
-  --space-unit:  1rem;
-}
-
-:root, * {
-  --space-xxxxs: calc(0.125 * var(--space-unit)); 
-  --space-xxxs:  calc(0.25 * var(--space-unit));
-  --space-xxs:   calc(0.375 * var(--space-unit));
-  --space-xs:    calc(0.5 * var(--space-unit));
-  --space-sm:    calc(0.75 * var(--space-unit));
-  --space-md:    calc(1.25 * var(--space-unit));
-  --space-lg:    calc(2 * var(--space-unit));
-  --space-xl:    calc(3.25 * var(--space-unit));
-  --space-xxl:   calc(5.25 * var(--space-unit));
-  --space-xxxl:  calc(8.5 * var(--space-unit));
-  --space-xxxxl: calc(13.75 * var(--space-unit));
-  --component-padding: var(--space-md);
-}
diff --git a/apps/web-shared/src/styles/base/_typography.scss b/apps/web-shared/src/styles/base/_typography.scss
deleted file mode 100644
index 85b974a..0000000
--- a/apps/web-shared/src/styles/base/_typography.scss
+++ /dev/null
@@ -1,185 +0,0 @@
-// don't modify this file -> edit 📁 custom-style/_typography.scss to set your custom typography
-
-@use 'breakpoints' as *;
-
-:root {
-  --heading-line-height: 1.2;
-  --body-line-height: 1.4;
-}
-
-body {
-  font-size: var(--text-base-size, 1rem);
-  font-family: var(--font-primary, sans-serif);
-  color: var(--color-contrast-high, hsl(210, 7%, 21%));
-  font-weight: var(--body-font-weight, normal);
-}
-
-h1, h2, h3, h4 {
-  color: var(--color-contrast-higher, hsl(204, 28%, 7%));
-  line-height: var(--heading-line-height, 1.2);
-  font-weight: var(--heading-font-weight, 700);
-}
-
-h1 {
-  font-size: var(--text-xxl, 2rem);
-}
-
-h2 {
-  font-size: var(--text-xl, 1.75rem);
-}
-
-h3 {
-  font-size: var(--text-lg, 1.375rem);
-}
-
-h4 {
-  font-size: var(--text-md, 1.125rem);
-}
-
-small {
-  font-size: var(--text-sm, 0.75rem);
-}
-
-// --------------------------------
-
-// Inline Text
-
-// --------------------------------
-
-a, .link {
-  color: var(--color-primary, hsl(250, 84%, 54%));
-  text-decoration: underline;
-}
-
-strong {
-  font-weight: bold;
-}
-
-s {
-  text-decoration: line-through;
-}
-
-u {
-  text-decoration: underline;
-}
-
-// --------------------------------
-
-// Text Component - Class used to stylize text blocks
-
-// --------------------------------
-
-.text-component {
-  h1, h2, h3, h4 {
-    line-height: calc(var(--heading-line-height) * var(--line-height-multiplier, 1));
-    margin-bottom: calc(var(--space-unit) * 0.3125 * var(--text-space-y-multiplier, 1));
-  }
-
-  h2, h3, h4 {
-    margin-top: calc(var(--space-unit) * 0.9375 * var(--text-space-y-multiplier, 1));
-  }
-
-  p, blockquote, ul li, ol li {
-    line-height: calc(var(--body-line-height) * var(--line-height-multiplier, 1));
-  }
-  
-  ul, ol, p, blockquote, .text-component__block {
-    margin-bottom: calc(var(--space-unit) * 0.9375 * var(--text-space-y-multiplier, 1));
-  }
-
-  ul, ol {
-    list-style-position: inside;
-
-    ul, ol {
-      padding-left: 1em;
-      margin-bottom: 0;
-    }
-  }
-
-  ul {
-    list-style-type: disc;
-  }
-
-  ol {
-    list-style-type: decimal;
-  }
-
-  img {
-    display: block;
-    margin: 0 auto;
-  }
-
-  figcaption {
-    text-align: center;
-    margin-top: calc(var(--space-unit) * 0.5);
-  }
-  
-  em {
-    font-style: italic;
-  }
-
-  hr {
-    margin-top: calc(var(--space-unit) * 1.875 * var(--text-space-y-multiplier, 1));
-    margin-bottom: calc(var(--space-unit) * 1.875 * var(--text-space-y-multiplier, 1));
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  > *:first-child {
-    margin-top: 0;
-  }
-
-  > *:last-child {
-    margin-bottom: 0;
-  }
-}
-
-// text block container
-.text-component__block--full-width {
-  width: 100vw;
-  margin-left: calc(50% - 50vw);
-}
-
-@include breakpoint(sm) {
-  .text-component__block--left, 
-  .text-component__block--right {
-    width: 45%;
-
-    img {
-      width: 100%;
-    }
-  }
-
-  .text-component__block--left {
-    float: left;
-    margin-right: calc(var(--space-unit) * 0.9375 * var(--text-space-y-multiplier, 1));
-  }
-
-  .text-component__block--right {
-    float: right;
-    margin-left: calc(var(--space-unit) * 0.9375 * var(--text-space-y-multiplier, 1));
-  }
-}
-
-// outset content
-@include breakpoint(xl) {
-  .text-component__block--outset {
-    width: calc(100% + 10.5 * var(--space-unit));
-
-    img {
-      width: 100%;
-    }
-  }
-
-  .text-component__block--outset:not(.text-component__block--right) {
-    margin-left: calc(-5.25 * var(--space-unit));
-  }
-
-  .text-component__block--left, .text-component__block--right {
-    width: 50%;
-  }
-
-  .text-component__block--right.text-component__block--outset {
-    margin-right: calc(-5.25 * var(--space-unit));
-  }
-}
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/base/_util.scss b/apps/web-shared/src/styles/base/_util.scss
deleted file mode 100644
index c384c2c..0000000
--- a/apps/web-shared/src/styles/base/_util.scss
+++ /dev/null
@@ -1,1738 +0,0 @@
-@use 'mixins' as *;
-@use 'breakpoints' as *;
-
-// --------------------------------
-
-// Flexbox
-
-// --------------------------------
-
-.flex { display: flex; }
-.inline-flex { display: inline-flex; }
-.flex-wrap { flex-wrap: wrap; }
-.flex-nowrap { flex-wrap: nowrap; }
-.flex-column { flex-direction: column; }
-.flex-column-reverse { flex-direction: column-reverse; }
-.flex-row { flex-direction: row; }
-.flex-row-reverse { flex-direction: row-reverse; }
-.flex-center { justify-content: center; align-items: center; }
-
-
-// flex items
-.flex-grow { flex-grow: 1; }
-.flex-grow-0 { flex-grow: 0; }
-.flex-shrink { flex-shrink: 1; }
-.flex-shrink-0 { flex-shrink: 0; }
-.flex-basis-0 { flex-basis: 0; }
-
-// --------------------------------
-
-// Justify Content
-
-// --------------------------------
-
-.justify-start { justify-content: flex-start; }
-.justify-end { justify-content: flex-end; }
-.justify-center { justify-content: center; }
-.justify-between { justify-content: space-between; }
-
-// --------------------------------
-
-// Align Items
-
-// --------------------------------
-
-.items-center { align-items: center; }
-.items-start { align-items: flex-start; }
-.items-end { align-items: flex-end; }
-.items-baseline { align-items: baseline; }
-
-// --------------------------------
-
-// Order
-
-// --------------------------------
-
-.order-1 { order: 1; }
-.order-2 { order: 2; }
-.order-3 { order: 3; }
-
-// --------------------------------
-
-// Aspect Ratio
-
-// --------------------------------
-
-[class^="aspect-ratio"], [class*=" aspect-ratio"] {
-  --aspect-ratio: calc(16/9);
-  position: relative;
-  height: 0;
-  padding-bottom: calc(100%/(var(--aspect-ratio)));
-
-  > * {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-
-    &:not(iframe) {
-      object-fit: cover;
-    }
-  }
-}
-
-.aspect-ratio-16\:9 { --aspect-ratio: calc(16/9); }
-.aspect-ratio-3\:2  { --aspect-ratio: calc(3/2); }
-.aspect-ratio-4\:3  { --aspect-ratio: calc(4/3); }
-.aspect-ratio-5\:4  { --aspect-ratio: calc(5/4); }
-.aspect-ratio-1\:1  { --aspect-ratio: calc(1/1); }
-.aspect-ratio-4\:5  { --aspect-ratio: calc(4/5); }
-.aspect-ratio-3\:4  { --aspect-ratio: calc(3/4); }
-.aspect-ratio-2\:3  { --aspect-ratio: calc(2/3); }
-.aspect-ratio-9\:16 { --aspect-ratio: calc(9/16); }
-
-// --------------------------------
-
-// Display
-
-// --------------------------------
-
-.block { display: block; }
-.inline-block { display: inline-block; }
-.inline { display: inline; }
-.contents { display: contents; }
-.hide { display: none; }
-
-// --------------------------------
-
-// Space unit
-
-// --------------------------------
-
-.space-unit-rem { --space-unit: 1rem; }
-.space-unit-em  { --space-unit: 1em; }
-.space-unit-px  { --space-unit: 16px; }
-
-// --------------------------------
-
-// Margin
-
-// --------------------------------
-
-.margin-xxxxs { margin: var(--space-xxxxs); }
-.margin-xxxs  { margin: var(--space-xxxs); }
-.margin-xxs   { margin: var(--space-xxs); }
-.margin-xs    { margin: var(--space-xs); }
-.margin-sm    { margin: var(--space-sm); }
-.margin-md    { margin: var(--space-md); }
-.margin-lg    { margin: var(--space-lg); }
-.margin-xl    { margin: var(--space-xl); }
-.margin-xxl   { margin: var(--space-xxl); }
-.margin-xxxl  { margin: var(--space-xxxl); }
-.margin-xxxxl { margin: var(--space-xxxxl); }
-.margin-auto  { margin: auto; }
-.margin-0     { margin: 0; }
-
-.margin-top-xxxxs { margin-top: var(--space-xxxxs); }
-.margin-top-xxxs  { margin-top: var(--space-xxxs); }
-.margin-top-xxs   { margin-top: var(--space-xxs); }
-.margin-top-xs    { margin-top: var(--space-xs); }
-.margin-top-sm    { margin-top: var(--space-sm); }
-.margin-top-md    { margin-top: var(--space-md); }
-.margin-top-lg    { margin-top: var(--space-lg); }
-.margin-top-xl    { margin-top: var(--space-xl); }
-.margin-top-xxl   { margin-top: var(--space-xxl); }
-.margin-top-xxxl  { margin-top: var(--space-xxxl); }
-.margin-top-xxxxl { margin-top: var(--space-xxxxl); }
-.margin-top-auto  { margin-top: auto; }
-.margin-top-0     { margin-top: 0; }
-
-.margin-bottom-xxxxs { margin-bottom: var(--space-xxxxs); }
-.margin-bottom-xxxs  { margin-bottom: var(--space-xxxs); }
-.margin-bottom-xxs   { margin-bottom: var(--space-xxs); }
-.margin-bottom-xs    { margin-bottom: var(--space-xs); }
-.margin-bottom-sm    { margin-bottom: var(--space-sm); }
-.margin-bottom-md    { margin-bottom: var(--space-md); }
-.margin-bottom-lg    { margin-bottom: var(--space-lg); }
-.margin-bottom-xl    { margin-bottom: var(--space-xl); }
-.margin-bottom-xxl   { margin-bottom: var(--space-xxl); }
-.margin-bottom-xxxl  { margin-bottom: var(--space-xxxl); }
-.margin-bottom-xxxxl { margin-bottom: var(--space-xxxxl); }
-.margin-bottom-auto  { margin-bottom: auto; }
-.margin-bottom-0     { margin-bottom: 0; }
-
-.margin-right-xxxxs { margin-right: var(--space-xxxxs); }
-.margin-right-xxxs  { margin-right: var(--space-xxxs); }
-.margin-right-xxs   { margin-right: var(--space-xxs); }
-.margin-right-xs    { margin-right: var(--space-xs); }
-.margin-right-sm    { margin-right: var(--space-sm); }
-.margin-right-md    { margin-right: var(--space-md); }
-.margin-right-lg    { margin-right: var(--space-lg); }
-.margin-right-xl    { margin-right: var(--space-xl); }
-.margin-right-xxl   { margin-right: var(--space-xxl); }
-.margin-right-xxxl  { margin-right: var(--space-xxxl); }
-.margin-right-xxxxl { margin-right: var(--space-xxxxl); }
-.margin-right-auto  { margin-right: auto; }
-.margin-right-0     { margin-right: 0; }
-
-.margin-left-xxxxs { margin-left: var(--space-xxxxs); }
-.margin-left-xxxs  { margin-left: var(--space-xxxs); }
-.margin-left-xxs   { margin-left: var(--space-xxs); }
-.margin-left-xs    { margin-left: var(--space-xs); }
-.margin-left-sm    { margin-left: var(--space-sm); }
-.margin-left-md    { margin-left: var(--space-md); }
-.margin-left-lg    { margin-left: var(--space-lg); }
-.margin-left-xl    { margin-left: var(--space-xl); }
-.margin-left-xxl   { margin-left: var(--space-xxl); }
-.margin-left-xxxl  { margin-left: var(--space-xxxl); }
-.margin-left-xxxxl { margin-left: var(--space-xxxxl); }
-.margin-left-auto  { margin-left: auto; }
-.margin-left-0     { margin-left: 0; }
-
-.margin-x-xxxxs { margin-left: var(--space-xxxxs); margin-right: var(--space-xxxxs); }
-.margin-x-xxxs  { margin-left: var(--space-xxxs); margin-right: var(--space-xxxs); }
-.margin-x-xxs   { margin-left: var(--space-xxs); margin-right: var(--space-xxs); }
-.margin-x-xs    { margin-left: var(--space-xs); margin-right: var(--space-xs); }
-.margin-x-sm    { margin-left: var(--space-sm); margin-right: var(--space-sm); }
-.margin-x-md    { margin-left: var(--space-md); margin-right: var(--space-md); }
-.margin-x-lg    { margin-left: var(--space-lg); margin-right: var(--space-lg); }
-.margin-x-xl    { margin-left: var(--space-xl); margin-right: var(--space-xl); }
-.margin-x-xxl   { margin-left: var(--space-xxl); margin-right: var(--space-xxl); }
-.margin-x-xxxl  { margin-left: var(--space-xxxl); margin-right: var(--space-xxxl); }
-.margin-x-xxxxl { margin-left: var(--space-xxxxl); margin-right: var(--space-xxxxl); }
-.margin-x-auto  { margin-left: auto; margin-right: auto; }
-.margin-x-0     { margin-left: 0; margin-right: 0; }
-
-.margin-y-xxxxs { margin-top: var(--space-xxxxs); margin-bottom: var(--space-xxxxs); }
-.margin-y-xxxs  { margin-top: var(--space-xxxs); margin-bottom: var(--space-xxxs); }
-.margin-y-xxs   { margin-top: var(--space-xxs); margin-bottom: var(--space-xxs); }
-.margin-y-xs    { margin-top: var(--space-xs); margin-bottom: var(--space-xs); }
-.margin-y-sm    { margin-top: var(--space-sm); margin-bottom: var(--space-sm); }
-.margin-y-md    { margin-top: var(--space-md); margin-bottom: var(--space-md); }
-.margin-y-lg    { margin-top: var(--space-lg); margin-bottom: var(--space-lg); }
-.margin-y-xl    { margin-top: var(--space-xl); margin-bottom: var(--space-xl); }
-.margin-y-xxl   { margin-top: var(--space-xxl); margin-bottom: var(--space-xxl); }
-.margin-y-xxxl  { margin-top: var(--space-xxxl); margin-bottom: var(--space-xxxl); }
-.margin-y-xxxxl { margin-top: var(--space-xxxxl); margin-bottom: var(--space-xxxxl); }
-.margin-y-auto  { margin-top: auto; margin-bottom: auto; }
-.margin-y-0     { margin-top: 0; margin-bottom: 0; }
-
-// --------------------------------
-
-// Padding
-
-// --------------------------------
-
-.padding-xxxxs { padding: var(--space-xxxxs); }
-.padding-xxxs  { padding: var(--space-xxxs); }
-.padding-xxs   { padding: var(--space-xxs); }
-.padding-xs    { padding: var(--space-xs); }
-.padding-sm    { padding: var(--space-sm); }
-.padding-md    { padding: var(--space-md); }
-.padding-lg    { padding: var(--space-lg); }
-.padding-xl    { padding: var(--space-xl); }
-.padding-xxl   { padding: var(--space-xxl); }
-.padding-xxxl  { padding: var(--space-xxxl); }
-.padding-xxxxl { padding: var(--space-xxxxl); }
-.padding-0     { padding: 0; }
-.padding-component { padding: var(--component-padding); }
-
-.padding-top-xxxxs { padding-top: var(--space-xxxxs); }
-.padding-top-xxxs  { padding-top: var(--space-xxxs); }
-.padding-top-xxs   { padding-top: var(--space-xxs); }
-.padding-top-xs    { padding-top: var(--space-xs); }
-.padding-top-sm    { padding-top: var(--space-sm); }
-.padding-top-md    { padding-top: var(--space-md); }
-.padding-top-lg    { padding-top: var(--space-lg); }
-.padding-top-xl    { padding-top: var(--space-xl); }
-.padding-top-xxl   { padding-top: var(--space-xxl); }
-.padding-top-xxxl  { padding-top: var(--space-xxxl); }
-.padding-top-xxxxl { padding-top: var(--space-xxxxl); }
-.padding-top-0     { padding-top: 0; }
-.padding-top-component { padding-top: var(--component-padding); }
-
-.padding-bottom-xxxxs { padding-bottom: var(--space-xxxxs); }
-.padding-bottom-xxxs  { padding-bottom: var(--space-xxxs); }
-.padding-bottom-xxs   { padding-bottom: var(--space-xxs); }
-.padding-bottom-xs    { padding-bottom: var(--space-xs); }
-.padding-bottom-sm    { padding-bottom: var(--space-sm); }
-.padding-bottom-md    { padding-bottom: var(--space-md); }
-.padding-bottom-lg    { padding-bottom: var(--space-lg); }
-.padding-bottom-xl    { padding-bottom: var(--space-xl); }
-.padding-bottom-xxl   { padding-bottom: var(--space-xxl); }
-.padding-bottom-xxxl  { padding-bottom: var(--space-xxxl); }
-.padding-bottom-xxxxl { padding-bottom: var(--space-xxxxl); }
-.padding-bottom-0     { padding-bottom: 0; }
-.padding-bottom-component { padding-bottom: var(--component-padding); }
-
-.padding-right-xxxxs { padding-right: var(--space-xxxxs); }
-.padding-right-xxxs  { padding-right: var(--space-xxxs); }
-.padding-right-xxs   { padding-right: var(--space-xxs); }
-.padding-right-xs    { padding-right: var(--space-xs); }
-.padding-right-sm    { padding-right: var(--space-sm); }
-.padding-right-md    { padding-right: var(--space-md); }
-.padding-right-lg    { padding-right: var(--space-lg); }
-.padding-right-xl    { padding-right: var(--space-xl); }
-.padding-right-xxl   { padding-right: var(--space-xxl); }
-.padding-right-xxxl  { padding-right: var(--space-xxxl); }
-.padding-right-xxxxl { padding-right: var(--space-xxxxl); }
-.padding-right-0     { padding-right: 0; }
-.padding-right-component { padding-right: var(--component-padding); }
-
-.padding-left-xxxxs { padding-left: var(--space-xxxxs); }
-.padding-left-xxxs  { padding-left: var(--space-xxxs); }
-.padding-left-xxs   { padding-left: var(--space-xxs); }
-.padding-left-xs    { padding-left: var(--space-xs); }
-.padding-left-sm    { padding-left: var(--space-sm); }
-.padding-left-md    { padding-left: var(--space-md); }
-.padding-left-lg    { padding-left: var(--space-lg); }
-.padding-left-xl    { padding-left: var(--space-xl); }
-.padding-left-xxl   { padding-left: var(--space-xxl); }
-.padding-left-xxxl  { padding-left: var(--space-xxxl); }
-.padding-left-xxxxl { padding-left: var(--space-xxxxl); }
-.padding-left-0     { padding-left: 0; }
-.padding-left-component { padding-left: var(--component-padding); }
-
-.padding-x-xxxxs { padding-left: var(--space-xxxxs); padding-right: var(--space-xxxxs); }
-.padding-x-xxxs  { padding-left: var(--space-xxxs); padding-right: var(--space-xxxs); }
-.padding-x-xxs   { padding-left: var(--space-xxs); padding-right: var(--space-xxs); }
-.padding-x-xs    { padding-left: var(--space-xs); padding-right: var(--space-xs); }
-.padding-x-sm    { padding-left: var(--space-sm); padding-right: var(--space-sm); }
-.padding-x-md    { padding-left: var(--space-md); padding-right: var(--space-md); }
-.padding-x-lg    { padding-left: var(--space-lg); padding-right: var(--space-lg); }
-.padding-x-xl    { padding-left: var(--space-xl); padding-right: var(--space-xl); }
-.padding-x-xxl   { padding-left: var(--space-xxl); padding-right: var(--space-xxl); }
-.padding-x-xxxl  { padding-left: var(--space-xxxl); padding-right: var(--space-xxxl); }
-.padding-x-xxxxl { padding-left: var(--space-xxxxl); padding-right: var(--space-xxxxl); }
-.padding-x-0     { padding-left: 0; padding-right: 0; }
-.padding-x-component { padding-left: var(--component-padding); padding-right: var(--component-padding); }
-
-.padding-y-xxxxs { padding-top: var(--space-xxxxs); padding-bottom: var(--space-xxxxs); }
-.padding-y-xxxs  { padding-top: var(--space-xxxs); padding-bottom: var(--space-xxxs); }
-.padding-y-xxs   { padding-top: var(--space-xxs); padding-bottom: var(--space-xxs); }
-.padding-y-xs    { padding-top: var(--space-xs); padding-bottom: var(--space-xs); }
-.padding-y-sm    { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
-.padding-y-md    { padding-top: var(--space-md); padding-bottom: var(--space-md); }
-.padding-y-lg    { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
-.padding-y-xl    { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
-.padding-y-xxl   { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
-.padding-y-xxxl  { padding-top: var(--space-xxxl); padding-bottom: var(--space-xxxl); }
-.padding-y-xxxxl { padding-top: var(--space-xxxxl); padding-bottom: var(--space-xxxxl); }
-.padding-y-0     { padding-top: 0; padding-bottom: 0; }
-.padding-y-component { padding-top: var(--component-padding); padding-bottom: var(--component-padding); }
-
-// --------------------------------
-
-// Vertical Align
-
-// --------------------------------
-
-.align-baseline { vertical-align: baseline; }
-.align-top      { vertical-align: top; }
-.align-middle   { vertical-align: middle; }
-.align-bottom   { vertical-align: bottom; }
-
-// --------------------------------
-
-// Typography
-
-// --------------------------------
-
-.truncate, .text-truncate { // truncate text if it exceeds its parent
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.text-replace { // replace text with bg img
-  overflow: hidden;
-  color: transparent;
-  text-indent: 100%;
-  white-space: nowrap;
-}
-
-.break-word {
-  overflow-wrap: break-word;
-  min-width: 0;
-}
-
-// --------------------------------
-
-// Font Size
-
-// --------------------------------
-
-.text-unit-rem, .text-unit-em, .text-unit-px {
-  font-size: var(--text-unit);
-}
-
-.text-unit-rem { --text-unit: 1rem; }
-.text-unit-em  { --text-unit: 1em; }
-.text-unit-px  { --text-unit: 16px; }
-
-.text-xs    { font-size: var(--text-xs, 0.6875rem); }
-.text-sm    { font-size: var(--text-sm, 0.75rem); }
-.text-base  { font-size: var(--text-unit, 1rem); }
-.text-md    { font-size: var(--text-md, 1.125rem); }
-.text-lg    { font-size: var(--text-lg, 1.375rem); }
-.text-xl    { font-size: var(--text-xl, 1.75rem); }
-.text-xxl   { font-size: var(--text-xxl, 2rem); }
-.text-xxxl  { font-size: var(--text-xxxl, 2.5rem); }
-.text-xxxxl { font-size: var(--text-xxxxl, 3rem); }
-
-// --------------------------------
-
-// Text Transform
-
-// --------------------------------
-
-.text-uppercase  { text-transform: uppercase; }
-.text-capitalize { text-transform: capitalize; }
-
-// --------------------------------
-
-// Letter Spacing
-
-// --------------------------------
-
-.letter-spacing-xs { letter-spacing: -0.1em; }
-.letter-spacing-sm { letter-spacing: -0.05em; }
-.letter-spacing-md { letter-spacing: 0.05em; }
-.letter-spacing-lg { letter-spacing: 0.1em; }
-.letter-spacing-xl { letter-spacing: 0.2em; }
-
-// --------------------------------
-
-// Font Weight
-
-// --------------------------------
-
-.font-light    { font-weight: 300; }
-.font-normal   { font-weight: 400; }
-.font-medium   { font-weight: 500; }
-.font-semibold { font-weight: 600; }
-.font-bold, .text-bold { font-weight: 700; }
-
-// --------------------------------
-
-// Font Style
-
-// --------------------------------
-
-.font-italic { font-style: italic; }
-
-// --------------------------------
-
-// Font Smooth
-
-// --------------------------------
-
-.font-smooth {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-// --------------------------------
-
-// Font Family
-
-// --------------------------------
-
-.font-primary { font-family: var(--font-primary); }
-
-// --------------------------------
-
-// Text Align
-
-// --------------------------------
-
-.text-center  { text-align: center; }
-.text-left    { text-align: left; }
-.text-right   { text-align: right; }
-.text-justify { text-align: justify; }
-
-// --------------------------------
-
-// Text Decoration
-
-// --------------------------------
-
-.text-line-through    { text-decoration: line-through; }
-.text-underline       { text-decoration: underline; }
-.text-decoration-none { text-decoration: none; }
-
-// --------------------------------
-
-// Text Shadow
-
-// --------------------------------
-
-.text-shadow-xs { text-shadow: 0 1px 1px rgba(#000, 0.15); }
-.text-shadow-sm { text-shadow: 0 1px 2px rgba(#000, 0.25); }
-.text-shadow-md { text-shadow: 0 1px 2px rgba(#000, 0.1), 0 2px 4px rgba(#000, 0.2); }
-.text-shadow-lg { text-shadow: 0 1px 4px rgba(#000, 0.1), 0 2px 8px rgba(#000, 0.15), 0 4px 16px rgba(#000, 0.2); }
-.text-shadow-xl { text-shadow: 0 1px 4px rgba(#000, 0.1), 0 2px 8px rgba(#000, 0.15), 0 4px 16px rgba(#000, 0.2), 0 6px 24px rgba(#000, 0.25); }
-.text-shadow-none { text-shadow: none; }
-
-// --------------------------------
-
-// .text-component vertical spacing
-
-// --------------------------------
-
-.text-space-y-xxs { --text-space-y-multiplier: 0.25 !important; }
-.text-space-y-xs  { --text-space-y-multiplier: 0.5 !important; }
-.text-space-y-sm  { --text-space-y-multiplier: 0.75 !important; }
-.text-space-y-md  { --text-space-y-multiplier: 1.25 !important; }
-.text-space-y-lg  { --text-space-y-multiplier: 1.5 !important; }
-.text-space-y-xl  { --text-space-y-multiplier: 1.75 !important; }
-.text-space-y-xxl { --text-space-y-multiplier: 2 !important; }
-
-// --------------------------------
-
-// Line Height
-
-// --------------------------------
-
-.line-height-xs {
-  --heading-line-height: 1;
-  --body-line-height: 1.1;
-
-  &:not(.text-component) {
-    line-height: 1.1;
-  }
-}
-
-.line-height-sm {
-  --heading-line-height: 1.1;
-  --body-line-height: 1.2;
-
-  &:not(.text-component) {
-    line-height: 1.2;
-  }
-}
-
-.line-height-md {
-  --heading-line-height: 1.15;
-  --body-line-height: 1.4;
-
-  &:not(.text-component) {
-    line-height: 1.4;
-  }
-}
-
-.line-height-lg {
-  --heading-line-height: 1.22;
-  --body-line-height: 1.58;
-
-  &:not(.text-component) {
-    line-height: 1.58;
-  }
-}
-
-.line-height-xl {
-  --heading-line-height: 1.3;
-  --body-line-height: 1.72;
-
-  &:not(.text-component) {
-    line-height: 1.72;
-  }
-}
-
-.line-height-body    { line-height: var(--body-line-height); }
-.line-height-heading { line-height: var(--heading-line-height); }
-.line-height-normal  { line-height: normal !important; }
-.line-height-1       { line-height: 1 !important; }
-
-// --------------------------------
-
-// White Space
-
-// --------------------------------
-
-.ws-nowrap, .text-nowrap { white-space: nowrap; }
-
-// --------------------------------
-
-// Cursor
-
-// --------------------------------
-
-.cursor-pointer { cursor: pointer; }
-.cursor-default { cursor: default; }
-
-// --------------------------------
-
-// Pointer Events
-
-// --------------------------------
-
-.pointer-events-auto { pointer-events: auto; }
-.pointer-events-none { pointer-events: none; }
-
-// --------------------------------
-
-// User Select
-
-// --------------------------------
-
-.user-select-none { user-select: none; }
-.user-select-all  { user-select: all; }
-
-// --------------------------------
-
-// Color
-
-// --------------------------------
-
-[class^="color-"], [class*=" color-"] { --color-o: 1; }
-
-.color-inherit { color: inherit; }
-
-.color-bg-darker { color: alpha(var(--color-bg-darker), var(--color-o, 1)); }
-.color-bg-dark { color: alpha(var(--color-bg-dark), var(--color-o, 1)); }
-.color-bg { color: alpha(var(--color-bg), var(--color-o, 1)); }
-.color-bg-light { color: alpha(var(--color-bg-light), var(--color-o, 1)); }
-.color-bg-lighter { color: alpha(var(--color-bg-lighter), var(--color-o, 1)); }
-
-.color-contrast-lower { color: alpha(var(--color-contrast-lower), var(--color-o, 1)); }
-.color-contrast-low { color: alpha(var(--color-contrast-low), var(--color-o, 1)); }
-.color-contrast-medium { color: alpha(var(--color-contrast-medium), var(--color-o, 1)); }
-.color-contrast-high { color: alpha(var(--color-contrast-high), var(--color-o, 1)); }
-.color-contrast-higher { color: alpha(var(--color-contrast-higher), var(--color-o, 1)); }
-
-.color-primary-darker { color: alpha(var(--color-primary-darker), var(--color-o, 1)); }
-.color-primary-dark { color: alpha(var(--color-primary-dark), var(--color-o, 1)); }
-.color-primary { color: alpha(var(--color-primary), var(--color-o, 1)); }
-.color-primary-light { color: alpha(var(--color-primary-light), var(--color-o, 1)); }
-.color-primary-lighter { color: alpha(var(--color-primary-lighter), var(--color-o, 1)); }
-
-.color-accent-darker { color: alpha(var(--color-accent-darker), var(--color-o, 1)); }
-.color-accent-dark { color: alpha(var(--color-accent-dark), var(--color-o, 1)); }
-.color-accent { color: alpha(var(--color-accent), var(--color-o, 1)); }
-.color-accent-light { color: alpha(var(--color-accent-light), var(--color-o, 1)); }
-.color-accent-lighter { color: alpha(var(--color-accent-lighter), var(--color-o, 1)); }
-
-.color-success-darker { color: alpha(var(--color-success-darker), var(--color-o, 1)); }
-.color-success-dark { color: alpha(var(--color-success-dark), var(--color-o, 1)); }
-.color-success { color: alpha(var(--color-success), var(--color-o, 1)); }
-.color-success-light { color: alpha(var(--color-success-light), var(--color-o, 1)); }
-.color-success-lighter { color: alpha(var(--color-success-lighter), var(--color-o, 1)); }
-
-.color-warning-darker { color: alpha(var(--color-warning-darker), var(--color-o, 1)); }
-.color-warning-dark { color: alpha(var(--color-warning-dark), var(--color-o, 1)); }
-.color-warning { color: alpha(var(--color-warning), var(--color-o, 1)); }
-.color-warning-light { color: alpha(var(--color-warning-light), var(--color-o, 1)); }
-.color-warning-lighter { color: alpha(var(--color-warning-lighter), var(--color-o, 1)); }
-
-.color-error-darker { color: alpha(var(--color-error-darker), var(--color-o, 1)); }
-.color-error-dark { color: alpha(var(--color-error-dark), var(--color-o, 1)); }
-.color-error { color: alpha(var(--color-error), var(--color-o, 1)); }
-.color-error-light { color: alpha(var(--color-error-light), var(--color-o, 1)); }
-.color-error-lighter { color: alpha(var(--color-error-lighter), var(--color-o, 1)); }
-
-.color-white { color: alpha(var(--color-white), var(--color-o, 1)); }
-.color-black { color: alpha(var(--color-black), var(--color-o, 1)); }
-
-.color-opacity-0    { --color-o: 0; }
-.color-opacity-10\% { --color-o: 0.1; }
-.color-opacity-20\% { --color-o: 0.2; }
-.color-opacity-30\% { --color-o: 0.3; }
-.color-opacity-40\% { --color-o: 0.4; }
-.color-opacity-50\% { --color-o: 0.5; }
-.color-opacity-60\% { --color-o: 0.6; }
-.color-opacity-70\% { --color-o: 0.7; }
-.color-opacity-80\% { --color-o: 0.8; }
-.color-opacity-90\% { --color-o: 0.9; }
-
-// --------------------------------
-
-// Gradients
-
-// --------------------------------
-
-[class^="color-gradient"], [class*=" color-gradient"] {
-  color: transparent !important;
-  background-clip: text;
-}
-
-// --------------------------------
-
-// Width
-
-// --------------------------------
-
-.width-xxxxs { width: var(--size-xxxxs, 0.25rem); }
-.width-xxxs  { width: var(--size-xxxs, 0.5rem); }
-.width-xxs   { width: var(--size-xxs, 0.75rem); }
-.width-xs    { width: var(--size-xs, 1rem); }
-.width-sm    { width: var(--size-sm, 1.5rem); }
-.width-md    { width: var(--size-md, 2rem); }
-.width-lg    { width: var(--size-lg, 3rem); }
-.width-xl    { width: var(--size-xl, 4rem); }
-.width-xxl   { width: var(--size-xxl, 6rem); }
-.width-xxxl  { width: var(--size-xxxl, 8rem); }
-.width-xxxxl { width: var(--size-xxxxl, 16rem); }
-.width-0     { width: 0; }
-.width-10\%  { width: 10%; }
-.width-20\%  { width: 20%; }
-.width-25\%  { width: 25%; }
-.width-30\%  { width: 30%; }
-.width-33\%  { width: calc(100% / 3); }
-.width-40\%  { width: 40%; }
-.width-50\%  { width: 50%; }
-.width-60\%  { width: 60%; }
-.width-66\%  { width: calc(100% / 1.5); }
-.width-70\%  { width: 70%; }
-.width-75\%  { width: 75%; }
-.width-80\%  { width: 80%; }
-.width-90\%  { width: 90%; }
-.width-100\% { width: 100%; }
-.width-100vw { width: 100vw; }
-.width-auto  { width: auto; }
-.width-fit-content  { width: fit-content; }
-.width-max-content  { width: max-content; }
-
-// --------------------------------
-
-// Height
-
-// --------------------------------
-
-.height-xxxxs { height: var(--size-xxxxs, 0.25rem); }
-.height-xxxs  { height: var(--size-xxxs, 0.5rem); }
-.height-xxs   { height: var(--size-xxs, 0.75rem); }
-.height-xs    { height: var(--size-xs, 1rem); }
-.height-sm    { height: var(--size-sm, 1.5rem); }
-.height-md    { height: var(--size-md, 2rem); }
-.height-lg    { height: var(--size-lg, 3rem); }
-.height-xl    { height: var(--size-xl, 4rem); }
-.height-xxl   { height: var(--size-xxl, 6rem); }
-.height-xxxl  { height: var(--size-xxxl, 8rem); }
-.height-xxxxl { height: var(--size-xxxxl, 16rem); }
-.height-0     { height: 0; }
-.height-10\%  { height: 10%; }
-.height-20\%  { height: 20%; }
-.height-25\%  { height: 25%; }
-.height-30\%  { height: 30%; }
-.height-33\%  { height: calc(100% / 3); }
-.height-40\%  { height: 40%; }
-.height-50\%  { height: 50%; }
-.height-60\%  { height: 60%; }
-.height-66\%  { height: calc(100% / 1.5); }
-.height-70\%  { height: 70%; }
-.height-75\%  { height: 75%; }
-.height-80\%  { height: 80%; }
-.height-90\%  { height: 90%; }
-.height-100\% { height: 100%; }
-.height-100vh { height: 100vh; }
-.height-auto  { height: auto; }
-.height-fit-content  { height: fit-content; }
-.height-max-content  { height: max-content; }
-
-// --------------------------------
-
-// Min-Width
-
-// --------------------------------
-
-.min-width-0     { min-width: 0; }
-.min-width-25\%  { min-width: 25%; }
-.min-width-33\%  { min-width: calc(100% / 3); }
-.min-width-50\%  { min-width: 50%; }
-.min-width-66\%  { min-width: calc(100% / 1.5); }
-.min-width-75\%  { min-width: 75%; }
-.min-width-100\% { min-width: 100%; }
-.min-width-100vw { min-width: 100vw; }
-.min-width-fit-content { min-width: fit-content; }
-.min-width-max-content { min-width: max-content; }
-
-// --------------------------------
-
-// Min-Height
-
-// --------------------------------
-
-.min-height-100\% { min-height: 100%; }
-.min-height-100vh { min-height: 100vh; }
-.min-height-fit-content { min-height: fit-content; }
-.min-height-max-content { min-height: max-content; }
-
-// --------------------------------
-
-// Max-Width
-
-// --------------------------------
-
-:root {
-  --max-width-xxxxs: 20rem;  // ~320px
-  --max-width-xxxs:  26rem;  // ~416px
-  --max-width-xxs:   32rem;  // ~512px
-  --max-width-xs:    38rem;  // ~608px
-  --max-width-sm:    48rem;  // ~768px
-  --max-width-md:    64rem;  // ~1024px
-  --max-width-lg:    80rem;  // ~1280px
-  --max-width-xl:    90rem;  // ~1440px
-  --max-width-xxl:   100rem; // ~1600px
-  --max-width-xxxl:  120rem; // ~1920px
-  --max-width-xxxxl: 150rem; // ~2400px
-}
-
-.max-width-xxxxs { max-width: var(--max-width-xxxxs); }
-.max-width-xxxs  { max-width: var(--max-width-xxxs); }
-.max-width-xxs   { max-width: var(--max-width-xxs); }
-.max-width-xs    { max-width: var(--max-width-xs); }
-.max-width-sm    { max-width: var(--max-width-sm); }
-.max-width-md    { max-width: var(--max-width-md); }
-.max-width-lg    { max-width: var(--max-width-lg); }
-.max-width-xl    { max-width: var(--max-width-xl); }
-.max-width-xxl   { max-width: var(--max-width-xxl); }
-.max-width-xxxl  { max-width: var(--max-width-xxxl); }
-.max-width-xxxxl { max-width: var(--max-width-xxxxl); }
-.max-width-100\% { max-width: 100%; }
-.max-width-none  { max-width: none; }
-.max-width-fit-content  { max-width: fit-content; }
-.max-width-max-content  { max-width: max-content; }
-
-// alt approach - max-width is equal to current breakpoint
-$breakpointsNr: length($breakpoints);
-@each $breakpoint, $value in $breakpoints {
-  $i: index($breakpoints, $breakpoint $value);
-  @if $i == 1 {
-    [class^="max-width-adaptive"], [class*=" max-width-adaptive"] {
-      max-width: map-get($map: $breakpoints, $key: #{$breakpoint});
-    }
-  } @else {
-    $classList : '';
-    @each $subBreakpoint, $subValue in $breakpoints {
-      $j: index($breakpoints, $subBreakpoint $subValue);
-      @if $j == $i {
-        $classList: '.max-width-adaptive-#{$subBreakpoint}';
-      } @else if $j > $i {
-        $classList: $classList+', .max-width-adaptive-#{$subBreakpoint}';
-      }
-    }
-    @if $i < $breakpointsNr {
-      $classList: $classList+', .max-width-adaptive';
-    }
-    @include breakpoint(#{$breakpoint}) {
-      #{$classList} {
-        max-width: map-get($map: $breakpoints, $key: #{$breakpoint});
-      }
-    }
-  }
-}
-
-// --------------------------------
-
-// Max-Height
-
-// --------------------------------
-
-.max-height-100\% { max-height: 100%; }
-.max-height-100vh { max-height: 100vh; }
-
-// --------------------------------
-
-// Box-Shadow
-
-// --------------------------------
-
-.shadow-xs { box-shadow: var(--shadow-xs); }
-.shadow-sm { box-shadow: var(--shadow-sm); }
-.shadow-md { box-shadow: var(--shadow-md); }
-.shadow-lg { box-shadow: var(--shadow-lg); }
-.shadow-xl { box-shadow: var(--shadow-xl); }
-.shadow-none { box-shadow: none; }
-
-:root {
-  --inner-glow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075);
-  --inner-glow-top: inset 0 1px 0.5px hsla(0, 0%, 100%, 0.075);
-}
-
-.inner-glow, .inner-glow-top {
-  position: relative;
-
-  &::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    border-radius: inherit;
-    pointer-events: none;
-  }
-}
-
-.inner-glow::after { box-shadow: var(--inner-glow); }
-.inner-glow-top::after { box-shadow: var(--inner-glow-top); }
-
-// --------------------------------
-
-// Position
-
-// --------------------------------
-
-.position-relative { position: relative; }
-.position-absolute { position: absolute; }
-.position-fixed    { position: fixed; }
-.position-sticky   { position: sticky; }
-
-.inset-0     { top: 0; right: 0; bottom: 0; left: 0; }
-
-.top-0     { top: 0; }
-.top-50\%  { top: 50%; }
-.top-xxxxs { top: var(--space-xxxxs); }
-.top-xxxs  { top: var(--space-xxxs); }
-.top-xxs   { top: var(--space-xxs); }
-.top-xs    { top: var(--space-xs); }
-.top-sm    { top: var(--space-sm); }
-.top-md    { top: var(--space-md); }
-.top-lg    { top: var(--space-lg); }
-.top-xl    { top: var(--space-xl); }
-.top-xxl   { top: var(--space-xxl); }
-.top-xxxl  { top: var(--space-xxxl); }
-.top-xxxxl { top: var(--space-xxxxl); }
-
-.bottom-0     { bottom: 0; }
-.bottom-unset     { bottom: unset; }
-.bottom-50\%  { bottom: 50%; }
-.bottom-xxxxs { bottom: var(--space-xxxxs); }
-.bottom-xxxs  { bottom: var(--space-xxxs); }
-.bottom-xxs   { bottom: var(--space-xxs); }
-.bottom-xs    { bottom: var(--space-xs); }
-.bottom-sm    { bottom: var(--space-sm); }
-.bottom-md    { bottom: var(--space-md); }
-.bottom-lg    { bottom: var(--space-lg); }
-.bottom-xl    { bottom: var(--space-xl); }
-.bottom-xxl   { bottom: var(--space-xxl); }
-.bottom-xxxl  { bottom: var(--space-xxxl); }
-.bottom-xxxxl { bottom: var(--space-xxxxl); }
-
-.right-0     { right: 0; }
-.right-50\%  { right: 50%; }
-.right-xxxxs { right: var(--space-xxxxs); }
-.right-xxxs  { right: var(--space-xxxs); }
-.right-xxs   { right: var(--space-xxs); }
-.right-xs    { right: var(--space-xs); }
-.right-sm    { right: var(--space-sm); }
-.right-md    { right: var(--space-md); }
-.right-lg    { right: var(--space-lg); }
-.right-xl    { right: var(--space-xl); }
-.right-xxl   { right: var(--space-xxl); }
-.right-xxxl  { right: var(--space-xxxl); }
-.right-xxxxl { right: var(--space-xxxxl); }
-
-.left-0     { left: 0; }
-.left-50\%  { left: 50%; }
-.left-xxxxs { left: var(--space-xxxxs); }
-.left-xxxs  { left: var(--space-xxxs); }
-.left-xxs   { left: var(--space-xxs); }
-.left-xs    { left: var(--space-xs); }
-.left-sm    { left: var(--space-sm); }
-.left-md    { left: var(--space-md); }
-.left-lg    { left: var(--space-lg); }
-.left-xl    { left: var(--space-xl); }
-.left-xxl   { left: var(--space-xxl); }
-.left-xxxl  { left: var(--space-xxxl); }
-.left-xxxxl { left: var(--space-xxxxl); }
-
-// --------------------------------
-
-// Z-Index
-
-// --------------------------------
-
-.z-index-header { z-index: var(--z-index-header); }
-.z-index-popover { z-index: var(--z-index-popover); }
-.z-index-fixed-element { z-index: var(--z-index-fixed-element); }
-.z-index-overlay { z-index: var(--z-index-overlay); }
-
-.z-index-1 { z-index: 1; }
-.z-index-2 { z-index: 2; }
-.z-index-3 { z-index: 3; }
-
-// --------------------------------
-
-// Overflow
-
-// --------------------------------
-
-.overflow-hidden { overflow: hidden; }
-.overflow-auto   { overflow: auto; }
-.momentum-scrolling { -webkit-overflow-scrolling: touch; }
-
-// overscroll-behavior
-.overscroll-contain { overscroll-behavior: contain; }
-
-// --------------------------------
-
-// Scroll Behavior
-
-// --------------------------------
-
-.scroll-smooth { scroll-behavior: smooth; }
-
-.scroll-padding-xxxxs { scroll-padding: var(--space-xxxxs); }
-.scroll-padding-xxxs  { scroll-padding: var(--space-xxxs); }
-.scroll-padding-xxs   { scroll-padding: var(--space-xxs); }
-.scroll-padding-xs    { scroll-padding: var(--space-xs); }
-.scroll-padding-sm    { scroll-padding: var(--space-sm); }
-.scroll-padding-md    { scroll-padding: var(--space-md); }
-.scroll-padding-lg    { scroll-padding: var(--space-lg); }
-.scroll-padding-xl    { scroll-padding: var(--space-xl); }
-.scroll-padding-xxl   { scroll-padding: var(--space-xxl); }
-.scroll-padding-xxxl  { scroll-padding: var(--space-xxxl); }
-.scroll-padding-xxxxl { scroll-padding: var(--space-xxxxl); }
-
-
-// --------------------------------
-
-// Opacity
-
-// --------------------------------
-
-.opacity-0    { opacity: 0; }
-.opacity-10\% { opacity: 0.1; }
-.opacity-20\% { opacity: 0.2; }
-.opacity-30\% { opacity: 0.3; }
-.opacity-40\% { opacity: 0.4; }
-.opacity-50\% { opacity: 0.5; }
-.opacity-60\% { opacity: 0.6; }
-.opacity-70\% { opacity: 0.7; }
-.opacity-80\% { opacity: 0.8; }
-.opacity-90\% { opacity: 0.9; }
-
-// --------------------------------
-
-// Float
-
-// --------------------------------
-
-.float-left  { float: left; }
-.float-right { float: right; }
-
-.clearfix::after {
-  content: "";
-  display: table;
-  clear: both;
-}
-
-// --------------------------------
-
-// Border
-
-// --------------------------------
-
-[class^="border-"], [class*=" border-"] {
-  --border-o: 1;
-}
-
-.border { border: var(--border-width, 1px) var(--border-style, solid) alpha(var(--color-contrast-lower), var(--border-o, 1)); }
-.border-top { border-top: var(--border-width, 1px) var(--border-style, solid) alpha(var(--color-contrast-lower), var(--border-o, 1)); }
-.border-bottom { border-bottom: var(--border-width, 1px) var(--border-style, solid) alpha(var(--color-contrast-lower), var(--border-o, 1)); }
-.border-left { border-left: var(--border-width, 1px) var(--border-style, solid) alpha(var(--color-contrast-lower), var(--border-o, 1)); }
-.border-right { border-right: var(--border-width, 1px) var(--border-style, solid) alpha(var(--color-contrast-lower), var(--border-o, 1)); }
-
-.border-2 { --border-width: 2px; }
-.border-3 { --border-width: 3px; }
-.border-4 { --border-width: 4px; }
-.border-dotted { --border-style: dotted; }
-.border-dashed { --border-style: dashed; }
-
-.border-bg-darker { border-color: alpha(var(--color-bg-darker), var(--border-o, 1)); }
-.border-bg-dark { border-color: alpha(var(--color-bg-dark), var(--border-o, 1)); }
-.border-bg { border-color: alpha(var(--color-bg), var(--border-o, 1)); }
-.border-bg-light { border-color: alpha(var(--color-bg-light), var(--border-o, 1)); }
-.border-bg-lighter { border-color: alpha(var(--color-bg-lighter), var(--border-o, 1)); }
-
-.border-contrast-lower { border-color: alpha(var(--color-contrast-lower), var(--border-o, 1)); }
-.border-contrast-low { border-color: alpha(var(--color-contrast-low), var(--border-o, 1)); }
-.border-contrast-medium { border-color: alpha(var(--color-contrast-medium), var(--border-o, 1)); }
-.border-contrast-high { border-color: alpha(var(--color-contrast-high), var(--border-o, 1)); }
-.border-contrast-higher { border-color: alpha(var(--color-contrast-higher), var(--border-o, 1)); }
-
-.border-primary-darker { border-color: alpha(var(--color-primary-darker), var(--border-o, 1)); }
-.border-primary-dark { border-color: alpha(var(--color-primary-dark), var(--border-o, 1)); }
-.border-primary { border-color: alpha(var(--color-primary), var(--border-o, 1)); }
-.border-primary-light { border-color: alpha(var(--color-primary-light), var(--border-o, 1)); }
-.border-primary-lighter { border-color: alpha(var(--color-primary-lighter), var(--border-o, 1)); }
-
-.border-accent-darker { border-color: alpha(var(--color-accent-darker), var(--border-o, 1)); }
-.border-accent-dark { border-color: alpha(var(--color-accent-dark), var(--border-o, 1)); }
-.border-accent { border-color: alpha(var(--color-accent), var(--border-o, 1)); }
-.border-accent-light { border-color: alpha(var(--color-accent-light), var(--border-o, 1)); }
-.border-accent-lighter { border-color: alpha(var(--color-accent-lighter), var(--border-o, 1)); }
-
-.border-success-darker { border-color: alpha(var(--color-success-darker), var(--border-o, 1)); }
-.border-success-dark { border-color: alpha(var(--color-success-dark), var(--border-o, 1)); }
-.border-success { border-color: alpha(var(--color-success), var(--border-o, 1)); }
-.border-success-light { border-color: alpha(var(--color-success-light), var(--border-o, 1)); }
-.border-success-lighter { border-color: alpha(var(--color-success-lighter), var(--border-o, 1)); }
-
-.border-warning-darker { border-color: alpha(var(--color-warning-darker), var(--border-o, 1)); }
-.border-warning-dark { border-color: alpha(var(--color-warning-dark), var(--border-o, 1)); }
-.border-warning { border-color: alpha(var(--color-warning), var(--border-o, 1)); }
-.border-warning-light { border-color: alpha(var(--color-warning-light), var(--border-o, 1)); }
-.border-warning-lighter { border-color: alpha(var(--color-warning-lighter), var(--border-o, 1)); }
-
-.border-error-darker { border-color: alpha(var(--color-error-darker), var(--border-o, 1)); }
-.border-error-dark { border-color: alpha(var(--color-error-dark), var(--border-o, 1)); }
-.border-error { border-color: alpha(var(--color-error), var(--border-o, 1)); }
-.border-error-light { border-color: alpha(var(--color-error-light), var(--border-o, 1)); }
-.border-error-lighter { border-color: alpha(var(--color-error-lighter), var(--border-o, 1)); }
-
-.border-white { border-color: alpha(var(--color-white), var(--border-o, 1)); }
-.border-black { border-color: alpha(var(--color-black), var(--border-o, 1)); }
-
-.border-opacity-0    { --border-o: 0; }
-.border-opacity-10\% { --border-o: 0.1; }
-.border-opacity-20\% { --border-o: 0.2; }
-.border-opacity-30\% { --border-o: 0.3; }
-.border-opacity-40\% { --border-o: 0.4; }
-.border-opacity-50\% { --border-o: 0.5; }
-.border-opacity-60\% { --border-o: 0.6; }
-.border-opacity-70\% { --border-o: 0.7; }
-.border-opacity-80\% { --border-o: 0.8; }
-.border-opacity-90\% { --border-o: 0.9; }
-
-// --------------------------------
-
-// Border Radius
-
-// --------------------------------
-
-.radius-sm { border-radius: var(--radius-sm); }
-.radius-md { border-radius: var(--radius-md); }
-.radius-lg { border-radius: var(--radius-lg); }
-.radius-50\% { border-radius: 50%; }
-.radius-full { border-radius: 50em; }
-.radius-0 { border-radius: 0; }
-.radius-inherit { border-radius: inherit; }
-.radius-top-left-0 { border-top-left-radius: 0; }
-.radius-top-right-0 { border-top-right-radius: 0; }
-.radius-bottom-right-0 { border-bottom-right-radius: 0; }
-.radius-bottom-left-0 { border-bottom-left-radius: 0; }
-
-// --------------------------------
-
-// Background
-
-// --------------------------------
-
-.bg, [class^="bg-"], [class*=" bg-"] { --bg-o: 1; }
-
-.bg-transparent { background-color: transparent; }
-.bg-inherit { background-color: inherit; }
-
-.bg-darker { background-color: alpha(var(--color-bg-darker), var(--bg-o)); }
-.bg-dark { background-color: alpha(var(--color-bg-dark), var(--bg-o)); }
-.bg { background-color: alpha(var(--color-bg), var(--bg-o)); }
-.bg-light { background-color: alpha(var(--color-bg-light), var(--bg-o)); }
-.bg-lighter { background-color: alpha(var(--color-bg-lighter), var(--bg-o)); }
-
-.bg-contrast-lower { background-color: alpha(var(--color-contrast-lower), var(--bg-o, 1)); }
-.bg-contrast-low { background-color: alpha(var(--color-contrast-low), var(--bg-o, 1)); }
-.bg-contrast-medium { background-color: alpha(var(--color-contrast-medium), var(--bg-o, 1)); }
-.bg-contrast-high { background-color: alpha(var(--color-contrast-high), var(--bg-o, 1)); }
-.bg-contrast-higher { background-color: alpha(var(--color-contrast-higher), var(--bg-o, 1)); }
-
-.bg-primary-darker { background-color: alpha(var(--color-primary-darker), var(--bg-o, 1)); }
-.bg-primary-dark { background-color: alpha(var(--color-primary-dark), var(--bg-o, 1)); }
-.bg-primary { background-color: alpha(var(--color-primary), var(--bg-o, 1)); }
-.bg-primary-light { background-color: alpha(var(--color-primary-light), var(--bg-o, 1)); }
-.bg-primary-lighter { background-color: alpha(var(--color-primary-lighter), var(--bg-o, 1)); }
-
-.bg-accent-darker { background-color: alpha(var(--color-accent-darker), var(--bg-o, 1)); }
-.bg-accent-dark { background-color: alpha(var(--color-accent-dark), var(--bg-o, 1)); }
-.bg-accent { background-color: alpha(var(--color-accent), var(--bg-o, 1)); }
-.bg-accent-light { background-color: alpha(var(--color-accent-light), var(--bg-o, 1)); }
-.bg-accent-lighter { background-color: alpha(var(--color-accent-lighter), var(--bg-o, 1)); }
-
-.bg-success-darker { background-color: alpha(var(--color-success-darker), var(--bg-o, 1)); }
-.bg-success-dark { background-color: alpha(var(--color-success-dark), var(--bg-o, 1)); }
-.bg-success { background-color: alpha(var(--color-success), var(--bg-o, 1)); }
-.bg-success-light { background-color: alpha(var(--color-success-light), var(--bg-o, 1)); }
-.bg-success-lighter { background-color: alpha(var(--color-success-lighter), var(--bg-o, 1)); }
-
-.bg-warning-darker { background-color: alpha(var(--color-warning-darker), var(--bg-o, 1)); }
-.bg-warning-dark { background-color: alpha(var(--color-warning-dark), var(--bg-o, 1)); }
-.bg-warning { background-color: alpha(var(--color-warning), var(--bg-o, 1)); }
-.bg-warning-light { background-color: alpha(var(--color-warning-light), var(--bg-o, 1)); }
-.bg-warning-lighter { background-color: alpha(var(--color-warning-lighter), var(--bg-o, 1)); }
-
-.bg-error-darker { background-color: alpha(var(--color-error-darker), var(--bg-o, 1)); }
-.bg-error-dark { background-color: alpha(var(--color-error-dark), var(--bg-o, 1)); }
-.bg-error { background-color: alpha(var(--color-error), var(--bg-o, 1)); }
-.bg-error-light { background-color: alpha(var(--color-error-light), var(--bg-o, 1)); }
-.bg-error-lighter { background-color: alpha(var(--color-error-lighter), var(--bg-o, 1)); }
-
-.bg-white { background-color: alpha(var(--color-white), var(--bg-o, 1)); }
-.bg-black { background-color: alpha(var(--color-black), var(--bg-o, 1)); }
-
-.bg-opacity-0    { --bg-o: 0; }
-.bg-opacity-10\% { --bg-o: 0.1; }
-.bg-opacity-20\% { --bg-o: 0.2; }
-.bg-opacity-30\% { --bg-o: 0.3; }
-.bg-opacity-40\% { --bg-o: 0.4; }
-.bg-opacity-50\% { --bg-o: 0.5; }
-.bg-opacity-60\% { --bg-o: 0.6; }
-.bg-opacity-70\% { --bg-o: 0.7; }
-.bg-opacity-80\% { --bg-o: 0.8; }
-.bg-opacity-90\% { --bg-o: 0.9; }
-
-.bg-center { background-position: center; }
-.bg-top { background-position: center top; }
-.bg-right { background-position: right center; }
-.bg-bottom { background-position: center bottom; }
-.bg-left { background-position: left center; }
-.bg-top-left { background-position: left top; }
-.bg-top-right { background-position: right top; }
-.bg-bottom-left { background-position: left bottom; }
-.bg-bottom-right { background-position: right bottom; }
-
-.bg-cover { background-size: cover; }
-.bg-no-repeat { background-repeat: no-repeat; }
-
-// --------------------------------
-
-// Backdrop Filter
-
-// --------------------------------
-
-.backdrop-blur-10 { backdrop-filter: blur(10px); }
-.backdrop-blur-20 { backdrop-filter: blur(20px); }
-
-// --------------------------------
-
-// Mix-Blend Mode
-
-// --------------------------------
-
-.isolate { isolation: isolate; }
-.blend-multiply { mix-blend-mode: multiply; }
-.blend-overlay { mix-blend-mode: overlay; }
-.blend-difference { mix-blend-mode: difference; }
-
-// --------------------------------
-
-// Object-Fit
-
-// --------------------------------
-
-.object-contain { object-fit: contain; }
-.object-cover   { object-fit: cover; }
-
-// --------------------------------
-
-// Perspective
-
-// --------------------------------
-
-.perspective-xs { perspective: 250px; }
-.perspective-sm { perspective: 500px; }
-.perspective-md { perspective: 1000px; }
-.perspective-lg { perspective: 1500px; }
-.perspective-xl { perspective: 3000px; }
-
-// --------------------------------
-
-// Transform
-
-// --------------------------------
-
-[class^="flip"], [class*=" flip"],
-[class^="-rotate"], [class*=" -rotate"],
-[class^="rotate"], [class*=" rotate"],
-[class^="-translate"], [class*=" -translate"],
-[class^="translate"], [class*=" translate"],
-[class^="-scale"], [class*=" -scale"],
-[class^="scale"], [class*=" scale"],
-[class^="-skew"], [class*=" -skew"],
-[class^="skew"], [class*=" skew"] {
-  --translate: 0;
-  --rotate: 0;
-  --skew: 0;
-  --scale: 1;
-
-  transform: translate3d(var(--translate-x, var(--translate)), var(--translate-y, var(--translate)), var(--translate-z, 0)) rotateX(var(--rotate-x, 0)) rotateY(var(--rotate-y, 0)) rotateZ(var(--rotate-z, var(--rotate))) skewX(var(--skew-x, var(--skew))) skewY(var(--skew-y, 0)) scaleX(var(--scale-x, var(--scale))) scaleY(var(--scale-y, var(--scale)));
-}
-
-.flip   { --scale: -1; }
-.flip-x { --scale-x: -1; }
-.flip-y { --scale-y: -1; }
-
-.rotate-90  { --rotate: 90deg; }
-.rotate-180 { --rotate: 180deg; }
-.rotate-270 { --rotate: 270deg; }
-
-.-translate-50\%   { --translate: -50%; }
-.-translate-x-50\% { --translate-x: -50%; }
-.-translate-y-50\% { --translate-y: -50%; }
-
-.translate-50\%   { --translate: 50%; }
-.translate-x-50\% { --translate-x: 50%; }
-.translate-y-50\% { --translate-y: 50%; }
-
-// --------------------------------
-
-// Transform Origin
-
-// --------------------------------
-
-.origin-center { transform-origin: center; }
-.origin-top { transform-origin: center top; }
-.origin-right { transform-origin: right center; }
-.origin-bottom { transform-origin: center bottom; }
-.origin-left { transform-origin: left center; }
-.origin-top-left { transform-origin: left top; }
-.origin-top-right { transform-origin: right top; }
-.origin-bottom-left { transform-origin: left bottom; }
-.origin-bottom-right { transform-origin: right bottom; }
-
-// --------------------------------
-
-// SVG
-
-// --------------------------------
-
-.fill-current { fill: currentColor; }
-
-.stroke-current { stroke: currentColor; }
-
-.stroke-1 { stroke-width: 1px; }
-.stroke-2 { stroke-width: 2px; }
-.stroke-3 { stroke-width: 3px; }
-.stroke-4 { stroke-width: 4px; }
-
-// --------------------------------
-
-// Visibility
-
-// --------------------------------
-
-.visible { visibility: visible; }
-.invisible { visibility: hidden; }
-
-// --------------------------------
-
-// Responsive Variations
-
-// --------------------------------
-
-@each $breakpoint, $value in $breakpoints {
-  @include breakpoint(#{$breakpoint}) {
-    // flexbox
-    .flex\@#{$breakpoint} { display: flex; }
-    .inline-flex\@#{$breakpoint} { display: inline-flex; }
-    .flex-wrap\@#{$breakpoint} { flex-wrap: wrap; }
-    .flex-nowrap\@#{$breakpoint} { flex-wrap:nowrap; }
-    .flex-column\@#{$breakpoint} { flex-direction: column; }
-    .flex-column-reverse\@#{$breakpoint} { flex-direction: column-reverse; }
-    .flex-row\@#{$breakpoint} { flex-direction: row; }
-    .flex-row-reverse\@#{$breakpoint} { flex-direction: row-reverse; }
-    .flex-center\@#{$breakpoint} { justify-content: center; align-items: center; }
-
-    .flex-grow\@#{$breakpoint} { flex-grow: 1; }
-    .flex-grow-0\@#{$breakpoint} { flex-grow: 0; }
-    .flex-shrink\@#{$breakpoint} { flex-shrink: 1; }
-    .flex-shrink-0\@#{$breakpoint} { flex-shrink: 0; }
-    .flex-basis-0\@#{$breakpoint} { flex-basis: 0; }
-
-    // justify-content
-    .justify-start\@#{$breakpoint} { justify-content: flex-start; }
-    .justify-end\@#{$breakpoint} { justify-content: flex-end; }
-    .justify-center\@#{$breakpoint} { justify-content: center; }
-    .justify-between\@#{$breakpoint} { justify-content: space-between; }
-
-    // align-items
-    .items-center\@#{$breakpoint} { align-items: center; }
-    .items-start\@#{$breakpoint} { align-items: flex-start; }
-    .items-end\@#{$breakpoint} { align-items: flex-end; }
-    .items-baseline\@#{$breakpoint} { align-items: baseline; }
-
-    // order
-    .order-1\@#{$breakpoint}  { order: 1; }
-    .order-2\@#{$breakpoint}  { order: 2; }
-    .order-3\@#{$breakpoint}  { order: 3; }
-
-    // display
-    .block\@#{$breakpoint} { display: block; }
-    .inline-block\@#{$breakpoint} { display: inline-block; }
-    .inline\@#{$breakpoint} { display: inline; }
-    .contents\@#{$breakpoint} { display: contents; }
-    .hide\@#{$breakpoint} { display: none !important; }
-
-    // margin
-    .margin-xxxxs\@#{$breakpoint} { margin: var(--space-xxxxs); }
-    .margin-xxxs\@#{$breakpoint}  { margin: var(--space-xxxs); }
-    .margin-xxs\@#{$breakpoint}   { margin: var(--space-xxs); }
-    .margin-xs\@#{$breakpoint}    { margin: var(--space-xs); }
-    .margin-sm\@#{$breakpoint}    { margin: var(--space-sm); }
-    .margin-md\@#{$breakpoint}    { margin: var(--space-md); }
-    .margin-lg\@#{$breakpoint}    { margin: var(--space-lg); }
-    .margin-xl\@#{$breakpoint}    { margin: var(--space-xl); }
-    .margin-xxl\@#{$breakpoint}   { margin: var(--space-xxl); }
-    .margin-xxxl\@#{$breakpoint}  { margin: var(--space-xxxl); }
-    .margin-xxxxl\@#{$breakpoint} { margin: var(--space-xxxxl); }
-    .margin-auto\@#{$breakpoint}  { margin: auto; }
-    .margin-0\@#{$breakpoint}     { margin: 0; }
-
-    .margin-top-xxxxs\@#{$breakpoint} { margin-top: var(--space-xxxxs); }
-    .margin-top-xxxs\@#{$breakpoint}  { margin-top: var(--space-xxxs); }
-    .margin-top-xxs\@#{$breakpoint}   { margin-top: var(--space-xxs); }
-    .margin-top-xs\@#{$breakpoint}    { margin-top: var(--space-xs); }
-    .margin-top-sm\@#{$breakpoint}    { margin-top: var(--space-sm); }
-    .margin-top-md\@#{$breakpoint}    { margin-top: var(--space-md); }
-    .margin-top-lg\@#{$breakpoint}    { margin-top: var(--space-lg); }
-    .margin-top-xl\@#{$breakpoint}    { margin-top: var(--space-xl); }
-    .margin-top-xxl\@#{$breakpoint}   { margin-top: var(--space-xxl); }
-    .margin-top-xxxl\@#{$breakpoint}  { margin-top: var(--space-xxxl); }
-    .margin-top-xxxxl\@#{$breakpoint} { margin-top: var(--space-xxxxl); }
-    .margin-top-auto\@#{$breakpoint}  { margin-top: auto; }
-    .margin-top-0\@#{$breakpoint}     { margin-top: 0; }
-
-    .margin-bottom-xxxxs\@#{$breakpoint} { margin-bottom: var(--space-xxxxs); }
-    .margin-bottom-xxxs\@#{$breakpoint}  { margin-bottom: var(--space-xxxs); }
-    .margin-bottom-xxs\@#{$breakpoint}   { margin-bottom: var(--space-xxs); }
-    .margin-bottom-xs\@#{$breakpoint}    { margin-bottom: var(--space-xs); }
-    .margin-bottom-sm\@#{$breakpoint}    { margin-bottom: var(--space-sm); }
-    .margin-bottom-md\@#{$breakpoint}    { margin-bottom: var(--space-md); }
-    .margin-bottom-lg\@#{$breakpoint}    { margin-bottom: var(--space-lg); }
-    .margin-bottom-xl\@#{$breakpoint}    { margin-bottom: var(--space-xl); }
-    .margin-bottom-xxl\@#{$breakpoint}   { margin-bottom: var(--space-xxl); }
-    .margin-bottom-xxxl\@#{$breakpoint}  { margin-bottom: var(--space-xxxl); }
-    .margin-bottom-xxxxl\@#{$breakpoint} { margin-bottom: var(--space-xxxxl); }
-    .margin-bottom-auto\@#{$breakpoint}  { margin-bottom: auto; }
-    .margin-bottom-0\@#{$breakpoint}     { margin-bottom: 0; }
-
-    .margin-right-xxxxs\@#{$breakpoint} { margin-right: var(--space-xxxxs); }
-    .margin-right-xxxs\@#{$breakpoint}  { margin-right: var(--space-xxxs); }
-    .margin-right-xxs\@#{$breakpoint}   { margin-right: var(--space-xxs); }
-    .margin-right-xs\@#{$breakpoint}    { margin-right: var(--space-xs); }
-    .margin-right-sm\@#{$breakpoint}    { margin-right: var(--space-sm); }
-    .margin-right-md\@#{$breakpoint}    { margin-right: var(--space-md); }
-    .margin-right-lg\@#{$breakpoint}    { margin-right: var(--space-lg); }
-    .margin-right-xl\@#{$breakpoint}    { margin-right: var(--space-xl); }
-    .margin-right-xxl\@#{$breakpoint}   { margin-right: var(--space-xxl); }
-    .margin-right-xxxl\@#{$breakpoint}  { margin-right: var(--space-xxxl); }
-    .margin-right-xxxxl\@#{$breakpoint} { margin-right: var(--space-xxxxl); }
-    .margin-right-auto\@#{$breakpoint}  { margin-right: auto; }
-    .margin-right-0\@#{$breakpoint}     { margin-right: 0; }
-
-    .margin-left-xxxxs\@#{$breakpoint} { margin-left: var(--space-xxxxs); }
-    .margin-left-xxxs\@#{$breakpoint}  { margin-left: var(--space-xxxs); }
-    .margin-left-xxs\@#{$breakpoint}   { margin-left: var(--space-xxs); }
-    .margin-left-xs\@#{$breakpoint}    { margin-left: var(--space-xs); }
-    .margin-left-sm\@#{$breakpoint}    { margin-left: var(--space-sm); }
-    .margin-left-md\@#{$breakpoint}    { margin-left: var(--space-md); }
-    .margin-left-lg\@#{$breakpoint}    { margin-left: var(--space-lg); }
-    .margin-left-xl\@#{$breakpoint}    { margin-left: var(--space-xl); }
-    .margin-left-xxl\@#{$breakpoint}   { margin-left: var(--space-xxl); }
-    .margin-left-xxxl\@#{$breakpoint}  { margin-left: var(--space-xxxl); }
-    .margin-left-xxxxl\@#{$breakpoint} { margin-left: var(--space-xxxxl); }
-    .margin-left-auto\@#{$breakpoint}  { margin-left: auto; }
-    .margin-left-0\@#{$breakpoint}     { margin-left: 0; }
-
-    .margin-x-xxxxs\@#{$breakpoint} { margin-left: var(--space-xxxxs); margin-right: var(--space-xxxxs); }
-    .margin-x-xxxs\@#{$breakpoint}  { margin-left: var(--space-xxxs); margin-right: var(--space-xxxs); }
-    .margin-x-xxs\@#{$breakpoint}   { margin-left: var(--space-xxs); margin-right: var(--space-xxs); }
-    .margin-x-xs\@#{$breakpoint}    { margin-left: var(--space-xs); margin-right: var(--space-xs); }
-    .margin-x-sm\@#{$breakpoint}    { margin-left: var(--space-sm); margin-right: var(--space-sm); }
-    .margin-x-md\@#{$breakpoint}    { margin-left: var(--space-md); margin-right: var(--space-md); }
-    .margin-x-lg\@#{$breakpoint}    { margin-left: var(--space-lg); margin-right: var(--space-lg); }
-    .margin-x-xl\@#{$breakpoint}    { margin-left: var(--space-xl); margin-right: var(--space-xl); }
-    .margin-x-xxl\@#{$breakpoint}   { margin-left: var(--space-xxl); margin-right: var(--space-xxl); }
-    .margin-x-xxxl\@#{$breakpoint}  { margin-left: var(--space-xxxl); margin-right: var(--space-xxxl); }
-    .margin-x-xxxxl\@#{$breakpoint} { margin-left: var(--space-xxxxl); margin-right: var(--space-xxxxl); }
-    .margin-x-auto\@#{$breakpoint}  { margin-left: auto; margin-right: auto; }
-    .margin-x-0\@#{$breakpoint}     { margin-left: 0; margin-right: 0; }
-
-    .margin-y-xxxxs\@#{$breakpoint} { margin-top: var(--space-xxxxs); margin-bottom: var(--space-xxxxs); }
-    .margin-y-xxxs\@#{$breakpoint}  { margin-top: var(--space-xxxs); margin-bottom: var(--space-xxxs); }
-    .margin-y-xxs\@#{$breakpoint}   { margin-top: var(--space-xxs); margin-bottom: var(--space-xxs); }
-    .margin-y-xs\@#{$breakpoint}    { margin-top: var(--space-xs); margin-bottom: var(--space-xs); }
-    .margin-y-sm\@#{$breakpoint}    { margin-top: var(--space-sm); margin-bottom: var(--space-sm); }
-    .margin-y-md\@#{$breakpoint}    { margin-top: var(--space-md); margin-bottom: var(--space-md); }
-    .margin-y-lg\@#{$breakpoint}    { margin-top: var(--space-lg); margin-bottom: var(--space-lg); }
-    .margin-y-xl\@#{$breakpoint}    { margin-top: var(--space-xl); margin-bottom: var(--space-xl); }
-    .margin-y-xxl\@#{$breakpoint}   { margin-top: var(--space-xxl); margin-bottom: var(--space-xxl); }
-    .margin-y-xxxl\@#{$breakpoint}  { margin-top: var(--space-xxxl); margin-bottom: var(--space-xxxl); }
-    .margin-y-xxxxl\@#{$breakpoint} { margin-top: var(--space-xxxxl); margin-bottom: var(--space-xxxxl); }
-    .margin-y-auto\@#{$breakpoint}  { margin-top: auto; margin-bottom: auto; }
-    .margin-y-0\@#{$breakpoint}     { margin-top: 0; margin-bottom: 0; }
-
-    // padding
-    .padding-xxxxs\@#{$breakpoint} { padding: var(--space-xxxxs); }
-    .padding-xxxs\@#{$breakpoint}  { padding: var(--space-xxxs); }
-    .padding-xxs\@#{$breakpoint}   { padding: var(--space-xxs); }
-    .padding-xs\@#{$breakpoint}    { padding: var(--space-xs); }
-    .padding-sm\@#{$breakpoint}    { padding: var(--space-sm); }
-    .padding-md\@#{$breakpoint}    { padding: var(--space-md); }
-    .padding-lg\@#{$breakpoint}    { padding: var(--space-lg); }
-    .padding-xl\@#{$breakpoint}    { padding: var(--space-xl); }
-    .padding-xxl\@#{$breakpoint}   { padding: var(--space-xxl); }
-    .padding-xxxl\@#{$breakpoint}  { padding: var(--space-xxxl); }
-    .padding-xxxxl\@#{$breakpoint} { padding: var(--space-xxxxl); }
-    .padding-0\@#{$breakpoint}     { padding: 0; }
-    .padding-component\@#{$breakpoint} { padding: var(--component-padding); }
-
-    .padding-top-xxxxs\@#{$breakpoint} { padding-top: var(--space-xxxxs); }
-    .padding-top-xxxs\@#{$breakpoint}  { padding-top: var(--space-xxxs); }
-    .padding-top-xxs\@#{$breakpoint}   { padding-top: var(--space-xxs); }
-    .padding-top-xs\@#{$breakpoint}    { padding-top: var(--space-xs); }
-    .padding-top-sm\@#{$breakpoint}    { padding-top: var(--space-sm); }
-    .padding-top-md\@#{$breakpoint}    { padding-top: var(--space-md); }
-    .padding-top-lg\@#{$breakpoint}    { padding-top: var(--space-lg); }
-    .padding-top-xl\@#{$breakpoint}    { padding-top: var(--space-xl); }
-    .padding-top-xxl\@#{$breakpoint}   { padding-top: var(--space-xxl); }
-    .padding-top-xxxl\@#{$breakpoint}  { padding-top: var(--space-xxxl); }
-    .padding-top-xxxxl\@#{$breakpoint} { padding-top: var(--space-xxxxl); }
-    .padding-top-0\@#{$breakpoint}     { padding-top: 0; }
-    .padding-top-component\@#{$breakpoint} { padding-top: var(--component-padding); }
-
-    .padding-bottom-xxxxs\@#{$breakpoint} { padding-bottom: var(--space-xxxxs); }
-    .padding-bottom-xxxs\@#{$breakpoint}  { padding-bottom: var(--space-xxxs); }
-    .padding-bottom-xxs\@#{$breakpoint}   { padding-bottom: var(--space-xxs); }
-    .padding-bottom-xs\@#{$breakpoint}    { padding-bottom: var(--space-xs); }
-    .padding-bottom-sm\@#{$breakpoint}    { padding-bottom: var(--space-sm); }
-    .padding-bottom-md\@#{$breakpoint}    { padding-bottom: var(--space-md); }
-    .padding-bottom-lg\@#{$breakpoint}    { padding-bottom: var(--space-lg); }
-    .padding-bottom-xl\@#{$breakpoint}    { padding-bottom: var(--space-xl); }
-    .padding-bottom-xxl\@#{$breakpoint}   { padding-bottom: var(--space-xxl); }
-    .padding-bottom-xxxl\@#{$breakpoint}  { padding-bottom: var(--space-xxxl); }
-    .padding-bottom-xxxxl\@#{$breakpoint} { padding-bottom: var(--space-xxxxl); }
-    .padding-bottom-0\@#{$breakpoint}     { padding-bottom: 0; }
-    .padding-bottom-component\@#{$breakpoint} { padding-bottom: var(--component-padding); }
-
-    .padding-right-xxxxs\@#{$breakpoint} { padding-right: var(--space-xxxxs); }
-    .padding-right-xxxs\@#{$breakpoint}  { padding-right: var(--space-xxxs); }
-    .padding-right-xxs\@#{$breakpoint}   { padding-right: var(--space-xxs); }
-    .padding-right-xs\@#{$breakpoint}    { padding-right: var(--space-xs); }
-    .padding-right-sm\@#{$breakpoint}    { padding-right: var(--space-sm); }
-    .padding-right-md\@#{$breakpoint}    { padding-right: var(--space-md); }
-    .padding-right-lg\@#{$breakpoint}    { padding-right: var(--space-lg); }
-    .padding-right-xl\@#{$breakpoint}    { padding-right: var(--space-xl); }
-    .padding-right-xxl\@#{$breakpoint}   { padding-right: var(--space-xxl); }
-    .padding-right-xxxl\@#{$breakpoint}  { padding-right: var(--space-xxxl); }
-    .padding-right-xxxxl\@#{$breakpoint} { padding-right: var(--space-xxxxl); }
-    .padding-right-0\@#{$breakpoint}     { padding-right: 0; }
-    .padding-right-component\@#{$breakpoint} { padding-right: var(--component-padding); }
-
-    .padding-left-xxxxs\@#{$breakpoint} { padding-left: var(--space-xxxxs); }
-    .padding-left-xxxs\@#{$breakpoint}  { padding-left: var(--space-xxxs); }
-    .padding-left-xxs\@#{$breakpoint}   { padding-left: var(--space-xxs); }
-    .padding-left-xs\@#{$breakpoint}    { padding-left: var(--space-xs); }
-    .padding-left-sm\@#{$breakpoint}    { padding-left: var(--space-sm); }
-    .padding-left-md\@#{$breakpoint}    { padding-left: var(--space-md); }
-    .padding-left-lg\@#{$breakpoint}    { padding-left: var(--space-lg); }
-    .padding-left-xl\@#{$breakpoint}    { padding-left: var(--space-xl); }
-    .padding-left-xxl\@#{$breakpoint}   { padding-left: var(--space-xxl); }
-    .padding-left-xxxl\@#{$breakpoint}  { padding-left: var(--space-xxxl); }
-    .padding-left-xxxxl\@#{$breakpoint} { padding-left: var(--space-xxxxl); }
-    .padding-left-0\@#{$breakpoint}     { padding-left: 0; }
-    .padding-left-component\@#{$breakpoint} { padding-left: var(--component-padding); }
-
-    .padding-x-xxxxs\@#{$breakpoint} { padding-left: var(--space-xxxxs); padding-right: var(--space-xxxxs); }
-    .padding-x-xxxs\@#{$breakpoint}  { padding-left: var(--space-xxxs); padding-right: var(--space-xxxs); }
-    .padding-x-xxs\@#{$breakpoint}   { padding-left: var(--space-xxs); padding-right: var(--space-xxs); }
-    .padding-x-xs\@#{$breakpoint}    { padding-left: var(--space-xs); padding-right: var(--space-xs); }
-    .padding-x-sm\@#{$breakpoint}    { padding-left: var(--space-sm); padding-right: var(--space-sm); }
-    .padding-x-md\@#{$breakpoint}    { padding-left: var(--space-md); padding-right: var(--space-md); }
-    .padding-x-lg\@#{$breakpoint}    { padding-left: var(--space-lg); padding-right: var(--space-lg); }
-    .padding-x-xl\@#{$breakpoint}    { padding-left: var(--space-xl); padding-right: var(--space-xl); }
-    .padding-x-xxl\@#{$breakpoint}   { padding-left: var(--space-xxl); padding-right: var(--space-xxl); }
-    .padding-x-xxxl\@#{$breakpoint}  { padding-left: var(--space-xxxl); padding-right: var(--space-xxxl); }
-    .padding-x-xxxxl\@#{$breakpoint} { padding-left: var(--space-xxxxl); padding-right: var(--space-xxxxl); }
-    .padding-x-0\@#{$breakpoint}     { padding-left: 0; padding-right: 0; }
-    .padding-x-component\@#{$breakpoint} { padding-left: var(--component-padding); padding-right: var(--component-padding); }
-
-    .padding-y-xxxxs\@#{$breakpoint} { padding-top: var(--space-xxxxs); padding-bottom: var(--space-xxxxs); }
-    .padding-y-xxxs\@#{$breakpoint}  { padding-top: var(--space-xxxs); padding-bottom: var(--space-xxxs); }
-    .padding-y-xxs\@#{$breakpoint}   { padding-top: var(--space-xxs); padding-bottom: var(--space-xxs); }
-    .padding-y-xs\@#{$breakpoint}    { padding-top: var(--space-xs); padding-bottom: var(--space-xs); }
-    .padding-y-sm\@#{$breakpoint}    { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
-    .padding-y-md\@#{$breakpoint}    { padding-top: var(--space-md); padding-bottom: var(--space-md); }
-    .padding-y-lg\@#{$breakpoint}    { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
-    .padding-y-xl\@#{$breakpoint}    { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
-    .padding-y-xxl\@#{$breakpoint}   { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
-    .padding-y-xxxl\@#{$breakpoint}  { padding-top: var(--space-xxxl); padding-bottom: var(--space-xxxl); }
-    .padding-y-xxxxl\@#{$breakpoint} { padding-top: var(--space-xxxxl); padding-bottom: var(--space-xxxxl); }
-    .padding-y-0\@#{$breakpoint}     { padding-top: 0; padding-bottom: 0; }
-    .padding-y-component\@#{$breakpoint} { padding-top: var(--component-padding); padding-bottom: var(--component-padding); }
-
-    // text-align
-    .text-center\@#{$breakpoint} { text-align: center; }
-    .text-left\@#{$breakpoint}   { text-align: left; }
-    .text-right\@#{$breakpoint}  { text-align: right; }
-    .text-justify\@#{$breakpoint}  { text-align: justify; }
-
-    // font-size
-    .text-xs\@#{$breakpoint}   { font-size: var(--text-xs, 0.6875rem); }
-    .text-sm\@#{$breakpoint}   { font-size: var(--text-sm, 0.75rem); }
-    .text-base\@#{$breakpoint} { font-size: var(--text-unit, 1rem); }
-    .text-md\@#{$breakpoint}   { font-size: var(--text-md, 1.125rem); }
-    .text-lg\@#{$breakpoint}   { font-size: var(--text-lg, 1.375rem); }
-    .text-xl\@#{$breakpoint}   { font-size: var(--text-xl, 1.75rem); }
-    .text-xxl\@#{$breakpoint}  { font-size: var(--text-xxl, 2rem); }
-    .text-xxxl\@#{$breakpoint} { font-size: var(--text-xxxl, 2.5rem); }
-    .text-xxxxl\@#{$breakpoint} { font-size: var(--text-xxxxl, 3rem); }
-
-    // width
-    .width-xxxxs\@#{$breakpoint} { width: var(--size-xxxxs, 0.25rem); }
-    .width-xxxs\@#{$breakpoint}  { width: var(--size-xxxs, 0.5rem); }
-    .width-xxs\@#{$breakpoint}   { width: var(--size-xxs, 0.75rem); }
-    .width-xs\@#{$breakpoint}    { width: var(--size-xs, 1rem); }
-    .width-sm\@#{$breakpoint}    { width: var(--size-sm, 1.5rem); }
-    .width-md\@#{$breakpoint}    { width: var(--size-md, 2rem); }
-    .width-lg\@#{$breakpoint}    { width: var(--size-lg, 3rem); }
-    .width-xl\@#{$breakpoint}    { width: var(--size-xl, 4rem); }
-    .width-xxl\@#{$breakpoint}   { width: var(--size-xxl, 6rem); }
-    .width-xxxl\@#{$breakpoint}  { width: var(--size-xxxl, 8rem); }
-    .width-xxxxl\@#{$breakpoint} { width: var(--size-xxxxl, 16rem); }
-    .width-0\@#{$breakpoint}     { width: 0; }
-    .width-10\%\@#{$breakpoint}  { width: 10%; }
-    .width-20\%\@#{$breakpoint}  { width: 20%; }
-    .width-25\%\@#{$breakpoint}  { width: 25%; }
-    .width-30\%\@#{$breakpoint}  { width: 30%; }
-    .width-33\%\@#{$breakpoint}  { width: calc(100% / 3); }
-    .width-40\%\@#{$breakpoint}  { width: 40%; }
-    .width-50\%\@#{$breakpoint}  { width: 50%; }
-    .width-60\%\@#{$breakpoint}  { width: 60%; }
-    .width-66\%\@#{$breakpoint}  { width: calc(100% / 1.5); }
-    .width-70\%\@#{$breakpoint}  { width: 70%; }
-    .width-75\%\@#{$breakpoint}  { width: 75%; }
-    .width-80\%\@#{$breakpoint}  { width: 80%; }
-    .width-90\%\@#{$breakpoint}  { width: 90%; }
-    .width-100\%\@#{$breakpoint} { width: 100%; }
-    .width-100vw\@#{$breakpoint} { width: 100vw; }
-    .width-auto\@#{$breakpoint}  { width: auto; }
-
-    // height
-    .height-xxxxs\@#{$breakpoint} { height: var(--size-xxxxs, 0.25rem); }
-    .height-xxxs\@#{$breakpoint}  { height: var(--size-xxxs, 0.5rem); }
-    .height-xxs\@#{$breakpoint}   { height: var(--size-xxs, 0.75rem); }
-    .height-xs\@#{$breakpoint}    { height: var(--size-xs, 1rem); }
-    .height-sm\@#{$breakpoint}    { height: var(--size-sm, 1.5rem); }
-    .height-md\@#{$breakpoint}    { height: var(--size-md, 2rem); }
-    .height-lg\@#{$breakpoint}    { height: var(--size-lg, 3rem); }
-    .height-xl\@#{$breakpoint}    { height: var(--size-xl, 4rem); }
-    .height-xxl\@#{$breakpoint}   { height: var(--size-xxl, 6rem); }
-    .height-xxxl\@#{$breakpoint}  { height: var(--size-xxxl, 8rem); }
-    .height-xxxxl\@#{$breakpoint} { height: var(--size-xxxxl, 16rem); }
-    .height-0\@#{$breakpoint}     { height: 0; }
-    .height-10\%\@#{$breakpoint}  { height: 10%; }
-    .height-20\%\@#{$breakpoint}  { height: 20%; }
-    .height-25\%\@#{$breakpoint}  { height: 25%; }
-    .height-30\%\@#{$breakpoint}  { height: 30%; }
-    .height-33\%\@#{$breakpoint}  { height: calc(100% / 3); }
-    .height-40\%\@#{$breakpoint}  { height: 40%; }
-    .height-50\%\@#{$breakpoint}  { height: 50%; }
-    .height-60\%\@#{$breakpoint}  { height: 60%; }
-    .height-66\%\@#{$breakpoint}  { height: calc(100% / 1.5); }
-    .height-70\%\@#{$breakpoint}  { height: 70%; }
-    .height-75\%\@#{$breakpoint}  { height: 75%; }
-    .height-80\%\@#{$breakpoint}  { height: 80%; }
-    .height-90\%\@#{$breakpoint}  { height: 90%; }
-    .height-100\%\@#{$breakpoint} { height: 100%; }
-    .height-100vh\@#{$breakpoint} { height: 100vh; }
-    .height-auto\@#{$breakpoint}  { height: auto; }
-
-    // max-width
-    .max-width-xxxxs\@#{$breakpoint} { max-width: var(--max-width-xxxxs); }
-    .max-width-xxxs\@#{$breakpoint}  { max-width: var(--max-width-xxxs); }
-    .max-width-xxs\@#{$breakpoint}   { max-width: var(--max-width-xxs); }
-    .max-width-xs\@#{$breakpoint}    { max-width: var(--max-width-xs); }
-    .max-width-sm\@#{$breakpoint}    { max-width: var(--max-width-sm); }
-    .max-width-md\@#{$breakpoint}    { max-width: var(--max-width-md); }
-    .max-width-lg\@#{$breakpoint}    { max-width: var(--max-width-lg); }
-    .max-width-xl\@#{$breakpoint}    { max-width: var(--max-width-xl); }
-    .max-width-xxl\@#{$breakpoint}   { max-width: var(--max-width-xxl); }
-    .max-width-xxxl\@#{$breakpoint}  { max-width: var(--max-width-xxxl); }
-    .max-width-xxxxl\@#{$breakpoint} { max-width: var(--max-width-xxxxl); }
-    .max-width-100\%\@#{$breakpoint} { max-width: 100%; }
-    .max-width-none\@#{$breakpoint}  { max-width: none; }
-
-    // position
-    .position-relative\@#{$breakpoint} { position: relative; }
-    .position-absolute\@#{$breakpoint} { position: absolute; }
-    .position-fixed\@#{$breakpoint}    { position: fixed; }
-    .position-sticky\@#{$breakpoint}   { position: sticky; }
-    .position-static\@#{$breakpoint}   { position: static; }
-
-    .inset-0\@#{$breakpoint}     { top: 0; right: 0; bottom: 0; left: 0; }
-
-    .top-0\@#{$breakpoint}     { top: 0; }
-    .top-50\%\@#{$breakpoint}  { top: 50%; }
-    .top-xxxxs\@#{$breakpoint} { top: var(--space-xxxxs); }
-    .top-xxxs\@#{$breakpoint}  { top: var(--space-xxxs); }
-    .top-xxs\@#{$breakpoint}   { top: var(--space-xxs); }
-    .top-xs\@#{$breakpoint}    { top: var(--space-xs); }
-    .top-sm\@#{$breakpoint}    { top: var(--space-sm); }
-    .top-md\@#{$breakpoint}    { top: var(--space-md); }
-    .top-lg\@#{$breakpoint}    { top: var(--space-lg); }
-    .top-xl\@#{$breakpoint}    { top: var(--space-xl); }
-    .top-xxl\@#{$breakpoint}   { top: var(--space-xxl); }
-    .top-xxxl\@#{$breakpoint}  { top: var(--space-xxxl); }
-    .top-xxxxl\@#{$breakpoint} { top: var(--space-xxxxl); }
-
-    .bottom-0\@#{$breakpoint}     { bottom: 0; }
-    .bottom-unset\@#{$breakpoint}     { bottom: unset; }
-    .bottom-50\%\@#{$breakpoint}  { bottom: 50%; }
-    .bottom-xxxxs\@#{$breakpoint} { bottom: var(--space-xxxxs); }
-    .bottom-xxxs\@#{$breakpoint}  { bottom: var(--space-xxxs); }
-    .bottom-xxs\@#{$breakpoint}   { bottom: var(--space-xxs); }
-    .bottom-xs\@#{$breakpoint}    { bottom: var(--space-xs); }
-    .bottom-sm\@#{$breakpoint}    { bottom: var(--space-sm); }
-    .bottom-md\@#{$breakpoint}    { bottom: var(--space-md); }
-    .bottom-lg\@#{$breakpoint}    { bottom: var(--space-lg); }
-    .bottom-xl\@#{$breakpoint}    { bottom: var(--space-xl); }
-    .bottom-xxl\@#{$breakpoint}   { bottom: var(--space-xxl); }
-    .bottom-xxxl\@#{$breakpoint}  { bottom: var(--space-xxxl); }
-    .bottom-xxxxl\@#{$breakpoint} { bottom: var(--space-xxxxl); }
-
-    .right-0\@#{$breakpoint}     { right: 0; }
-    .right-50\%\@#{$breakpoint}  { right: 50%; }
-    .right-xxxxs\@#{$breakpoint} { right: var(--space-xxxxs); }
-    .right-xxxs\@#{$breakpoint}  { right: var(--space-xxxs); }
-    .right-xxs\@#{$breakpoint}   { right: var(--space-xxs); }
-    .right-xs\@#{$breakpoint}    { right: var(--space-xs); }
-    .right-sm\@#{$breakpoint}    { right: var(--space-sm); }
-    .right-md\@#{$breakpoint}    { right: var(--space-md); }
-    .right-lg\@#{$breakpoint}    { right: var(--space-lg); }
-    .right-xl\@#{$breakpoint}    { right: var(--space-xl); }
-    .right-xxl\@#{$breakpoint}   { right: var(--space-xxl); }
-    .right-xxxl\@#{$breakpoint}  { right: var(--space-xxxl); }
-    .right-xxxxl\@#{$breakpoint} { right: var(--space-xxxxl); }
-
-    .left-0\@#{$breakpoint}     { left: 0; }
-    .left-50\%\@#{$breakpoint}  { left: 50%; }
-    .left-xxxxs\@#{$breakpoint} { left: var(--space-xxxxs); }
-    .left-xxxs\@#{$breakpoint}  { left: var(--space-xxxs); }
-    .left-xxs\@#{$breakpoint}   { left: var(--space-xxs); }
-    .left-xs\@#{$breakpoint}    { left: var(--space-xs); }
-    .left-sm\@#{$breakpoint}    { left: var(--space-sm); }
-    .left-md\@#{$breakpoint}    { left: var(--space-md); }
-    .left-lg\@#{$breakpoint}    { left: var(--space-lg); }
-    .left-xl\@#{$breakpoint}    { left: var(--space-xl); }
-    .left-xxl\@#{$breakpoint}   { left: var(--space-xxl); }
-    .left-xxxl\@#{$breakpoint}  { left: var(--space-xxxl); }
-    .left-xxxxl\@#{$breakpoint} { left: var(--space-xxxxl); }
-
-    // overflow
-    .overflow-hidden\@#{$breakpoint} { overflow: hidden; }
-    .overflow-auto\@#{$breakpoint}   { overflow: auto; }
-    .momentum-scrolling\@#{$breakpoint} { -webkit-overflow-scrolling: touch; }
-    .overscroll-contain\@#{$breakpoint} { overscroll-behavior: contain; }
-
-    // visibility
-    .visible\@#{$breakpoint} { visibility: visible; }
-    .invisible\@#{$breakpoint} { visibility: hidden; }
-  }
-
-  @include breakpoint(#{$breakpoint}, "not all") {
-    .display\@#{$breakpoint} { display: none !important; }
-  }
-}
diff --git a/apps/web-shared/src/styles/base/_visibility.scss b/apps/web-shared/src/styles/base/_visibility.scss
deleted file mode 100644
index ab6a516..0000000
--- a/apps/web-shared/src/styles/base/_visibility.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-:root {
-  --display: block;
-}
-
-.is-visible {
-  display: var(--display) !important;
-}
-
-.is-hidden {
-  display: none !important;
-}
-
-html:not(.js) {
-  .no-js\:is-hidden {
-    display: none !important;
-  }
-}
-
-@media print {
-  .print\:is-hidden {
-    display: none !important;
-  }
-}
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/base/_z-index.scss b/apps/web-shared/src/styles/base/_z-index.scss
deleted file mode 100644
index 5af9ff3..0000000
--- a/apps/web-shared/src/styles/base/_z-index.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-:root {
-  --z-index-header: 3; // e.g., main header
-  --z-index-popover: 5; // e.g., tooltips and dropdown
-  --z-index-fixed-element: 10; // e.g., 'back to top' button
-  --z-index-overlay: 15; // e.g., modals and dialogs
-}
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/components/404.scss b/apps/web-shared/src/styles/components/404.scss
deleted file mode 100644
index 1a0267a..0000000
--- a/apps/web-shared/src/styles/components/404.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-@use '../base' as *;
-
-.fof {
-}
-
-.fof__animation {
-  svg {
-    display: block;
-    max-width: 520px;
-    margin-left: auto;
-    margin-right: auto;
-  }
-}
-
-#i-fof-browser {
-  transform-origin: 260px 304px;
-  animation: i-fof-browser 4s infinite;
-}
-
-#i-fof-shadow {
-  transform-origin: 282px 410px;
-  animation: i-fof-shadow 4s infinite;
-}
-
-@keyframes i-fof-browser {
-  0%, 100% {
-    transform: translateY(0) scale(1);
-  }
-
-  50% {
-    transform: translateY(-10%) scale(0.9);
-  }
-}
-
-@keyframes i-fof-shadow {
-  0%, 100% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(0.8);
-  }
-}
diff --git a/apps/web-shared/src/styles/components/adv-custom-select.scss b/apps/web-shared/src/styles/components/adv-custom-select.scss
deleted file mode 100644
index bd28247..0000000
--- a/apps/web-shared/src/styles/components/adv-custom-select.scss
+++ /dev/null
@@ -1,79 +0,0 @@
-@use '../base' as *;
-@use 'popover.scss' as *;
-
-/* -------------------------------- 
-
-File#: _2_adv-custom-select
-Title: Advanced Custom Select
-Descr: Custom select with advanced structure options
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.adv-select {
-}
-
-.adv-select__control {
-}
-
-.adv-select-popover {
-  // use rem units
-  @include spaceUnit(1rem);
-  @include textUnit(1rem);
-
-  &.popover { // popover component - dependency
-    --popover-width: 250px;
-    --popover-control-gap: 4px; // ⚠️ use px units - vertical gap between the popover and its control
-    --popover-viewport-gap: 20px; // ⚠️ use px units - vertical gap between the popover and the viewport - visible if popover height > viewport height
-    --popover-transition-duration: 0.2s;
-
-    @include breakpoint(md) {
-      --popover-width: 320px;
-    }
-  }
-}
-
-.adv-select-popover__optgroup:not(:first-of-type) { // custom <optgroup>
-  padding-top: var(--space-xxs);
-}
-
-.adv-select-popover__optgroup:not(:last-of-type) {
-  border-bottom: 1px solid alpha(var(--color-contrast-higher), 0.1);
-  padding-bottom: var(--space-xxs);
-}
-
-.adv-select-popover__check {
-  display: none;
-}
-
-.adv-select-popover__label {
-}
-
-.adv-select-popover__option {
-  position: relative;
-  cursor: pointer;
-  @include fontSmooth;
-  transition: .2s;
-
-  &:hover {
-    background-color: alpha(var(--color-contrast-higher), 0.075);
-  }
-
-  &:focus {
-    outline: none;
-    background-color: alpha(var(--color-primary), 0.15);
-  }
-
-  &[aria-selected=true] { // selected option
-    background-color: var(--color-primary);
-    color: var(--color-white);
-
-    .adv-select-popover__check {
-      display: block;
-    }
-
-    &:focus {
-      box-shadow: inset 0 0 0 2px var(--color-primary-dark);
-    }
-  }
-}
diff --git a/apps/web-shared/src/styles/components/alert.scss b/apps/web-shared/src/styles/components/alert.scss
deleted file mode 100644
index 9d9008d..0000000
--- a/apps/web-shared/src/styles/components/alert.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-@use '../base' as *;
-
-/* --------------------------------
-
-File#: _1_alert
-Title: Alert
-Descr: Feedback message
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.alert {
-  background-color: alpha(var(--color-primary), 0.2);
-  color: var(--color-contrast-higher);
-
-  // hide element
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px);
-  clip-path: inset(50%);
-}
-
-.alert__icon {
-  color: var(--color-primary);
-}
-
-.alert__close-btn {
-  display: inline-block;
-
-  .icon {
-    display: block;
-  }
-
-  &:hover {
-    opacity: 0.7;
-  }
-}
-
-// themes
-.alert--success {
-  background-color: alpha(var(--color-success), 0.2);
-
-  .alert__icon {
-    color: var(--color-success);
-  }
-}
-
-.alert--error {
-  background-color: alpha(var(--color-error), 0.2);
-
-  .alert__icon {
-    color: var(--color-error);
-  }
-}
-
-.alert--warning {
-  background-color: alpha(var(--color-warning), 0.2);
-
-  .alert__icon {
-    color: var(--color-warning);
-  }
-}
-
-// toggle visibility
-.alert--is-visible {
-  position: static;
-  clip: auto;
-  clip-path: none;
-}
-
diff --git a/apps/web-shared/src/styles/components/auto-sized-grid.scss b/apps/web-shared/src/styles/components/auto-sized-grid.scss
deleted file mode 100644
index a3b1be5..0000000
--- a/apps/web-shared/src/styles/components/auto-sized-grid.scss
+++ /dev/null
@@ -1,56 +0,0 @@
-@use '../base' as *;
-
-/* --------------------------------
-
-File#: _1_auto-sized-grid
-Title: Auto Sized Grid
-Descr: A grid layout based on CSS Grid where the columns are automatically created according to a min-width value
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.grid-auto-xs, .grid-auto-sm, .grid-auto-md, .grid-auto-lg, .grid-auto-xl {
-  display: grid;
-  gap: var(--gap-y, 0px) var(--gap-x, 0px);
-  grid-template-columns: repeat(auto-fit, minmax(var(--col-min-width), 1fr)); // auto add new cols
-}
-
-.grid-auto-xs {
-  --col-min-width: 8rem;
-}
-
-.grid-auto-sm {
-  --col-min-width: 10rem;
-}
-
-.grid-auto-md {
-  --col-min-width: 15rem;
-}
-
-.grid-auto-lg {
-  --col-min-width: 20rem;
-}
-
-.grid-auto-xl {
-  --col-min-width: 25rem;
-}
-
-@each $breakpoint, $value in $breakpoints {
-  @include breakpoint(#{$breakpoint}) {
-    .grid-auto-xs\@#{$breakpoint} {
-      --col-min-width: 8rem;
-    }
-    .grid-auto-sm\@#{$breakpoint} {
-      --col-min-width: 10rem;
-    }
-    .grid-auto-md\@#{$breakpoint} {
-      --col-min-width: 15rem;
-    }
-    .grid-auto-lg\@#{$breakpoint} {
-      --col-min-width: 20rem;
-    }
-    .grid-auto-xl\@#{$breakpoint} {
-      --col-min-width: 25rem;
-    }
-  }
-}
diff --git a/apps/web-shared/src/styles/components/autocomplete.scss b/apps/web-shared/src/styles/components/autocomplete.scss
deleted file mode 100644
index c20d508..0000000
--- a/apps/web-shared/src/styles/components/autocomplete.scss
+++ /dev/null
@@ -1,76 +0,0 @@
-@use '../base' as *;
-@use 'circle-loader.scss' as *;
-
-/* --------------------------------
-
-File#: _2_autocomplete
-Title: Autocomplete
-Descr: Autocomplete plugin for input elements
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-:root {
-  --autocomplete-dropdown-vertical-gap: 4px; // gap between input and results list
-  --autocomplete-dropdown-max-height: 150px;
-  --autocomplete-dropdown-scrollbar-width: 6px; // custom scrollbar width - webkit browsers
-}
-
-// results dropdown
-.autocomplete__results {
-  position: absolute;
-  z-index: var(--z-index-popover, 5);
-  width: 100%;
-  left: 0;
-  top: calc(100% + var(--autocomplete-dropdown-vertical-gap));
-  background-color: var(--color-bg-light);
-  box-shadow: var(--inner-glow), var(--shadow-xs);
-  border-radius: var(--radius-md);
-  opacity: 0;
-  visibility: hidden;
-  overflow: hidden;
-
-  .autocomplete--results-visible & {
-    opacity: 1;
-    visibility: visible;
-  }
-}
-
-.autocomplete__list {
-  max-height: var(--autocomplete-dropdown-max-height);
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-
-  // custom scrollbar
-  &::-webkit-scrollbar { // scrollbar width
-    width: var(--autocomplete-dropdown-scrollbar-width);
-  }
-
-  &::-webkit-scrollbar-track { // progress bar
-    background-color: alpha(var(--color-contrast-higher), 0.08);
-    border-radius: 0;
-  }
-
-  &::-webkit-scrollbar-thumb { // handle
-    background-color: alpha(var(--color-contrast-higher), 0.12);
-    border-radius: 0;
-
-    &:hover {
-      background-color: alpha(var(--color-contrast-higher), 0.2);
-    }
-  }
-}
-
-// single result item
-.autocomplete__item {
-  cursor: pointer;
-
-  &:hover {
-    background-color: alpha(var(--color-contrast-higher), 0.075);
-  }
-
-  &:focus {
-    outline: none;
-    background-color: alpha(var(--color-primary), 0.15);
-  }
-}
diff --git a/apps/web-shared/src/styles/components/breadcrumbs.scss b/apps/web-shared/src/styles/components/breadcrumbs.scss
deleted file mode 100644
index 45bf7c6..0000000
--- a/apps/web-shared/src/styles/components/breadcrumbs.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-@use '../base' as *;
-
-/* -------------------------------- 
-
-File#: _1_breadcrumbs
-Title: Breadcrumbs
-Descr: List of links to help the user move within website structure
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.breadcrumbs {}
-
-.breadcrumbs__item {
-  display: inline-block; // flex fallback
-  display: inline-flex;
-  align-items: center;
-}
diff --git a/apps/web-shared/src/styles/components/btn-states.scss b/apps/web-shared/src/styles/components/btn-states.scss
deleted file mode 100644
index a2fc6c5..0000000
--- a/apps/web-shared/src/styles/components/btn-states.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-@use '../base' as *;
-
-/* -------------------------------- 
-
-File#: _1_btn-states
-Title: Buttons states
-Descr: Multi-state button elements
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.btn__content-a {
-  display: inline-flex;
-}
-
-.btn__content-b {
-  display: none;
-}
-
-.btn__content-a, .btn__content-b {
-  align-items: center;
-}
-
-.btn--state-b {
-  .btn__content-a {
-    display: none;
-  }
-
-  .btn__content-b {
-    display: inline-block; // fallback
-    display: inline-flex;
-  }
-}
-
-/* preserve button width when switching from state A to state B */
-.btn--preserve-width {
-  .btn__content-b {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    justify-content: center;
-  }
-
-  &.btn--state-b .btn__content-a {
-    display: inline-block; // fallback
-    display: inline-flex;
-    visibility: hidden;
-  }
-}
diff --git a/apps/web-shared/src/styles/components/chip.scss b/apps/web-shared/src/styles/components/chip.scss
deleted file mode 100644
index 1bb93db..0000000
--- a/apps/web-shared/src/styles/components/chip.scss
+++ /dev/null
@@ -1,117 +0,0 @@
-@use '../base' as *;
-
-/* --------------------------------
-
-File#: _1_chips
-Title: Chips
-Descr: A list of compact pieces of information
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.chip {
-  /* reset - in case the class is applied to a <button> or an <a> */
-  border: 0;
-  color: inherit;
-  line-height: 1;
-  appearance: none;
-
-  display: inline-flex;
-  align-items: center;
-  border-radius: var(--radius-sm);
-
-  background-color: alpha(var(--color-contrast-higher), 0.1);
-  padding: var(--space-xxxs) 0;
-}
-
-.chip--outline {
-  background-color: transparent;
-  box-shadow: inset 0 0 0 1px alpha(var(--color-contrast-higher), 0.25);
-}
-
-.chip--error {
-  background-color: alpha(var(--color-error), 0.2);
-  color: var(--color-contrast-higher);
-}
-
-.chip--success {
-  background-color: alpha(var(--color-success), 0.2);
-  color: var(--color-contrast-higher);
-}
-
-.chip--warning {
-  background-color: alpha(var(--color-warning), 0.2);
-  color: var(--color-contrast-higher);
-}
-
-.chip--interactive {
-  cursor: pointer;
-
-  &:hover {
-    background-color: alpha(var(--color-contrast-higher), 0.2);
-  }
-
-  &:focus {
-    outline: none;
-    box-shadow: 0 0 0 3px alpha(var(--color-contrast-higher), 0.3);
-  }
-
-  &:focus:not(:focus-visible) {
-    box-shadow: none;
-  }
-}
-
-.chip__label {
-  padding: 0 var(--space-xxs);
-}
-
-.chip__img {
-  display: block;
-  width: 1.5em;
-  height: 1.5em;
-  border-radius: 50%;
-  object-fit: cover;
-}
-
-.chip__icon-wrapper {
-  display: flex;
-  width: 1.5em;
-  height: 1.5em;
-  border-radius: 50%;
-  background-color: alpha(var(--color-contrast-higher), 0.95);
-  color: var(--color-bg); /* icon color */
-
-  .icon {
-    display: block;
-    margin: auto;
-  }
-}
-
-.chip__btn {
-  @include reset;
-  display: flex;
-  width: 1em;
-  height: 1em;
-  background-color: alpha(var(--color-contrast-higher), 0.2);
-  border-radius: 50%;
-  cursor: pointer;
-  margin-right: 7px;
-
-  .icon {
-    display: block;
-    margin: 0 auto;
-  }
-
-  &:hover {
-    background-color: alpha(var(--color-contrast-higher), 0.3);
-  }
-
-  &:focus {
-    outline: none;
-    box-shadow: 0 0 0 2px alpha(var(--color-contrast-higher), 0.5);
-  }
-
-  &:focus:not(:focus-visible) {
-    box-shadow: none;
-  }
-}
diff --git a/apps/web-shared/src/styles/components/circle-loader.scss b/apps/web-shared/src/styles/components/circle-loader.scss
deleted file mode 100644
index 5116d39..0000000
--- a/apps/web-shared/src/styles/components/circle-loader.scss
+++ /dev/null
@@ -1,315 +0,0 @@
-@use '../base' as *;
-
-/* --------------------------------
-
-File#: _1_circle-loader
-Title: Circle Loader
-Descr: A collection of animated circle loaders
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-:root {
-  // v1
-  --circle-loader-v1-size: 48px;
-  --circle-loader-v1-stroke-width: 4px;
-
-  // v2
-  --circle-loader-v2-size: 64px;
-  --circle-loader-v2-stroke-width: 2;
-
-  // v3
-  --circle-loader-v3-size: 64px;
-
-  // v4
-  --circle-loader-v4-size: 48px;
-
-  // v5
-  --circle-loader-v5-size: 64px;
-
-  // v6
-  --circle-loader-v6-size: 48px;
-}
-
-.circle-loader {
-  position: relative;
-  display: inline-block;
-}
-
-@supports (animation-name: this) {
-  .circle-loader__label {
-    @include srHide; // show label only to screen readers if animations are supported
-  }
-}
-
-// loader v1 - rotation
-@supports (animation-name: this) {
-  .circle-loader--v1 {
-    transform: rotate(45deg);
-    will-change: transform;
-    animation: circle-loader-1 0.75s infinite var(--ease-in-out);
-
-    .circle-loader__circle {
-      width: var(--circle-loader-v1-size); // loader width
-      height: var(--circle-loader-v1-size); // loader height
-      border-width: var(--circle-loader-v1-stroke-width); // loader stroke width
-      border-style: solid;
-      border-color: alpha(var(--color-primary), 0.2); // loader base color
-      border-radius: 50%;
-
-      &::after {
-        content: '';
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        border-width: inherit;
-        border-style: inherit;
-        border-color: transparent;
-        border-top-color: var(--color-primary); // loader fill color
-        border-radius: inherit;
-      }
-    }
-  }
-}
-
-@keyframes circle-loader-1 {
-  0% {
-    transform: rotate(45deg);
-  }
-
-  100% {
-    transform: rotate(405deg);
-  }
-}
-
-// loader v2 - filling
-@supports (animation-name: this) {
-  .circle-loader--v2 {
-    will-change: transform;
-    animation: circle-loader-spinning-main 1.4s infinite linear;
-
-    .circle-loader__svg {
-      display: block;
-      width: var(--circle-loader-v2-size);
-      height: var(--circle-loader-v2-size);
-      color: var(--color-primary); // loader color
-
-      > * {
-        stroke-width: var(--circle-loader-v2-stroke-width); // loader stroke width
-      }
-    }
-
-    .circle-loader__base {
-      opacity: 0.2;
-    }
-
-    .circle-loader__fill {
-      stroke-linecap: round; // optional - remove if you prefer butt caps
-      stroke-dashoffset: 0;
-      stroke-dasharray: 90 120;
-      transform-origin: 50% 50%;
-      transform: rotate(45deg);
-      animation: circle-loader-dash 1.4s infinite;
-    }
-  }
-}
-
-@keyframes circle-loader-dash {
-  0%, 20% {
-    stroke-dashoffset: 0;
-    transform: rotate(0);
-  }
-
-  50%, 70% {
-    stroke-dashoffset: 80;
-    transform: rotate(270deg);
-  }
-
-  100% {
-    stroke-dashoffset: 0;
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes circle-loader-spinning-main {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-// loader v3 - drop
-@supports (animation-name: this) {
-  .circle-loader--v3 {
-    width: var(--circle-loader-v3-size); // loader width
-    height: var(--circle-loader-v3-size); // loader height
-
-    .circle-loader__circle {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-      background-color: var(--color-primary); // loader color
-      transform: scale(0);
-      opacity: 0.8;
-      will-change: transform, opacity;
-      animation: circle-loader-3 1.2s infinite;
-    }
-
-    .circle-loader__circle--2nd {
-      animation-delay: 0.6s; // this should be half the duration of animation
-    }
-  }
-}
-
-@keyframes circle-loader-3 {
-  to {
-    transform: scale(1);
-    opacity: 0;
-  }
-}
-
-// loader v4 - eclipse
-@supports (animation-name: this) {
-  .circle-loader--v4 {
-    width: var(--circle-loader-v4-size); // loader width
-    height: var(--circle-loader-v4-size); // loader height
-    border-radius: 50%;
-    overflow: hidden;
-
-    .circle-loader__mask,
-    .circle-loader__circle {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border-radius: inherit;
-    }
-
-    .circle-loader__mask {
-      clip-path: circle(calc(0.5 * var(--circle-loader-v4-size))); // fix iOS issue - it needs to be = half size of loader
-    }
-
-    .circle-loader__circle--1st {
-      background-color: var(--color-contrast-low); // loader base color
-    }
-
-    .circle-loader__circle--2nd {
-      background-color: var(--color-primary); // loader fill color
-      will-change: transform;
-      transform-origin: 50% 100%;
-      animation: circle-loader-4 1.2s infinite cubic-bezier(.23, .9, .75, .1);
-      transform: translateX(-100%);
-    }
-  }
-}
-
-@keyframes circle-loader-4 {
-  to {
-    transform: translateX(100%);
-  }
-}
-
-// loader v5 - bounce
-@supports (animation-name: this) {
-  .circle-loader--v5 {
-    font-size: var(--circle-loader-v5-size); // loader size - if you edit this value all elements scale accordingly
-    width: 1em;
-    height: 1em;
-
-    .circle-loader__label {
-      font-size: 1rem;
-    }
-
-    .circle-loader__ball {
-      position: absolute;
-      top: 0;
-      left: calc(50% - 0.140625em);
-      width: 0.28125em;
-      height: 0.28125em;
-      background-color: var(--color-primary);
-      border-radius: 50%;
-      animation: circle-loader-5-ball 0.8s infinite;
-    }
-
-    .circle-loader__shadow {
-      position: absolute;
-      bottom: 0;
-      left: calc(50% - 0.15625em);
-      width: 0.3125em;
-      height: 0.3125em;
-      background-color: var(--color-contrast-lower);
-      border-radius: 50%;
-      transform: scaleY(0.4) scaleX(1.2);
-      animation: circle-loader-5-shadow 0.8s infinite;
-    }
-  }
-}
-
-@keyframes circle-loader-5-ball {
-  0% {
-    transform: translateY(0);
-    animation-timing-function: cubic-bezier(.61, .12, .85, .4);
-  }
-
-  50% {
-    transform: translateY(0.5625em);
-    animation-timing-function: cubic-bezier(.12, .59, .46, .95);
-  }
-
-  100% {
-    transform: translateY(0);
-  }
-}
-
-@keyframes circle-loader-5-shadow {
-  0% {
-    transform: scaleY(0.4) scaleX(1.2);
-    background-color: var(--color-contrast-lower);
-    animation-timing-function: cubic-bezier(.61, .12, .85, .4);
-  }
-
-  50% {
-    transform: scaleY(0.2) scaleX(0.6);
-    background-color: var(--color-contrast-low);
-    animation-timing-function: cubic-bezier(.12, .59, .46, .95);
-  }
-
-  100% {
-    transform: scaleY(0.4) scaleX(1.2);
-    background-color: var(--color-contrast-lower);
-  }
-}
-
-// loader v6 - worm
-@supports (animation-name: this) {
-  .circle-loader--v6 {
-    .circle-loader__svg {
-      display: block;
-      width: var(--circle-loader-v6-size);
-      height: var(--circle-loader-v6-size);
-      color: var(--color-primary); // loader color
-    }
-
-    .circle-loader__fill {
-      stroke-width: 8px; // loader stroke width
-      stroke-dashoffset: 35;
-      stroke-dasharray: 36 36;
-      animation: circle-loader-6 1.5s infinite;
-    }
-  }
-}
-
-@keyframes circle-loader-6 {
-  0%, 100% {
-    stroke-dashoffset: 35;
-  }
-
-  50% {
-    stroke-dashoffset: -35;
-  }
-}
diff --git a/apps/web-shared/src/styles/components/custom-checkbox.scss b/apps/web-shared/src/styles/components/custom-checkbox.scss
deleted file mode 100644
index 5722ee0..0000000
--- a/apps/web-shared/src/styles/components/custom-checkbox.scss
+++ /dev/null
@@ -1,131 +0,0 @@
-@use '../base' as *;
-
-/* -------------------------------- 
-
-File#: _1_custom-checkbox
-Title: Custom Checkbox
-Descr: Replace the native checkbox button with a custom element (e.g., an icon)
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-:root {
-  --custom-checkbox-size: 20px;
-  --custom-checkbox-radius: 4px;
-  --custom-checkbox-border-width: 1px;
-  --custom-checkbox-marker-size: 18px;
-}
-
-.custom-checkbox {
-  position: relative;
-  z-index: 1;
-  display: inline-block;
-  font-size: var(--custom-checkbox-size);
-}
-
-.custom-checkbox__input {
-  position: relative;
-  /* hide native input */
-  margin: 0;
-  padding: 0;
-  opacity: 0;
-  height: 1em;
-  width: 1em;
-  display: block;
-  z-index: 1;
-}
-
-.custom-checkbox__control {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  pointer-events: none;
-  color: alpha(var(--color-contrast-low), 0.65); /* unchecked color */
-
-  &::before, &::after {
-    content: '';
-    position: absolute;
-  }
-
-  &::before { /* focus circle */
-    width: 160%;
-    height: 160%;
-    background-color: currentColor;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%) scale(0);
-    opacity: 0;
-    border-radius: 50%;
-    will-change: transform;
-  }
-
-  &::after { /* custom checkbox */
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-
-    /* custom checkbox style */
-    background-color: var(--color-bg);
-    border-radius: var(--custom-checkbox-radius);
-    box-shadow: inset 0 0 0 var(--custom-checkbox-border-width) currentColor, var(--shadow-xs); /* border */
-  }
-}
-
-.custom-checkbox__input:checked ~ .custom-checkbox__control,
-.custom-checkbox__input:indeterminate ~ .custom-checkbox__control {
-  &::after {
-    background-color: currentColor;
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: var(--custom-checkbox-marker-size);
-    box-shadow: none;
-  }
-}
-
-.custom-checkbox__input:checked ~ .custom-checkbox__control {
-  color: var(--color-primary); /* checked color */
-
-  &::after {
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='2.5 8 6.5 12 13.5 3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
-  }
-}
-
-.custom-checkbox__input:indeterminate ~ .custom-checkbox__control {
-  &::after {
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='2' y1='8' x2='14' y2='8' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
-  }
-}
-
-.custom-checkbox__input:active ~ .custom-checkbox__control {
-  transform: scale(0.9);
-}
-
-.custom-checkbox__input:checked:active ~ .custom-checkbox__control,
-.custom-checkbox__input:indeterminate:active ~ .custom-checkbox__control {
-  transform: scale(1);
-}
-
-.custom-checkbox__input:focus ~ .custom-checkbox__control::before {
-  opacity: 0.2;
-  transform: translate(-50%, -50%) scale(1);
-}
-
-/* --icon */
-.custom-checkbox--icon {
-  --custom-checkbox-size: 32px;
-
-  .custom-checkbox__control::after {
-    display: none;
-  }
-
-  .icon {
-    display: block;
-    color: inherit;
-    position: relative;
-    z-index: 1;
-  }
-}
diff --git a/apps/web-shared/src/styles/components/custom-select.scss b/apps/web-shared/src/styles/components/custom-select.scss
deleted file mode 100644
index 9cd3b5e..0000000
--- a/apps/web-shared/src/styles/components/custom-select.scss
+++ /dev/null
@@ -1,158 +0,0 @@
-@use '../base' as *;
-
-/* --------------------------------
-
-File#: _1_custom-select
-Title: Custom Select
-Descr: Custom Select Control
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-:root {
-  // --default variation only 👇
-  --select-icon-size: 16px;
-  --select-icon-right-margin: var(--space-sm); // icon margin right
-  --select-text-icon-gap: var(--space-xxxs); // gap between text and icon
-}
-
-.select {
-  position: relative;
-}
-
-.select__input {
-  width: 100%;
-  height: 100%;
-  padding-right: calc(var(--select-icon-size) + var(--select-icon-right-margin) + var(--select-text-icon-gap)) !important;
-}
-
-.select__icon {
-  width: var(--select-icon-size);
-  height: var(--select-icon-size);
-  pointer-events: none;
-  position: absolute;
-  right: var(--select-icon-right-margin);
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-// --custom-dropdown
-:root {
-  --select-dropdown-gap: 4px; // distance between select control and custom dropdown
-}
-
-.select__button { // created in JS - custom select control
-  width: 100%;
-}
-
-.select__button[aria-expanded="true"] {
-  // custom select control if dropdown = visible
-}
-
-.select__dropdown { // created in JS - custom select dropdown
-  position: absolute;
-  left: 0;
-  top: 100%;
-  min-width: 200px;
-  max-height: 1px; // updated in JS
-  background-color: var(--color-bg-light);
-  box-shadow: var(--inner-glow), var(--shadow-md);
-  padding: var(--space-xxxs) 0;
-  border-radius: var(--radius-md);
-  z-index: var(--z-index-popover, 5);
-  margin-top: var(--select-dropdown-gap);
-  margin-bottom: var(--select-dropdown-gap);
-  overflow: auto;
-
-  // use rem units
-  @include spaceUnit(1rem);
-  @include textUnit(1rem);
-
-  visibility: hidden;
-  opacity: 0;
-}
-
-.select__dropdown--right { // change dropdown position based on the available space
-  right: 0;
-  left: auto;
-}
-
-.select__dropdown--up {
-  bottom: 100%;
-  top: auto;
-}
-
-.select__button[aria-expanded="true"] + .select__dropdown {
-  visibility: visible;
-  opacity: 1;
-}
-
-// custom <optgroup> list - include all <option>s if no <optgroup> available
-.select__list {
-  list-style: none !important;
-}
-
-.select__list:not(:first-of-type) {
-  padding-top: var(--space-xxs);
-}
-
-.select__list:not(:last-of-type) {
-  border-bottom: 1px solid alpha(var(--color-contrast-higher), 0.1);
-  padding-bottom: var(--space-xxs);
-}
-
-.select__item { // single item inside .select__list
-  display: flex;
-  align-items: center;
-  padding: var(--space-xxs) var(--space-sm);
-  color: var(--color-contrast-high);
-  width: 100%;
-  text-align: left;
-  // truncate text
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.select__item--optgroup { // custom <optgroup> label
-  font-size: var(--text-sm);
-  color: var(--color-contrast-medium);
-}
-
-.select__item--option { // custom <option> label
-  cursor: pointer;
-
-  &:hover {
-    background-color: alpha(var(--color-contrast-higher), 0.075);
-  }
-
-  &:focus {
-    outline: none;
-    background-color: alpha(var(--color-primary), 0.15);
-  }
-
-  &[aria-selected=true] { // selected option
-    background-color: var(--color-primary);
-    color: var(--color-white);
-    position: relative;
-    @include fontSmooth;
-
-    &::after { // check icon next to the selected language
-      content: '';
-      display: block;
-      height: 1em;
-      width: 1em;
-      margin-left: auto;
-      background-color: currentColor;
-      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");
-    }
-
-    &:focus {
-      box-shadow: inset 0 0 0 2px var(--color-primary-dark);
-    }
-  }
-}
-
-html:not(.js ) .select .icon { // hide icon if JS = disabled
-  display: none;
-}
diff --git a/apps/web-shared/src/styles/components/details.scss b/apps/web-shared/src/styles/components/details.scss
deleted file mode 100644
index b4c122d..0000000
--- a/apps/web-shared/src/styles/components/details.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-@use '../base' as *;
-
-/* --------------------------------
-
-File#: _1_details
-Title: Details
-Descr: A button that toggles the visibility of additional information
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.details {}
-
-.details__summary {
-  display: inline-block;
-  cursor: pointer;
-  user-select: none;
-
-  &:hover {
-    color: var(--color-primary);
-  }
-
-  &:focus {
-    outline: 2px solid alpha(var(--color-primary), 0.2);
-    outline-offset: 4px;
-  }
-
-  .icon {
-    flex-shrink: 0;
-  }
-}
-
-// if JS = enabled
-.js {
-  .details__summary {
-    list-style: none; // remove summary default icon
-  }
-
-  .details__summary::-webkit-details-marker {
-    display: none; // remove default icon in webkit browsers
-  }
-
-  .details__summary[aria-expanded="true"] .icon {
-    transform: rotate(90deg); // rotate icon when content is visible
-  }
-
-  .details__content[aria-hidden="true"] {
-    display: none;
-  }
-}
-
-// if JS = disabled
-html:not(.js) .details__summary {
-  .icon {
-    display: none;
-  }
-}
diff --git a/apps/web-shared/src/styles/components/dropdown.scss b/apps/web-shared/src/styles/components/dropdown.scss
deleted file mode 100644
index c5ded33..0000000
--- a/apps/web-shared/src/styles/components/dropdown.scss
+++ /dev/null
@@ -1,98 +0,0 @@
-@use '../base' as *;
-
-/* --------------------------------
-
-File#: _2_dropdown
-Title: Dropdown
-Descr: A hoverable link that toggles the visibility of a dropdown list
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-:root {
-  --dropdown-item-padding: var(--space-xxs) var(--space-sm);
-}
-
-.dropdown {
-  position: relative;
-}
-
-.dropdown__menu {
-  border-radius: var(--radius-md);
-  background-color: var(--color-bg-light);
-  box-shadow: var(--inner-glow), var(--shadow-sm);
-  z-index: var(--z-index-popover, 5);
-  position: absolute;
-  left: 0;
-  top: 100%;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.dropdown__wrapper {
-  max-height: 24px;
-}
-
-@media (pointer: fine) { // user has pointing device (e.g., mouse)
-  .dropdown__wrapper,
-  .open-dropdown {
-    &:hover .dropdown__menu,
-    &:focus .dropdown__menu {
-      opacity: 1;
-      visibility: visible;
-    }
-  }
-
-  .dropdown__sub-wrapper:hover > .dropdown__menu {
-    left: 100%;
-  }
-}
-
-@media not all and (pointer: fine) {
-  .dropdown__trigger-icon {
-    display: none;
-  }
-}
-
-.dropdown__item {
-  display: block;
-  text-decoration: none;
-  color: var(--color-contrast-high);
-  padding: var(--dropdown-item-padding);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  &:hover, &.dropdown__item--hover {
-    background-color: alpha(var(--color-contrast-higher), 0.075);
-  }
-}
-
-.dropdown__separator { // h line divider
-  height: 1px;
-  background-color: var(--color-contrast-lower);
-  margin: var(--dropdown-item-padding);
-}
-
-.dropdown__sub-wrapper {
-  position: relative;
-
-  > .dropdown__item { // item w/ right arrow
-    position: relative;
-    padding-right: calc(var(--space-sm) + 12px);
-
-    .icon { // right arrow
-      position: absolute;
-      display: block;
-      width: 12px;
-      height: 12px;
-      right: var(--space-xxs);
-      top: calc(50% - 6px);
-    }
-  }
-
-  > .dropdown__menu { // sub menu
-    top: calc(var(--space-xxs) * -1);
-    box-shadow: var(--inner-glow), var(--shadow-md);
-  }
-}
diff --git a/apps/web-shared/src/styles/components/form-validator.scss b/apps/web-shared/src/styles/components/form-validator.scss
deleted file mode 100644
index cc9f9a3..0000000
--- a/apps/web-shared/src/styles/components/form-validator.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-@use '../base' as *;
-
-/* -------------------------------- 
-
-File#: _1_form-validator
-Title: Form Validator
-Descr: A plugin to validate form fields
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.form-validate__error-msg {
-  display: none; // hide error message by default
-
-  .form-validate__input-wrapper--error & {
-    display: block; // show error message
-  }
-}
diff --git a/apps/web-shared/src/styles/components/interactive-table.scss b/apps/web-shared/src/styles/components/interactive-table.scss
deleted file mode 100644
index f239c62..0000000
--- a/apps/web-shared/src/styles/components/interactive-table.scss
+++ /dev/null
@@ -1,156 +0,0 @@
-@use '../base' as *;
-@use 'menu.scss' as *;
-@use 'menu-bar.scss' as *;
-
-/* --------------------------------
-
-File#: _3_interactive-table
-Title: Interactive Table
-Descr: Table with the option of sorting data and selecting rows to perform specific actions
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.int-table {
-  overflow: hidden;
-  border-bottom: 2px solid var(--color-contrast-lower);
-}
-
-.int-table__inner {
-  position: relative;
-  overflow: auto;
-
-  &::-webkit-scrollbar { // custom scrollbar style
-    height: 8px;
-    width: 8px;
-  }
-
-  &::-webkit-scrollbar-track { // progress bar
-    background-color: var(--color-contrast-lower);
-  }
-
-  &::-webkit-scrollbar-thumb { // handle
-    background-color: alpha(var(--color-contrast-higher), 0.9);
-    border-radius: 50em;
-  }
-
-  &::-webkit-scrollbar-thumb:hover {
-    background-color: var(--color-contrast-higher);
-  }
-}
-
-.int-table__table {
-  width: 100%;
-}
-
-.int-table__header {
-  .int-table__cell {
-    background-color: var(--color-bg);
-    box-shadow: 0 2px 0 var(--color-contrast-lower);
-  }
-}
-
-.int-table__body {
-  .int-table__row {
-    border-bottom: 1px solid var(--color-contrast-lower);
-
-    &:last-child {
-      border-bottom: none;
-    }
-  }
-
-  .int-table__row--checked {
-    background-color: alpha(var(--color-primary), 0.1);
-    border-color: alpha(var(--color-primary), 0.25);
-  }
-}
-
-.int-table__cell { // standard cell
-  padding: var(--space-xxxs);
-}
-
-.int-table__cell--th { // header cell
-  font-weight: 600;
-}
-
-.int-table__cell--sort { // header cell with sorting option
-  user-select: none;
-
-  &:hover, &:focus-within {
-    background-color: alpha(var(--color-contrast-higher), 0.075);
-  }
-
-  &:hover {
-    cursor: pointer;
-  }
-}
-
-.int-table__cell--focus {
-  background-color: alpha(var(--color-primary), 0.15);
-}
-
-.int-table__sort-icon { // sorting icon indicator
-  .arrow-up, .arrow-down {
-    fill: alpha(var(--color-contrast-higher), 0.3);
-  }
-}
-
-.int-table__cell--asc .int-table__sort-icon .arrow-up,
-.int-table__cell--desc .int-table__sort-icon .arrow-down {
-  fill: var(--color-contrast-higher);
-}
-
-.int-table__checkbox {
-  --custom-checkbox-size: 18px;
-  --custom-checkbox-marker-size: 16px;
-  display: block;
-  width: var(--custom-checkbox-size);
-  height: var(--custom-checkbox-size);
-}
-
-.int-table__menu-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2em;
-  cursor: pointer;
-
-  .icon {
-    display: block;
-    width: 16px;
-    height: 16px;
-  }
-}
-
-// --sticky-header
-.int-table--sticky-header {
-  position: relative;
-  z-index: 1;
-
-  .int-table__inner {
-    max-height: 605px;
-  }
-
-  .int-table__header {
-    .int-table__cell {
-      position: sticky;
-      top: 0;
-      z-index: 2;
-    }
-  }
-}
-
-// actions
-.int-table-actions {
-  .menu-bar {
-    --menu-bar-button-size: 38px; // size of the menu buttons
-    --menu-bar-icon-size: 16px; // size of the icons inside the buttons
-    --menu-bar-horizontal-gap: var(--space-xxxxs); // horizontal gap between buttons
-    --menu-bar-vertical-gap: 4px; // vertical gap between buttons and labels (tooltips)
-    --menu-bar-label-size: var(--text-xs); // label font size
-  }
-
-  .menu-bar__icon {
-    color: alpha(var(--color-contrast-higher), 0.5);
-  }
-}
diff --git a/apps/web-shared/src/styles/components/light-dark-switch.scss b/apps/web-shared/src/styles/components/light-dark-switch.scss
deleted file mode 100644
index 23dc03a..0000000
--- a/apps/web-shared/src/styles/components/light-dark-switch.scss
+++ /dev/null
@@ -1,96 +0,0 @@
-@use '../base' as *;
-@use 'popover.scss' as *;
-@use 'adv-custom-select.scss' as *;
-
-/* -------------------------------- 
-
-File#: _3_light-dark-switch
-Title: Light/Dark Switch
-Descr: Color theme switcher
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.ld-switch {}
-
-.ld-switch-btn {
-  position: relative;
-  width: 24px;
-  height: 24px;
-  overflow: hidden;
-  display: inline-block;
-
-  
-  &:hover {
-    cursor: pointer;
-    opacity: 0.8;
-  }
-
-  &:focus {
-    outline: none;
-    color: var(--color-primary);
-  }
-}
-
-.ld-switch-btn.popover-control--active {
-  /* class added to the control button when the dropdown is visible */
-  color: var(--color-primary);
-}
-
-.ld-switch-btn__icon-wrapper {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  opacity: 0;
-  transform: translateY(100%) rotate(35deg) scale(0.5);
-}
-
-.ld-switch-btn__icon-wrapper--in {
-  opacity: 1;
-  transform: translateY(0) rotate(0) scale(1);
-}
-
-.ld-switch-btn__icon-wrapper--out {
-  opacity: 0;
-  transform: translateY(-100%) rotate(-35deg) scale(0.5);
-}
-
-
-.ld-switch-btn__icon {
-  margin: auto;
-  --size: 20px; /* icon size */
-}
-
-.popover.ld-switch-popover {
-  --popover-width: 250px;
-}
-
-.ld-switch-popover__option {
-  user-select: none;
-
-  &:hover {
-    cursor: pointer;
-    opacity: 0.85;
-  }
-
-  &:focus {
-    outline: none;
-
-    figure {
-      box-shadow: 0 0 0 1px var(--color-bg-light), 0 0 0 3px var(--color-contrast-higher);
-    }
-  }
-
-  &[aria-selected=true] {
-    color: var(--color-primary);
-
-    figure {
-      box-shadow: 0 0 0 1px var(--color-bg-light), 0 0 0 3px currentColor;
-    }
-  }
-}
diff --git a/apps/web-shared/src/styles/components/link-card.scss b/apps/web-shared/src/styles/components/link-card.scss
deleted file mode 100644
index dad4f98..0000000
--- a/apps/web-shared/src/styles/components/link-card.scss
+++ /dev/null
@@ -1,56 +0,0 @@
-@use '../base' as *;
-
-/* -------------------------------- 
-
-File#: _1_link-card
-Title: Link Card
-Descr: Link card for app UI
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.link-card {
-  text-decoration: none;
-  color: inherit;
-  box-shadow: var(--inner-glow), var(--shadow-xs);
-
-  &:hover {
-    box-shadow: var(--inner-glow), var(--shadow-sm);
-  }
-}
-
-.link-card__footer {
-  position: relative;
-  overflow: hidden;
-  height: 60px;
-
-  > * {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  > *:last-child {
-    transform: translateY(100%);
-    opacity: 0;
-  }
-}
-
-.link-card:hover {
-  .link-card__footer {
-    > *:first-child {
-      transform: translateY(-100%);
-      opacity: 0;
-    }
-
-    > *:last-child {
-      transform: translateY(0);
-      opacity: 1;
-    }
-  }
-}
diff --git a/apps/web-shared/src/styles/components/list.scss b/apps/web-shared/src/styles/components/list.scss
deleted file mode 100644
index df600a3..0000000
--- a/apps/web-shared/src/styles/components/list.scss
+++ /dev/null
@@ -1,195 +0,0 @@
-@use '../base' as *;
-
-/* -------------------------------- 
-
-File#: _1_list
-Title: List
-Descr: Custom list component
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-:root {
-  --list-space-y: 0.375em; // vertical gaps
-  --list-offset: 1em;  // sublist horizontal offset
-  --list-line-height-multiplier: 1; // line-height multiplier
-}
-
-.list, .text-component .list {
-  padding-left: 0;
-  list-style: none;
-
-  ul, ol {
-    list-style: none;
-    margin: 0; // reset
-    margin-top: calc((var(--list-space-y) / 2) * var(--text-space-y-multiplier, 1));
-    padding-top: calc((var(--list-space-y) / 2) * var(--text-space-y-multiplier, 1));
-    padding-left: var(--list-offset);
-  }
-
-  li {
-    padding-bottom: calc((var(--list-space-y) / 2) * var(--text-space-y-multiplier, 1));
-    margin-bottom: calc((var(--list-space-y) / 2) * var(--text-space-y-multiplier, 1));
-    line-height: calc(var(--body-line-height) * var(--list-line-height-multiplier));
-  }
-
-  > li:last-child, ul > li:last-child, ol > li:last-child {
-    margin-bottom: 0;
-  }
-
-  &:not(.list--border) > li:last-child, ul > li:last-child, ol > li:last-child {
-    padding-bottom: 0;
-  }
-}
-
-/* #region (ul + ol) */
-.list--ul, .text-component .list--ul,
-.list--ol, .text-component .list--ol {
-  --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right));
-
-  ul, ol {
-    padding-left: 0;
-  }
-
-  li {
-    @supports (--css: variables) {
-      padding-left: var(--list-offset) !important;
-    }
-  }
-
-  li::before {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    vertical-align: middle;
-    position: relative;
-    top: -0.1em;
-
-    @supports (--css: variables) {
-      width: var(--list-bullet-size) !important;
-      height: var(--list-bullet-size) !important;
-      margin-left: calc(var(--list-bullet-size) * -1) !important;
-      left: calc(var(--list-bullet-margin-right) * -1) !important;
-    }
-  }
-}
-
-// unordered list
-.list--ul, .text-component .list--ul {
-  --list-bullet-size: 7px; // dot width and height
-  --list-bullet-margin-right: 12px; // gap between bullet and content
-
-  > li {
-    padding-left: 19px; // IE fallback
-  }
-
-  > li::before { // bullet
-    content: '';
-    border-radius: 50%;
-    color: var(--color-contrast-lower); // bullet color
-    background-color: currentColor;
-
-    // IE fallback
-    width: 7px;
-    height: 7px;
-    margin-left: -7px;
-    left: -12px;
-    // end - IE fallback
-  }
-
-  ul li::before {
-    background-color: transparent;
-    box-shadow: inset 0 0 0 2px currentColor;
-  }
-}
-
-// ordered list
-.list--ol, .text-component .list--ol {
-  --list-bullet-size: 26px; // ⚠️ use px or rem units - circle width and height
-  --list-bullet-margin-right: 6px; // ⚠️ use px or rem units - gap between circle and content
-  --list-bullet-font-size: 14px; // ⚠️ use px or rem units - bullet font size
-  counter-reset: list-items;
-
-  > li {
-    counter-increment: list-items;
-    padding-left: 32px; // IE fallback
-  }
-
-  ol {
-    counter-reset: list-items;
-  }
-
-  > li::before {
-    content: counter(list-items);
-    font-size: var(--list-bullet-font-size, 14px);
-    background-color: var(--color-contrast-lower);
-    color: var(--color-contrast-high);
-    line-height: 1;
-    border-radius: 50%;
-
-    // IE fallback
-    width: 26px;
-    height: 26px;
-    margin-left: -26px;
-    left: -6px;
-    // end - IE fallback
-  }
-
-  ol > li::before {
-    background-color: transparent;
-    box-shadow: inset 0 0 0 2px var(--color-contrast-lower);
-  }
-}
-/* #endregion */
-
-/* #region (border) */
-.list--border, .text-component .list--border { // show border divider among list items
-  li:not(:last-child) {
-    border-bottom: 1px solid var(--color-contrast-lower);
-  }
-
-  ul, ol {
-    border-top: 1px solid var(--color-contrast-lower);
-  }
-}
-/* #endregion */
-
-/* #region (icons) */
-.list--icons, .text-component .list--icons { // use icons as bullet points
-  --list-bullet-size: 24px;
-  --list-bullet-margin-right: 8px; // gap between icon and text
-  --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right));
-
-  ul, ol {
-    padding-left: 32px; // IE fallback
-
-    @supports (--css: variables) {
-      padding-left: var(--list-offset);
-    }
-  }
-}
-
-.list__icon {
-  position: relative;
-
-  // IE fallback
-  width: 24px;
-  height: 24px;
-  margin-right: 8px;
-
-  &:not(.top-0) {
-    top: calc((1em * var(--body-line-height) - 24px) / 2);
-  }
-  // end - IE fallback
-
-  @supports (--css: variables) {
-    width: var(--list-bullet-size);
-    height: var(--list-bullet-size);
-    margin-right: var(--list-bullet-margin-right);
-
-    &:not(.top-0) {
-      top: calc((1em * var(--body-line-height) * var(--list-line-height-multiplier) - var(--list-bullet-size)) / 2);
-    }
-  }
-}
-/* #endregion */
diff --git a/apps/web-shared/src/styles/components/menu-bar.scss b/apps/web-shared/src/styles/components/menu-bar.scss
deleted file mode 100644
index 3f70fbe..0000000
--- a/apps/web-shared/src/styles/components/menu-bar.scss
+++ /dev/null
@@ -1,139 +0,0 @@
-@use '../base' as *;
-@use 'menu.scss' as *;
-
-/* --------------------------------
-
-File#: _2_menu-bar
-Title: Menu Bar
-Descr: Application menu with a list of common actions that users can perform
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-:root {
-  --menu-bar-button-size: 2.5em; // size of the menu buttons
-  --menu-bar-icon-size: 1em; // size of the icons inside the buttons
-  --menu-bar-horizontal-gap: var(--space-xxs); // horizontal gap between buttons
-  --menu-bar-vertical-gap: 4px; // vertical gap between buttons and labels (tooltips)
-  --menu-bar-label-size: var(--text-xs); // label font size
-}
-
-.menu-bar {
-  list-style: none;
-  display: inline-flex;
-  align-items: center;
-}
-
-.menu-bar__item { // menu button
-  position: relative;
-  display: inline-block; // flex fallback
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: var(--menu-bar-button-size);
-  width: var(--menu-bar-button-size);
-  border-radius: 50%;
-  cursor: pointer;
-
-  &:not(:last-child) {
-    margin-right: var(--menu-bar-horizontal-gap);
-  }
-
-  &:hover,
-  &.menu-control--active {
-    background-color: alpha(var(--color-contrast-higher), 0.1);
-
-    > .menu-bar__icon {
-      color: var(--color-contrast-higher);
-    }
-
-    > .menu-bar__label { // show label
-      clip: auto;
-      clip-path: none;
-      height: auto;
-      width: auto;
-    }
-  }
-
-  &:focus {
-    outline: none;
-    background-color: alpha(var(--color-primary), 0.1);
-  }
-
-  &:active {
-    background-color: var(--color-contrast-low);
-  }
-
-  &:focus:active {
-    background-color: alpha(var(--color-primary), 0.2);
-  }
-}
-
-.menu-bar__item--trigger { // button used to show hidden actions - visibile only if menu = collapsed
-  display: none;
-}
-
-.menu-bar__icon {
-  display: block;
-  color: var(--color-contrast-high);
-  font-size: var(--menu-bar-icon-size); // set icon size
-}
-
-.menu-bar__label { // label visible on :hover
-  // hide
-  position: absolute;
-  z-index: var(--z-index-popover, 5);
-  clip: rect(1px, 1px, 1px, 1px);
-  clip-path: inset(50%);
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  white-space: nowrap;
-  // style
-  top: 100%;
-  left: 50%;
-  transform: translateX(-50%) translateY(var(--menu-bar-vertical-gap));
-  padding: var(--space-xxs) var(--space-xs);
-  color: var(--color-bg);
-  background-color: alpha(var(--color-contrast-higher), 0.95);
-  border-radius: var(--radius-md);
-  font-size: var(--menu-bar-label-size);
-  @include fontSmooth;
-  pointer-events: none;
-  user-select: none;
-}
-
-.menu-bar--collapsed { // mobile layout style
-  .menu-bar__item--hide { // hide buttons
-    display: none;
-  }
-
-  .menu-bar__item--trigger { // show submenu trigger
-    display: inline-block; // flex fallback
-    display: flex;
-  }
-}
-
-// detect when the menu needs to switch from the mobile layout to an expanded one - used in JS
-.js {
-  .menu-bar {
-    opacity: 0; // hide menu bar while it is initialized in JS
-
-    &::before {
-      display: none;
-      content: 'collapsed';
-    }
-  }
-
-  .menu-bar--loaded {
-    opacity: 1;
-  }
-
-  @each $breakpoint, $value in $breakpoints {
-    .menu-bar--expanded\@#{$breakpoint}::before {
-      @include breakpoint(#{$breakpoint}) {
-        content: 'expanded';
-      }
-    }
-  }
-}
diff --git a/apps/web-shared/src/styles/components/menu.scss b/apps/web-shared/src/styles/components/menu.scss
deleted file mode 100644
index 8e211a5..0000000
--- a/apps/web-shared/src/styles/components/menu.scss
+++ /dev/null
@@ -1,81 +0,0 @@
-@use '../base' as *;
-
-/* --------------------------------
-
-File#: _1_menu
-Title: Menu
-Descr: Application menu that provides access to a set of functionalities
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.menu {
-  --menu-vertical-gap: 5px; // vertical gap between the Menu element and its control
-  --menu-item-padding: var(--space-xxxs) var(--space-xs);
-  list-style: none;
-  position: fixed; // top/left position set in JS
-  background-color: var(--color-bg-light);
-  //padding: var(--space-xxs) 0;
-  border-radius: var(--radius-md);
-  z-index: var(--z-index-popover, 5);
-  user-select: none;
-  margin-top: var(--menu-vertical-gap);
-  margin-bottom: var(--menu-vertical-gap);
-  overflow: auto;
-  
-
-  // use rem units
-  @include spaceUnit(1rem);
-  @include textUnit(1rem);
-
-  visibility: hidden;
-  opacity: 0;
-}
-
-.menu--is-visible {
-  visibility: visible;
-  opacity: 1;
-}
-
-.menu--overlay {
-  z-index: var(--z-index-overlay, 15);
-}
-
-.menu__content {
-  display: block; // fallback
-  display: flex;
-  align-items: center;
-  text-decoration: none; // reset link style
-  padding: var(--menu-item-padding);
-  color: var(--color-contrast-high);
-  cursor: pointer;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  &:hover {
-    background-color: alpha(var(--color-contrast-higher), 0.075);
-  }
-
-  &:focus {
-    outline: none;
-    background-color: alpha(var(--color-primary), 0.15);
-  }
-}
-
-.menu__label {
-  padding: var(--menu-item-padding);
-  font-size: var(--text-sm);
-  color: var(--color-contrast-medium);
-}
-
-.menu__separator {
-  height: 1px;
-  background-color: var(--color-contrast-lower);
-  margin: var(--menu-item-padding);
-}
-
-.menu__icon {
-  color: alpha(var(--color-contrast-higher), 0.5);
-  margin-right: var(--space-xxs);
-}
diff --git a/apps/web-shared/src/styles/components/modal.scss b/apps/web-shared/src/styles/components/modal.scss
deleted file mode 100644
index 1beec76..0000000
--- a/apps/web-shared/src/styles/components/modal.scss
+++ /dev/null
@@ -1,105 +0,0 @@
-@use '../base' as *;
-
-/* --------------------------------
-
-File#: _1_modal-window
-Title: Modal Window
-Descr: A modal dialog used to display critical information
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.modal {
-  position: fixed;
-  z-index: var(--z-index-overlay, 15);
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  opacity: 0;
-  visibility: hidden;
-
-  &:not(.modal--is-visible) {
-    pointer-events: none;
-    background-color: transparent;
-  }
-}
-
-.modal--is-visible {
-  opacity: 1;
-  visibility: visible;
-}
-
-// close button
-.modal__close-btn {
-  display: flex;
-  flex-shrink: 0;
-  border-radius: 50%;
-  cursor: pointer;
-
-  .icon {
-    display: block;
-    margin: auto;
-  }
-}
-
-.modal__close-btn--outer { // close button - outside the modal__content
-  width: 48px;
-  height: 48px;
-  position: fixed;
-  top: var(--space-sm);
-  right: var(--space-sm);
-  z-index: var(--z-index-fixed-element, 10);
-  background-color: alpha(var(--color-black), 0.9);
-
-  .icon {
-    color: var(--color-white); // icon color
-  }
-
-  &:hover {
-    background-color: alpha(var(--color-black), 1);
-
-    .icon {
-      transform: scale(1.1);
-    }
-  }
-}
-
-.modal__close-btn--inner { // close button - inside the modal__content
-  width: 2em;
-  height: 2em;
-  background-color: var(--color-bg-light);
-  box-shadow: var(--inner-glow), var(--shadow-sm);
-
-  .icon {
-    color: inherit; // icon color
-  }
-
-  &:hover {
-    background-color: var(--color-bg-lighter);
-    box-shadow: var(--inner-glow), var(--shadow-md);
-  }
-}
-
-// load content - optional
-.modal--is-loading {
-  .modal__content {
-    visibility: hidden;
-  }
-
-  .modal__loader {
-    display: flex;
-  }
-}
-
-.modal__loader { // loader icon
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  justify-content: center;
-  align-items: center;
-  display: none;
-  pointer-events: none;
-}
diff --git a/apps/web-shared/src/styles/components/pagination.scss b/apps/web-shared/src/styles/components/pagination.scss
deleted file mode 100644
index 0a09210..0000000
--- a/apps/web-shared/src/styles/components/pagination.scss
+++ /dev/null
@@ -1,77 +0,0 @@
-@use '../base' as *;
-
-/* --------------------------------
-
-File#: _1_pagination
-Title: Pagination
-Descr: Component used to navigate through pages of related content
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.pagination {}
-
-.pagination__list > li {
-  display: inline-block; // flex fallback
-}
-
-// --split - push first + last item to sides
-.pagination--split {
-  .pagination__list {
-    width: 100%;
-
-    > *:first-child {
-      margin-right: auto;
-    }
-
-    > *:last-child {
-      margin-left: auto;
-    }
-  }
-}
-
-.pagination__item {
-  display: inline-block; // flex fallback
-  display: inline-flex;
-  height: 100%;
-  align-items: center;
-  padding: var(--space-xs) calc(1.355 * var(--space-xs));
-
-  white-space: nowrap;
-  line-height: 1;
-  border-radius: var(--radius-md);
-
-  text-decoration: none;
-  color: var(--color-contrast-high);
-  @include fontSmooth;
-
-  will-change: transform;
-
-  &:hover:not(.pagination__item--selected):not(.pagination__item--ellipsis) {
-    background-color: alpha(var(--color-contrast-higher), 0.1);
-  }
-}
-
-.pagination__item--selected {
-  background-color: var(--color-contrast-higher);
-  color: var(--color-bg);
-  box-shadow: var(--shadow-sm);
-}
-
-.pagination__item--disabled {
-  opacity: 0.5;
-  pointer-events: none;
-}
-
-// --jumper
-.pagination__jumper {
-  .form-control {
-    width: 3em;
-    margin-right: var(--space-xs);
-  }
-
-  em {
-    flex-shrink: 0;
-    white-space: nowrap;
-  }
-}
diff --git a/apps/web-shared/src/styles/components/popover.scss b/apps/web-shared/src/styles/components/popover.scss
deleted file mode 100644
index 7f423a0..0000000
--- a/apps/web-shared/src/styles/components/popover.scss
+++ /dev/null
@@ -1,38 +0,0 @@
-@use '../base'as *;
-
-/* --------------------------------
-
-File#: _1_popover
-Title: Popover
-Descr: A pop-up box controlled by a trigger element
-Usage: codyhouse.co/license
-
--------------------------------- */
-:root {
-  --popover-width: 250px;
-  --popover-control-gap: 4px; // ⚠️ use px units - vertical gap between the popover and its control
-  --popover-viewport-gap: 20px; // ⚠️ use px units - vertical gap between the popover and the viewport - visible if popover height > viewport height
-  --popover-transition-duration: 0.2s;
-}
-
-.popover {
-  position: fixed; // top/left position set in JS
-  width: var(--popover-width);
-  z-index: var(--z-index-popover, 5);
-  margin-top: var(--popover-control-gap);
-  margin-bottom: var(--popover-control-gap);
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-
-  visibility: hidden;
-  opacity: 0;
-}
-
-.popover--is-visible {
-  visibility: visible;
-  opacity: 1;
-}
-
-.popover-control--active {
-  // class added to the trigger when popover is visible
-}
diff --git a/apps/web-shared/src/styles/components/pre-header.scss b/apps/web-shared/src/styles/components/pre-header.scss
deleted file mode 100644
index 1e803e7..0000000
--- a/apps/web-shared/src/styles/components/pre-header.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-@use '../base' as *;
-
-/* --------------------------------
-
-File#: _1_pre-header
-Title: Pre-header
-Descr: Pre-header (top) banner
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.pre-header {
-  display: block;
-  background-color: var(--color-contrast-higher);
-  color: var(--color-bg);
-  @include fontSmooth;
-}
-
-.pre-header--is-hidden {
-  display: none;
-}
-
-.pre-header__close-btn {
-  position: absolute;
-  right: 0;
-  top: calc(50% - 0.5em);
-  will-change: transform;
-
-  &:hover {
-    transform: scale(1.1);
-  }
-
-  .icon {
-    display: block;
-  }
-}
-
-// --link
-a.pre-header {
-  text-decoration: none;
-
-  &:hover {
-    text-decoration: underline;
-    background-color: var(--color-contrast-high);
-  }
-}
diff --git a/apps/web-shared/src/styles/components/radios-checkboxes.scss b/apps/web-shared/src/styles/components/radios-checkboxes.scss
deleted file mode 100644
index c4009f9..0000000
--- a/apps/web-shared/src/styles/components/radios-checkboxes.scss
+++ /dev/null
@@ -1,134 +0,0 @@
-@use '../base' as *;
-
-/* -------------------------------- 
-
-File#: _1_radios-checkboxes
-Title: Radios and Checkboxes
-Descr: Custom radio and checkbox buttons
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-:root {
-  // radios and checkboxes
-  --checkbox-radio-size: 18px;
-  --checkbox-radio-gap: var(--space-xxs); // gap between button and label
-  --checkbox-radio-border-width: 1px;
-  --checkbox-radio-line-height: var(--body-line-height);
-
-  // radio buttons
-  --radio-marker-size: 8px;
-
-  // checkboxes
-  --checkbox-marker-size: 12px;
-  --checkbox-radius: 4px;
-}
-
-// hide native buttons
-.radio,
-.checkbox {
-  position: absolute;
-  padding: 0;
-  margin: 0;
-  margin-top: calc((1em * var(--checkbox-radio-line-height) - var(--checkbox-radio-size)) / 2);
-  opacity: 0;
-  height: var(--checkbox-radio-size);
-  width: var(--checkbox-radio-size);
-  pointer-events: none;
-}
-
-// label
-.radio + label,
-.checkbox + label {
-  display: inline-block;
-  line-height: var(--checkbox-radio-line-height);
-  user-select: none;
-  cursor: pointer;
-  padding-left: calc(var(--checkbox-radio-size) + var(--checkbox-radio-gap));
-}
-
-// custom inputs - basic style
-.radio + label::before,
-.checkbox + label::before {
-  content: '';
-  box-sizing: border-box;
-  display: inline-block;
-  position: relative;
-  vertical-align: middle;
-  top: -0.1em;
-  margin-left: calc(-1 * (var(--checkbox-radio-size) + var(--checkbox-radio-gap)));
-  flex-shrink: 0;
-  width: var(--checkbox-radio-size);
-  height: var(--checkbox-radio-size);
-  background-color: var(--color-bg);
-  border-width: var(--checkbox-radio-border-width);
-  border-color: alpha(var(--color-contrast-low), 0.65);
-  border-style: solid;
-  box-shadow: var(--shadow-xs);
-  background-repeat: no-repeat;
-  background-position: center;
-  margin-right: var(--checkbox-radio-gap);
-}
-
-// :hover
-.radio:not(:checked):not(:focus) + label:hover::before,
-.checkbox:not(:checked):not(:focus) + label:hover::before {
-  border-color: alpha(var(--color-contrast-low), 1);
-}
-
-// radio only style
-.radio + label::before {
-  border-radius: 50%;
-}
-
-// checkbox only style
-.checkbox + label::before {
-  border-radius: var(--checkbox-radius);
-}
-
-// :checked
-.radio:checked + label::before,
-.checkbox:checked + label::before {
-  background-color: var(--color-primary);
-  box-shadow: var(--shadow-xs);
-  border-color: var(--color-primary);
-}
-
-// radio button icon
-.radio:checked + label::before {
-  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg class='nc-icon-wrapper' fill='%23ffffff'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23ffffff'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
-  background-size: var(--radio-marker-size);
-}
-
-// checkbox button icon
-.checkbox:checked + label::before {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolyline points='1 6.5 4 9.5 11 2.5' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
-  background-size: var(--checkbox-marker-size);
-}
-
-// :focus
-.radio:checked:active + label::before,
-.checkbox:checked:active + label::before,
-.radio:focus + label::before,
-.checkbox:focus + label::before {
-  border-color: var(--color-primary);
-  box-shadow: 0 0 0 3px alpha(var(--color-primary), 0.2);
-}
-
-// --radio--bg, --checkbox--bg -> variation with background color
-.radio--bg + label, .checkbox--bg + label {
-  padding: var(--space-xxxxs) var(--space-xxxs);
-  padding-left: calc(var(--checkbox-radio-size) + var(--checkbox-radio-gap) + var(--space-xxxs));
-  border-radius: var(--radius-md);
-}
-
-.radio--bg + label:hover, .checkbox--bg + label:hover {
-  background-color: alpha(var(--color-contrast-higher), 0.075);
-}
-
-.radio--bg:active + label,
-.checkbox--bg:active + label,
-.radio--bg:focus + label,
-.checkbox--bg:focus + label {
-  background-color: alpha(var(--color-primary), 0.1);
-}
diff --git a/apps/web-shared/src/styles/components/responsive-sidebar.scss b/apps/web-shared/src/styles/components/responsive-sidebar.scss
deleted file mode 100644
index 71c86da..0000000
--- a/apps/web-shared/src/styles/components/responsive-sidebar.scss
+++ /dev/null
@@ -1,139 +0,0 @@
-@use '../base' as *;
-
-/* -------------------------------- 
-
-File#: _1_responsive-sidebar
-Title: Responsive Sidebar
-Descr: Responsive sidebar container
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-/* mobile version only (--default) 👇 */
-.sidebar:not(.sidebar--static) {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: var(--z-index-fixed-element, 10);
-  width: 100%;
-  height: 100%;
-  visibility: hidden;
-  transition: visibility 0s 0.3s;
-
-  &::after { /* overlay layer */
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: alpha(var(--color-black), 0);
-    transition: background-color .3s;
-    z-index: 1;
-  }
-
-  .sidebar__panel { /* content */
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 2;
-    width: 100%;
-    max-width: 380px;
-    height: 100%;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-    background-color: var(--color-bg);
-    transform: translateX(-100%);
-    transition: box-shadow 0.3s,transform 0.3s;
-  }
-
-  &.sidebar--right-on-mobile {
-    .sidebar__panel {
-      left: auto;
-      right: 0;
-      transform: translateX(100%);
-    }
-  }
-
-  &.sidebar--is-visible {
-    visibility: visible;
-    transition: none;
-    
-    &::after {
-      background-color: alpha(var(--color-black), 0.85);
-    }
-
-    .sidebar__panel {
-      transform: translateX(0);
-      box-shadow: var(--shadow-md);
-    }
-  }
-}
-/* end mobile version */
-
-.sidebar__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  position: sticky;
-  top: 0;
-}
-
-.sidebar__close-btn {
-  --size: 32px;
-  width: var(--size);
-  height: var(--size);
-  display: flex;
-  border-radius: 50%;
-  background-color: var(--color-bg-light);
-  box-shadow: var(--inner-glow), var(--shadow-sm);
-  transition: .2s;
-  flex-shrink: 0;
-  
-  .icon {
-    display: block;
-    margin: auto;
-  }
-
-  &:hover {
-    background-color: var(--color-bg-lighter);
-    box-shadow: var(--inner-glow), var(--shadow-md);
-  }
-}
-
-/* desktop version only (--static) 👇 */
-.sidebar--static {
-  flex-shrink: 0;
-  flex-grow: 1;
-
-  .sidebar__header {
-    display: none;
-  }
-}
-
-.sidebar--sticky-on-desktop {
-  position: sticky;
-  top: var(--space-sm);
-  max-height: calc(100vh - var(--space-sm));
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-}
-/* end desktop version */
-
-.sidebar--loaded {
-  opacity: 1;
-}
-
-
-.sidebar--static::before {
-  content: 'static';
-}
-
-@each $breakpoint, $value in $breakpoints {
-  .sidebar--static\@#{$breakpoint}::before {
-    content: 'mobile';
-    @include breakpoint(#{$breakpoint}) {
-      content: 'static';
-    }
-  }
-}
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/components/select-autocomplete.scss b/apps/web-shared/src/styles/components/select-autocomplete.scss
deleted file mode 100644
index d5360ff..0000000
--- a/apps/web-shared/src/styles/components/select-autocomplete.scss
+++ /dev/null
@@ -1,176 +0,0 @@
-@use '../base' as *;
-@use 'autocomplete.scss' as *;
-
-/* --------------------------------
-
-File#: _3_select-autocomplete
-Title: Select Autocomplete
-Descr: Selection dropdown with autocomplete
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.select-auto {
-  &.autocomplete {
-    --autocomplete-dropdown-vertical-gap: 4px; // gap between input and results list
-    --autocomplete-dropdown-max-height: 250px;
-    --autocomplete-dropdown-scrollbar-width: 6px; // custom scrollbar - webkit browsers
-  }
-}
-
-// input
-.select-auto__input-wrapper {
-  --input-btn-size: 1.25em; // btn/icon size
-  --input-btn-icon-size: 16px; // btn/icon size
-  --input-btn-text-gap: var(--space-xxs); // gap between button/icon and text
-
-  position: relative;
-  background: var(--color-bg-dark);
-  line-height: 1.2;
-  box-shadow: inset 0 0 0 1px var(--color-contrast-lower);
-
-  &.multiple {
-    display: flex;
-    flex-direction: row;
-    flex-flow: wrap;
-
-    .chip {
-      white-space: nowrap;
-      margin-right: 1px;
-    }
-
-    input[type="text"] {
-      width: auto;
-    }
-
-    @media (max-width: 756px) {
-      flex-flow: column !important;
-
-      &.has-selection {
-        input[type="text"] {
-          margin-top: 5px;
-        }
-
-        .chip {
-          justify-content: space-between;
-
-          .chip__btn {
-            margin-right: 0 !important;;
-          }
-        }
-      }
-    }
-  }
-
-  &::placeholder {
-    opacity: 1;
-    color: var(--color-contrast-low);
-  }
-
-  &:focus-within,
-  .focus {
-    background: var(--color-bg);
-    box-shadow: inset 0 0 0 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 1px var(--color-primary);
-    outline: none;
-  }
-
-  .form-control {
-    width: 100%;
-    height: 100%;
-    padding-right: calc(var(--form-control-padding-x) + var(--input-btn-size) + var(--input-btn-text-gap));
-  }
-}
-
-
-.select-auto__input-icon-wrapper {
-  width: var(--input-btn-size);
-  height: var(--input-btn-size);
-
-  position: absolute;
-  bottom: calc(var(--input-btn-size) / 3);
-  right: var(--form-control-padding-x);
-  display: flex;
-  pointer-events: none;
-
-  .icon {
-    display: block;
-    margin: auto;
-    width: var(--input-btn-icon-size, 16px);
-    height: var(--input-btn-icon-size, 16px);
-  }
-}
-
-.select-auto__input-btn {
-  display: none;
-  justify-content: center;
-  align-items: center;
-  width: inherit;
-  height: inherit;
-  pointer-events: auto;
-  cursor: pointer;
-  color: var(--color-contrast-medium); // icon color
-
-  &:hover {
-    color: var(--color-contrast-high);
-  }
-}
-
-.select-auto--selection-done {
-  .select-auto__input-icon-wrapper > .icon {
-    display: none;
-  }
-
-  .select-auto__input-btn {
-    display: flex;
-  }
-}
-
-// dropdown
-.select-auto__results {
-  // reset spacing and typography
-  @include spaceUnit(1rem);
-  @include textUnit(1rem);
-}
-
-// single result item
-.select-auto__option {
-  position: relative;
-  cursor: pointer;
-
-  &:hover {
-    background-color: alpha(var(--color-contrast-higher), 0.05);
-  }
-
-  &:focus,
-  &.focus {
-    outline: none;
-    background-color: alpha(var(--color-primary), 0.12);
-  }
-
-  &.select-auto__option--selected {
-    background-color: var(--color-primary);
-    color: var(--color-white);
-    padding-right: calc(1em + var(--space-sm));
-    @include fontSmooth;
-
-    &:focus,
-    .focus {
-      background-color: var(--color-primary-dark);
-    }
-
-    &::after {
-      content: '';
-      position: absolute;
-      right: var(--space-sm);
-      top: calc(50% - 0.5em);
-      height: 1em;
-      width: 1em;
-      background-color: currentColor;
-      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");
-    }
-  }
-}
-
-.select-auto__group-title, .select-auto__no-results-msg {
-  outline: none;
-}
diff --git a/apps/web-shared/src/styles/components/side-navigation-v4.scss b/apps/web-shared/src/styles/components/side-navigation-v4.scss
deleted file mode 100644
index c2c13d2..0000000
--- a/apps/web-shared/src/styles/components/side-navigation-v4.scss
+++ /dev/null
@@ -1,237 +0,0 @@
-@use '../base' as *;
-@use 'responsive-sidebar.scss' as *;
-
-/* -------------------------------- 
-
-File#: _2_side-navigation-v4
-Title: Side Navigation v4
-Descr: Main, side navigation
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.sidenav-v4 {
-  --sidenav-v4-icon-size: 20px;
-  --sidenav-v4-icon-margin-right: var(--space-xxs);
-}
-
-.sidenav-v4__item {
-  position: relative;
-}
-
-.sidenav-v4__link, 
-.sidenav-v4__sub-link,
-.sidenav-v4__separator {
-  padding: var(--space-sm);
-}
-
-.sidenav-v4__link, .sidenav-v4__sub-link {
-  display: flex;
-  align-items: center;
-  
-  width: 100%;
-  border-radius: var(--radius-md);
-  
-  text-decoration: none;
-  color: inherit;
-  line-height: 1;
-  font-size: var(--text-md);
-
-  transition: .2s;
-
-  &:hover {
-    color: var(--color-primary);
-    background-color: alpha(var(--color-contrast-higher), 0.075);
-  }
-
-  &[aria-current="page"] {
-    color: var(--color-primary);
-  }
-}
-
-.sidenav-v4__sub-link {
-  position: relative;
-  color: var(--color-contrast-medium);
-  
-  /* dot indicator */
-  &::before {
-    content: '';
-    display: block;
-    --size: 6px;
-    width: var(--size);
-    height: var(--size);
-    background: currentColor;
-    border-radius: 50%;
-    margin-left: calc(var(--sidenav-v4-icon-size)/2 - var(--size)/2);
-    margin-right: calc(var(--sidenav-v4-icon-size)/2 - var(--size)/2 + var(--sidenav-v4-icon-margin-right));
-
-    opacity: 0; /* visible only if current */
-  }
-
-  &[aria-current="page"] {
-    &::before { /* show dot indicator */
-      opacity: 1;
-    }
-  }
-}
-
-.sidenav-v4__notification-marker {
-  margin-left: auto;
-  background-color: var(--color-accent);
-  border-radius: var(--radius-md);
-  
-  height: 16px;
-  line-height: 16px;
-  padding: 0 4px;
-  color: var(--color-white);
-  font-size: 12px;
-
-  /* hide - visible only on desktop */
-  display: none;
-}
-
-/* label icon */
-.sidenav-v4__icon {
-  --size: var(--sidenav-v4-icon-size);
-  margin-right: var(--sidenav-v4-icon-margin-right);
-}
-
-/* arrow icon - visible on mobile if item is expandable */
-.sidenav-v4__arrow-icon {
-  --size: 20px;
-
-  .icon__group {
-    will-change: transform;
-    transform-origin: 50% 50%;
-    transform: rotate(-90deg);
-    transition: transform .3s var(--ease-out);
-
-    > * {
-      transform-origin: 50% 50%;
-      stroke-dasharray: 20;
-      stroke-dashoffset: 0;
-      transform: translateY(0px);
-      transition: transform .3s, stroke-dashoffset .3s;
-      transition-timing-function: var(--ease-out);
-    }
-
-    .sidenav-v4__item--collapsed & {
-      transform: rotate(0deg);
-
-      > * {
-        transform: translateY(4px);
-      }
-
-      > *:first-child {
-        stroke-dashoffset: 10.15;
-      }
-  
-      > *:last-child {
-        stroke-dashoffset: 10.15;
-      }
-    }
-  }
-
-  /* hide icon for links - show only for buttons created in JS */
-  .sidenav-v4__link--href & {
-    display: none;
-  }
-}
-
-/* current item */
-.sidenav-v4__item--current {
-  .sidenav-v4__sub-list {
-    display: block; /* show sublist */
-  }
-}
-
-/* separator */
-.sidenav-v4__separator {
-  span {
-    display: block;
-    width: var(--sidenav-v4-icon-size);
-    height: 1px;
-    background-color: var(--color-contrast-lower);
-  }
-}
-
-/* mobile only */
-@include breakpoint(md, "not all") {
-  .sidenav-v4__item--collapsed {
-    .sidenav-v4__sub-list {
-      display: none;
-    }
-  }
-
-  .sidenav-v4__link--href {
-    display: none; /* hide link -> show button */
-  }
-}
-
-/* desktop */
-@include breakpoint(md) {
-  .sidenav-v4__sub-list {
-    display: none;
-  }
-
-  .sidenav-v4__link, 
-  .sidenav-v4__sub-link,
-  .sidenav-v4__separator {
-    padding: var(--space-xs);
-  }
-
-  .sidenav-v4__link, 
-  .sidenav-v4__sub-link {
-    font-size: var(--text-sm);
-  }
-
-  .sidenav-v4__link--btn {
-    display: none; /* hide button -> show link */
-  }
-
-  /* tooltip */
-  .sidenav-v4__item:not(.sidenav-v4__item--current) {
-    .sidenav-v4__sub-list {
-      width: 220px;
-      position: absolute;
-      z-index: var(--z-index-overlay);
-      left: 100%;
-      top: 0;
-  
-      background-color: var(--color-bg-light);
-      box-shadow: var(--inner-glow), var(--shadow-md);
-      border-radius: var(--radius-md);
-  
-      overflow: hidden;
-    }
-
-    .sidenav-v4__sub-link {
-      border-radius: 0;
-      color: var(--color-contrast-high);
-
-      &::before {
-        display: none; /* remove dot indicator */
-      }
-
-      &:hover {
-        color: var(--color-primary);
-      }
-    }
-
-    &.sidenav-v4__item--hover, &:focus-within {
-      .sidenav-v4__sub-list {
-        display: block;
-      }
-    }
-
-    &:hover .sidenav-v4__link { /* highlight main link if tooltip is visible */
-      color: var(--color-primary);
-      background-color: alpha(var(--color-contrast-higher), 0.075);
-    }
-  }
-
-  /* notification marker */
-  .sidenav-v4__notification-marker {
-    display: block;
-  }
-}
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/components/tabbed-navigation.scss b/apps/web-shared/src/styles/components/tabbed-navigation.scss
deleted file mode 100644
index 4090fca..0000000
--- a/apps/web-shared/src/styles/components/tabbed-navigation.scss
+++ /dev/null
@@ -1,133 +0,0 @@
-@use '../base' as *;
-
-/* --------------------------------
-
-File#: _1_tabbed-navigation-v2
-Title: Tabbed Navigation v2
-Descr: Tabbed (secondary) navigation
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.tabs-nav-v2 {
-  display: flex;
-  flex-wrap: wrap;
-
-  .tab-v2 {
-    display: inline-block; // flexbox fallback
-    display: inline-flex;
-    align-items: center;
-  }
-}
-
-.tabs-nav-v2__item {
-  display: inline-block;
-  padding: var(--space-xxs) var(--space-sm);
-  color: inherit;
-  white-space: nowrap;
-  text-decoration: none;
-}
-
-.tabs-nav-v2__item--selected,
-.tabs-nav-v2__item[aria-selected="true"] {
-  color: var(--color-bg);
-  background-color: var(--color-contrast-higher);
-}
-
-@include breakpoint(md) {
-  .tabs-nav-v2 {
-    .tab-v2 {
-      margin: 0;
-    }
-  }
-
-  .tabs-nav-v2__item {
-    background-color: transparent;
-    margin: var(--space-xxs) var(--space-sm);
-    padding: var(--space-xxxs) var(--space-xxs) !important;
-    border-radius: var(--radius-md);
-
-    &:hover {
-      background-color: alpha(var(--color-primary), 0.035);
-      color: var(--color-primary);
-    }
-  }
-  
-  .tabs-nav-v2__item--selected,
-  .tabs-nav-v2__item[aria-selected="true"] {
-    
-    background-color: alpha(var(--color-primary), 0.075);
-    color: var(--color-primary);
-    position: relative;
-
-    &::after {
-      content: '';
-      position: absolute;
-      bottom: calc(var(--tabs-nav-border-width) * -1);
-      left: 0;
-      width: 100%;
-      height: var(--tabs-nav-border-width);
-      background-color: var(--color-bg);
-    }
-
-    &:hover {
-      background-color: alpha(var(--color-primary), 0.075);
-    }
-  }
-}
-
-:root {
-  --s-tabs-border-bottom-width: 1px;
-  --s-tabs-selected-item-border-bottom-width: 1px;
-}
-
-.s-tabs {
-  position: relative;
-
-  &::after { /* gradient - truncate text */
-    content: '';
-    position: absolute;
-    right: -1px;
-    top: 0;
-    height: calc(100% - var(--s-tabs-border-bottom-width));
-    width: 2em;
-    pointer-events: none;
-    z-index: 1;
-  }
-}
-
-.s-tabs__list {
-  display: flex;
-  overflow: auto;
-  -webkit-overflow-scrolling: auto;
-
-  &::after { /* border bottom */
-    content: '';
-    position: absolute;
-    width: 100%;
-    height: var(--s-tabs-border-bottom-width);
-    left: 0;
-    bottom: 0;
-    background-color: var(--color-contrast-lower);
-  }
-}
-
-.s-tabs__link {
-  color: var(--color-contrast-medium);
-  text-decoration: none;
-  display: inline-block;
-  padding: var(--space-xs) var(--space-sm);
-  white-space: nowrap;
-  border-bottom: var(--s-tabs-selected-item-border-bottom-width) solid transparent;
-  z-index: 1;
-
-  &:hover:not(.s-tabs__link--current) {
-    color: var(--color-contrast-high);
-  }
-}
-
-.s-tabs__link--current {
-  position: relative;
-  color: var(--color-primary);
-  border-bottom-color: var(--color-primary);
-}
diff --git a/apps/web-shared/src/styles/components/table.scss b/apps/web-shared/src/styles/components/table.scss
deleted file mode 100644
index af8207f..0000000
--- a/apps/web-shared/src/styles/components/table.scss
+++ /dev/null
@@ -1,147 +0,0 @@
-@use '../base'as *;
-
-/* --------------------------------
-
-File#: _1_table
-Title: Table
-Descr: Data tables used to organize and display information in rows and columns
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-// >>> style affecting all (block + expanded) versions 👇
-.table {
-  position: relative;
-  z-index: 1;
-}
-
-// <<< end style affecting all versions
-
-// >>> block version only (mobile) 👇
-.table:not(.table--expanded) {
-  border-collapse: separate;
-  border-spacing: 0 var(--space-md); // row gap
-  margin-top: calc(-2 * var(--space-md)); // set spacing variable = row gap ☝️
-
-  .table__header {
-    // hide table header - but keep it accessible to SR
-    @include srHide;
-  }
-
-  .table__row {
-    .table__cell:first-child {
-      border-radius: var(--radius-md) var(--radius-md) 0 0;
-    }
-
-    .table__cell:last-child {
-      border-radius: 0 0 var(--radius-md) var(--radius-md);
-
-      &::after {
-        // hide border bottom
-        display: none;
-      }
-    }
-  }
-
-  .table__cell {
-    position: relative;
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
-    text-align: right;
-    padding: var(--space-md);
-    background-color: var(--color-bg-light);
-
-    &::after {
-      // border bottom
-      content: '';
-      position: absolute;
-      bottom: 0;
-      left: var(--space-md);
-      width: calc(100% - (2 * var(--space-md)));
-      height: 1px;
-      background-color: var(--color-contrast-lower);
-    }
-  }
-
-  .table__label {
-    // inline labels -> visible when table header is hidden
-    font-weight: bold;
-    text-align: left;
-    color: var(--color-contrast-higher);
-    margin-right: var(--space-md);
-  }
-}
-
-// <<< end block version
-
-// >>> expanded version only (desktop) 👇 -> show standard rows and cols
-.table--expanded {
-  border-bottom: 1px solid var(--color-contrast-lower); // table border bottom
-
-  .table__header {
-    .table__cell {
-      // header cell style
-      position: relative;
-      z-index: 10;
-      background-color: var(--color-bg);
-      border-bottom: 1px solid var(--color-contrast-lower); // header border bottom
-      font-weight: bold;
-      color: var(--color-contrast-higher);
-    }
-  }
-
-  .table__body {
-    .table__row {
-      &:nth-child(odd) {
-        background-color: alpha(var(--color-bg-dark), 0.85);
-      }
-    }
-  }
-
-  .table__cell {
-    padding: var(--space-xxxs);
-  }
-
-  .table__label {
-    // hide inline labels
-    display: none;
-  }
-
-  // --header-sticky
-  .table__header--sticky {
-    .table__cell {
-      // header cell style
-      position: sticky;
-      top: 0;
-    }
-  }
-}
-
-// <<< end expanded version
-
-.js {
-  .table {
-    opacity: 0; // hide table while it is initialized in JS
-  }
-
-  .table--loaded {
-    opacity: 1;
-  }
-}
-
-// detect when the table needs to switch from the mobile layout to an expanded one - used in JS
-[class*="table--expanded"]::before {
-  display: none;
-}
-
-@each $breakpoint,
-$value in $breakpoints {
-  .table--expanded\@#{$breakpoint}::before {
-    content: 'collapsed';
-
-    @include breakpoint(#{$breakpoint}) {
-      content: 'expanded';
-    }
-  }
-}
diff --git a/apps/web-shared/src/styles/components/user-menu.scss b/apps/web-shared/src/styles/components/user-menu.scss
deleted file mode 100644
index 416655f..0000000
--- a/apps/web-shared/src/styles/components/user-menu.scss
+++ /dev/null
@@ -1,81 +0,0 @@
-@use '../base' as *;
-@use 'menu.scss' as *;
-
-/* -------------------------------- 
-
-File#: _2_user-menu
-Title: User Menu
-Descr: A menu controlled by the user profile image
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.user-menu-control {
-  --profile-figure-size: 40px;
-
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  text-align: left;
-
-  &:hover {
-    .user-menu-control__img-wrapper {
-      opacity: 0.8;
-    }
-
-    .user-menu__meta-title {
-      color: var(--color-primary);
-    }
-  }
-
-  &:focus, &.menu-control--active {
-    outline: none;
-
-    .user-menu-control__img-wrapper::after {
-      opacity: 1;
-      transform: scale(1);
-    }
-  }
-}
-
-.user-menu-control__img-wrapper {
-  width: var(--profile-figure-size);
-  height: var(--profile-figure-size);
-  position: relative;
-  //transition: opacity 0.2s;
-
-  &::after {
-    content: '';
-    position: absolute;
-    z-index: -1;
-    left: -4px;
-    top: -4px;
-    width: 100%;
-    height: 100%;
-    border-radius: inherit;
-    width: calc(var(--profile-figure-size) + 8px);
-    height: calc(var(--profile-figure-size) + 8px);
-    border: 2px solid var(--color-primary);
-    pointer-events: none;
-
-    opacity: 0;
-    transform: scale(0.8);
-
-    //transition: all 0.2s;
-  }
-}
-
-.user-menu-control__img {
-  display: block;
-  width: 100%;
-  object-fit: cover;
-  border-radius: inherit;
-}
-
-.user-menu__meta {
-  //max-width: 100px;
-}
-
-.user-menu__meta-title {
-  //transition: color 0.2s;
-}
diff --git a/apps/web-shared/src/styles/components/vanilla-responsive-sidebar.scss b/apps/web-shared/src/styles/components/vanilla-responsive-sidebar.scss
deleted file mode 100644
index 735cc1e..0000000
--- a/apps/web-shared/src/styles/components/vanilla-responsive-sidebar.scss
+++ /dev/null
@@ -1,146 +0,0 @@
-@use '../base' as *;
-
-/* -------------------------------- 
-
-File#: _1_responsive-sidebar
-Title: Responsive Sidebar
-Descr: Responsive sidebar container
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-/* mobile version only (--default) 👇 */
-.sidebar:not(.sidebar--static) {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: var(--z-index-fixed-element, 10);
-  width: 100%;
-  height: 100%;
-  visibility: hidden;
-  transition: visibility 0s 0.3s;
-
-  &::after { /* overlay layer */
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: alpha(var(--color-black), 0);
-    transition: background-color .3s;
-    z-index: 1;
-  }
-
-  .sidebar__panel { /* content */
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 2;
-    width: 100%;
-    max-width: 380px;
-    height: 100%;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-    background-color: var(--color-bg);
-    transform: translateX(-100%);
-    transition: box-shadow 0.3s, transform 0.3s;
-  }
-
-  &.sidebar--right-on-mobile {
-    .sidebar__panel {
-      left: auto;
-      right: 0;
-      transform: translateX(100%);
-    }
-  }
-
-  &.sidebar--is-visible {
-    visibility: visible;
-    transition: none;
-
-    &::after {
-      background-color: alpha(var(--color-black), 0.85);
-    }
-
-    .sidebar__panel {
-      transform: translateX(0);
-      box-shadow: var(--shadow-md);
-    }
-  }
-}
-
-/* end mobile version */
-
-.sidebar__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  position: sticky;
-  top: 0;
-}
-
-.sidebar__close-btn {
-  --size: 32px;
-  width: var(--size);
-  height: var(--size);
-  display: flex;
-  border-radius: 50%;
-  background-color: var(--color-bg-light);
-  box-shadow: var(--inner-glow), var(--shadow-sm);
-  transition: .2s;
-  flex-shrink: 0;
-
-  .icon {
-    display: block;
-    margin: auto;
-  }
-
-  &:hover {
-    background-color: var(--color-bg-lighter);
-    box-shadow: var(--inner-glow), var(--shadow-md);
-  }
-}
-
-.sidebar__footer {
-  background-color: var(--color-bg);
-}
-
-/* desktop version only (--static) 👇 */
-.sidebar--static {
-  flex-shrink: 0;
-  flex-grow: 1;
-  width: 100%;
-  max-width: 320px;
-
-  .sidebar__header {
-    display: none;
-  }
-
-  .sidebar__footer {
-    background-color: var(--color-bg-dark);
-  }
-}
-
-.sidebar--sticky-on-desktop {
-  position: sticky;
-  top: var(--space-sm);
-  max-height: calc(100vh - var(--space-sm));
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-}
-
-/* end desktop version */
-
-.sidebar--static::before {
-  content: 'static';
-}
-
-@each $breakpoint, $value in $breakpoints {
-  .sidebar--static\@#{$breakpoint}::before {
-    content: 'mobile';
-    @include breakpoint(#{$breakpoint}) {
-      content: 'static';
-    }
-  }
-}
diff --git a/apps/web-shared/src/styles/custom-style/_buttons.scss b/apps/web-shared/src/styles/custom-style/_buttons.scss
deleted file mode 100644
index 2145acc..0000000
--- a/apps/web-shared/src/styles/custom-style/_buttons.scss
+++ /dev/null
@@ -1,89 +0,0 @@
-@use '../base' as *;
-
-// --------------------------------
-
-// (START) Global editor code https://codyhouse.co/ds/globals/buttons
-
-// --------------------------------
-
-:root {
-  --btn-font-size: 1rem;
-  --btn-padding-x: var(--space-xs);
-  --btn-padding-y: var(--space-xxxs);
-  --btn-radius: 5px;
-}
-
-.btn {
-  background: var(--color-bg-dark);
-  color: var(--color-contrast-higher);
-  cursor: pointer;
-  font-family: var(--font-primary);
-  font-weight: 400;
-  text-decoration: none;
-  line-height: 0.8;
-  @include fontSmooth;
-  outline: none;
-
-  &:hover {
-    background: var(--color-bg-darker);
-  }
-
-  &:focus {
-    outline: 1px solid var(--color-contrast-lower);
-  }
-}
-
-// themes
-.btn--primary {
-  background: var(--color-primary);
-  color: var(--color-white);
-
-  &:hover {
-    background: var(--color-primary-light);
-    box-shadow: inset 0px 1px 0px alpha(var(--color-white), 0.15), 0px 1px 2px alpha(var(--color-primary-darker), 0.25), 0px 1px 4px alpha(var(--color-primary-darker), 0.1), 0px 3px 6px -2px alpha(var(--color-primary-darker), 0.25);
-  }
-}
-
-.btn--subtle {
-  background: var(--color-bg-lighter);
-  color: var(--color-contrast-higher);
-
-  &:hover {
-    background: var(--color-bg-light);
-  }
-}
-
-.btn--accent {
-  background: var(--color-accent);
-  color: var(--color-white);
-
-  &:hover {
-    background: var(--color-accent-light);
-    box-shadow: inset 0px 1px 0px alpha(var(--color-white), 0.15), 0px 1px 2px alpha(var(--color-accent-darker), 0.25), 0px 1px 4px alpha(var(--color-accent-darker), 0.1), 0px 3px 6px -2px alpha(var(--color-accent-darker), 0.1);
-  }
-}
-
-// feedback
-.btn--disabled, .btn[disabled], .btn[readonly] {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-
-// size
-.btn--sm {
-  font-size: 0.8rem;
-}
-
-.btn--md {
-  font-size: 1.2rem;
-}
-
-.btn--lg {
-  font-size: 1.4rem;
-}
-
-// --------------------------------
-
-// (END) Global editor code
-
-// --------------------------------
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/custom-style/_colors.scss b/apps/web-shared/src/styles/custom-style/_colors.scss
deleted file mode 100644
index 97b620f..0000000
--- a/apps/web-shared/src/styles/custom-style/_colors.scss
+++ /dev/null
@@ -1,119 +0,0 @@
-@use '../base' as *;
-
-// --------------------------------
-
-// (START) Global editor code https://codyhouse.co/ds/globals/colors
-
-// --------------------------------
-
-:root, [data-theme="default"] {
-  // main
-  @include defineColorHSL(--color-primary-darker, 210, 92%, 32%);
-  @include defineColorHSL(--color-primary-dark, 210, 92%, 38%);
-  @include defineColorHSL(--color-primary, 210, 92%, 44%);
-  @include defineColorHSL(--color-primary-light, 210, 92%, 50%);
-  @include defineColorHSL(--color-primary-lighter, 210, 92%, 56%);
-
-  @include defineColorHSL(--color-accent-darker, 350, 47%, 30%);
-  @include defineColorHSL(--color-accent-dark, 350, 47%, 36%);
-  @include defineColorHSL(--color-accent, 350, 47%, 42%);
-  @include defineColorHSL(--color-accent-light, 350, 47%, 48%);
-  @include defineColorHSL(--color-accent-lighter, 350, 47%, 54%);
-
-  @include defineColorHSL(--color-black, 0, 0%, 10%);
-  @include defineColorHSL(--color-white, 0, 0%, 100%);
-
-  // feedback
-  @include defineColorHSL(--color-warning-darker, 25, 75%, 60%);
-  @include defineColorHSL(--color-warning-dark, 25, 75%, 66%);
-  @include defineColorHSL(--color-warning, 25, 75%, 72%);
-  @include defineColorHSL(--color-warning-light, 25, 75%, 78%);
-  @include defineColorHSL(--color-warning-lighter, 25, 75%, 84%);
-
-  @include defineColorHSL(--color-success-darker, 143, 45%, 59%);
-  @include defineColorHSL(--color-success-dark, 143, 45%, 65%);
-  @include defineColorHSL(--color-success, 143, 45%, 71%);
-  @include defineColorHSL(--color-success-light, 143, 45%, 77%);
-  @include defineColorHSL(--color-success-lighter, 143, 45%, 83%);
-
-  @include defineColorHSL(--color-error-darker, 342, 89%, 38%);
-  @include defineColorHSL(--color-error-dark, 342, 89%, 43%);
-  @include defineColorHSL(--color-error, 342, 89%, 48%);
-  @include defineColorHSL(--color-error-light, 342, 89%, 56%);
-  @include defineColorHSL(--color-error-lighter, 342, 89%, 62%);
-
-  // background
-  @include defineColorHSL(--color-bg-darker, 240, 2%, 90%);
-  @include defineColorHSL(--color-bg-dark, 240, 3%, 94%);
-  @include defineColorHSL(--color-bg, 0, 0%, 100%);
-  @include defineColorHSL(--color-bg-light, 240, 3%, 100%);
-  @include defineColorHSL(--color-bg-lighter, 240, 2%, 100%);
-
-  // color contrasts
-  @include defineColorHSL(--color-contrast-lower, 240, 1%, 85%);
-  @include defineColorHSL(--color-contrast-low, 240, 2%, 66%);
-  @include defineColorHSL(--color-contrast-medium, 230, 2%, 48%);
-  @include defineColorHSL(--color-contrast-high, 223, 6%, 25%);
-  @include defineColorHSL(--color-contrast-higher, 225, 14%, 11%);
-}
-
-[data-theme="dark"] {
-  // main
-  @include defineColorHSL(--color-primary-darker, 250, 100%, 60%);
-  @include defineColorHSL(--color-primary-dark, 250, 100%, 64%);
-  @include defineColorHSL(--color-primary, 250, 100%, 69%);
-  @include defineColorHSL(--color-primary-light, 250, 100%, 72%);
-  @include defineColorHSL(--color-primary-lighter, 250, 100%, 76%);
-
-  @include defineColorHSL(--color-accent-darker, 342, 92%, 41%);
-  @include defineColorHSL(--color-accent-dark, 342, 92%, 47%);
-  @include defineColorHSL(--color-accent, 342, 92%, 54%);
-  @include defineColorHSL(--color-accent-light, 342, 92%, 60%);
-  @include defineColorHSL(--color-accent-lighter, 342, 92%, 65%);
-
-  @include defineColorHSL(--color-black, 230, 13%, 9%);
-  @include defineColorHSL(--color-white, 0, 0%, 100%);
-
-  // feedback
-  @include defineColorHSL(--color-warning-darker, 35, 79%, 48%);
-  @include defineColorHSL(--color-warning-dark, 35, 79%, 56%);
-  @include defineColorHSL(--color-warning, 35, 79%, 66%);
-  @include defineColorHSL(--color-warning-light, 35, 79%, 74%);
-  @include defineColorHSL(--color-warning-lighter, 35, 79%, 82%);
-
-  @include defineColorHSL(--color-success-darker, 170, 78%, 26%);
-  @include defineColorHSL(--color-success-dark, 170, 78%, 31%);
-  @include defineColorHSL(--color-success, 170, 78%, 36%);
-  @include defineColorHSL(--color-success-light, 170, 78%, 42%);
-  @include defineColorHSL(--color-success-lighter, 170, 78%, 47%);
-
-  @include defineColorHSL(--color-error-darker, 342, 92%, 41%);
-  @include defineColorHSL(--color-error-dark, 342, 92%, 47%);
-  @include defineColorHSL(--color-error, 342, 92%, 54%);
-  @include defineColorHSL(--color-error-light, 342, 92%, 60%);
-  @include defineColorHSL(--color-error-lighter, 342, 92%, 65%);
-
-  // background
-  @include defineColorHSL(--color-bg-darker, 232, 7%, 8%);
-  @include defineColorHSL(--color-bg-dark, 233, 8%, 11%);
-  @include defineColorHSL(--color-bg, 232, 11%, 15%);
-  @include defineColorHSL(--color-bg-light, 233, 8%, 19%);
-  @include defineColorHSL(--color-bg-lighter, 232, 7%, 22%);
-
-  // color contrasts
-  @include defineColorHSL(--color-contrast-lower, 240, 6%, 26%);
-  @include defineColorHSL(--color-contrast-low, 240, 3%, 41%);
-  @include defineColorHSL(--color-contrast-medium, 213, 3%, 57%);
-  @include defineColorHSL(--color-contrast-high, 240, 5%, 82%);
-  @include defineColorHSL(--color-contrast-higher, 240, 100%, 99%);
-
-  // font rendering
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-// --------------------------------
-
-// (END) Global editor code
-
-// --------------------------------
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/custom-style/_forms.scss b/apps/web-shared/src/styles/custom-style/_forms.scss
deleted file mode 100644
index 871e405..0000000
--- a/apps/web-shared/src/styles/custom-style/_forms.scss
+++ /dev/null
@@ -1,58 +0,0 @@
-@use '../base' as *;
-
-// --------------------------------
-
-// (START) Global editor code https://codyhouse.co/ds/globals/forms
-
-// --------------------------------
-
-:root {
-  --form-control-font-size: 1rem;
-  --form-control-padding-x: var(--space-xs);
-  --form-control-padding-y: var(--space-xxs);
-  --form-control-radius: 3px;
-}
-
-.form-control {
-  background: var(--color-bg-dark);
-  cursor: auto;
-  font-family: var(--font-primary);
-  font-weight: 400;
-  line-height: 1;
-  @include fontSmooth;
-  outline: 1px solid var(--color-contrast-high);
-
-  &::placeholder {
-    opacity: 1;  
-    color: var(--color-contrast-low);
-  }
-
-  &:focus, &:focus-within {
-    background: var(--color-bg);
-    box-shadow: inset 0px 0px 0px 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 2px var(--color-primary), 0px 1px 3px alpha(var(--color-black), 0.2);
-    outline: none;
-  }
-}
-
-.form-control--disabled, .form-control[disabled], .form-control[readonly] {
-  opacity: 0.3;
-  cursor: not-allowed;
-}
-
-.form-control[aria-invalid="true"], .form-control.form-control--error {
-  outline: 1px solid var(--color-error-dark);
-
-  &:focus, &:focus-within {
-    box-shadow: inset 0px 0px 0px 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 2px var(--color-error), 0px 1px 3px var(--color-error);
-  }
-}
-
-.form-legend {}
-
-.form-label {}
-
-// --------------------------------
-
-// (END) Global editor code
-
-// --------------------------------
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/custom-style/_icons.scss b/apps/web-shared/src/styles/custom-style/_icons.scss
deleted file mode 100644
index a9fcb46..0000000
--- a/apps/web-shared/src/styles/custom-style/_icons.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-@use '../base' as *;
-
-:root {
-  // size - 👇 uncomment to modify default icon sizes
-  // --icon-xxxs: 8px;
-  // --icon-xxs:  12px;
-  // --icon-xs:   16px;
-  // --icon-sm:   24px;
-  // --icon-md:   32px;
-  // --icon-lg:   48px;
-  // --icon-xl:   64px;
-  // --icon-xxl:  96px;
-  // --icon-xxxl: 128px;
-}
-
-.icon {
-  // 👇 include the font-family declaration here if you are using an icon font
-  // font-family: 'fontName';
-}
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/custom-style/_shared-styles.scss b/apps/web-shared/src/styles/custom-style/_shared-styles.scss
deleted file mode 100644
index 313fc69..0000000
--- a/apps/web-shared/src/styles/custom-style/_shared-styles.scss
+++ /dev/null
@@ -1,70 +0,0 @@
-@use '../base' as *;
-
-:root {
-  // radius
-  --radius: 0.375em; // border radius base size
-  // 👇 uncomment to modify default radius values
-  // --radius-sm: calc(var(--radius)/2);
-  // --radius-md: var(--radius);
-  // --radius-lg: calc(var(--radius)*2);
-
-  // box shadow - 👇 uncomment to modify default shadow values
-  // --shadow-xs:  0 0.1px 0.3px rgba(0, 0, 0, 0.06),
-  //               0 1px 2px rgba(0, 0, 0, 0.12);
-  // --shadow-sm:  0 0.3px 0.4px rgba(0, 0, 0, 0.025),
-  //               0 0.9px 1.5px rgba(0, 0, 0, 0.05), 
-  //               0 3.5px 6px rgba(0, 0, 0, 0.1);
-  // --shadow-md:  0 0.9px 1.5px rgba(0, 0, 0, 0.03), 
-  //               0 3.1px 5.5px rgba(0, 0, 0, 0.08), 
-  //               0 14px 25px rgba(0, 0, 0, 0.12);
-  // --shadow-lg:  0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), 
-  //               0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), 
-  //               0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), 
-  //               0 30px 42px -1px rgba(0, 0, 0, 0.15);
-  // --shadow-xl:  0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012), 
-  //               0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035), 
-  //               0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07), 
-  //               0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117), 
-  //               0 46px 60px -6px rgba(0, 0, 0, 0.2);
-  // --inner-glow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075);
-  // --inner-glow-top: inset 0 1px 0.5px hsla(0, 0%, 100%, 0.075);
-}
-
-// --------------------------------
-
-// (START) Global editor code https://codyhouse.co/ds/globals/shared-styles
-
-// --------------------------------
-
-.hover\:reduce-opacity {
-  opacity: 1;
-
-  &:hover {
-    opacity: 0.8;
-  }
-}
-
-.hover\:elevate {
-  box-shadow: var(--shadow-sm);
-
-  &:hover {
-    box-shadow: var(--shadow-md);
-  }
-}
-
-// text styles
-.link-subtle {
-  color: inherit;
-  cursor: pointer;
-  text-decoration: none;
-
-  &:hover {
-    color: var(--color-primary);
-  }
-}
-
-// --------------------------------
-
-// (END) Global editor code
-
-// --------------------------------
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/custom-style/_spacing.scss b/apps/web-shared/src/styles/custom-style/_spacing.scss
deleted file mode 100644
index d78d897..0000000
--- a/apps/web-shared/src/styles/custom-style/_spacing.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-@use '../base' as *;
-
-// --------------------------------
-
-// (START) Global editor code https://codyhouse.co/ds/globals/spacing
-
-// --------------------------------
-
-// 👇 uncomment to modify default spacing scale
-// :root {
-//   --space-unit:  1rem;
-// }
-
-// :root, * {
-//   --space-xxxxs: calc(0.125 * var(--space-unit)); 
-//   --space-xxxs:  calc(0.25 * var(--space-unit));
-//   --space-xxs:   calc(0.375 * var(--space-unit));
-//   --space-xs:    calc(0.5 * var(--space-unit));
-//   --space-sm:    calc(0.75 * var(--space-unit));
-//   --space-md:    calc(1.25 * var(--space-unit));
-//   --space-lg:    calc(2 * var(--space-unit));
-//   --space-xl:    calc(3.25 * var(--space-unit));
-//   --space-xxl:   calc(5.25 * var(--space-unit));
-//   --space-xxxl:  calc(8.5 * var(--space-unit));
-//   --space-xxxxl: calc(13.75 * var(--space-unit));
-//   --component-padding: var(--space-md);
-// }
-
-@include breakpoint(md) {
-  :root, * {
-    --space-xxxxs: calc(0.1875 * var(--space-unit));
-    --space-xxxs: calc(0.375 * var(--space-unit));
-    --space-xxs: calc(0.5625 * var(--space-unit));
-    --space-xs: calc(0.75 * var(--space-unit));
-    --space-sm: calc(1.125 * var(--space-unit));
-    --space-md: calc(2 * var(--space-unit));
-    --space-lg: calc(3.125 * var(--space-unit));
-    --space-xl: calc(5.125 * var(--space-unit));
-    --space-xxl: calc(8.25 * var(--space-unit));
-    --space-xxxl: calc(13.25 * var(--space-unit));
-    --space-xxxxl: calc(21.5 * var(--space-unit));
-  }
-}
-
-// --------------------------------
-
-// (END) Global editor code
-
-// --------------------------------
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/custom-style/_typography.scss b/apps/web-shared/src/styles/custom-style/_typography.scss
deleted file mode 100644
index 7fa98c5..0000000
--- a/apps/web-shared/src/styles/custom-style/_typography.scss
+++ /dev/null
@@ -1,95 +0,0 @@
-@use '../base' as *;
-
-// --------------------------------
-
-// (START) Global editor code https://codyhouse.co/ds/globals/typography
-
-// --------------------------------
-
-:root {
-  // font family
-  --font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-
-  // font size
-  --text-base-size: 1rem; // body font-size
-  --text-scale-ratio: 1.2; // multiplier used to generate the type scale values 👇
-  
-  // line-height
-  --body-line-height: 1;
-  --heading-line-height: 1;
-  
-  // capital letters - used in combo with the lhCrop mixin
-  --font-primary-capital-letter: 1;
-
-  // unit - don't modify unless you want to change the typography unit (e.g., from Rem to Em units)
-  --text-unit: var(--text-base-size); // if Em units → --text-unit: 1em;
-}
-
-:root, * {
-  // type scale
-  --text-xs: calc((var(--text-unit) / var(--text-scale-ratio)) / var(--text-scale-ratio));
-  --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
-  --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
-  --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
-  --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
-  --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
-  --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
-  --text-xxxxl: calc(var(--text-xxxl) * var(--text-scale-ratio));
-}
-
-body {
-  font-family: var(--font-primary);
-}
-
-h1, h2, h3, h4 {
-  font-family: var(--font-primary);
-  --heading-font-weight: 600;
-}
-
-// font family
-.font-primary { font-family: var(--font-primary); }
-
-// --------------------------------
-
-// (END) Global editor code
-
-// --------------------------------
-
-// link style
-a, .link {}
-
-mark {
-  background-color: alpha(var(--color-accent), 0.2);
-  color: inherit;
-}
-
-.text-component {
-  --line-height-multiplier: 1;
-  --text-space-y-multiplier: 1;
-  
-  > * { // use Em units
-    --text-unit: 1em;
-    --space-unit: 1em;
-  }
-
-  blockquote {
-    padding-left: 1em;
-    border-left: 4px solid var(--color-contrast-lower);
-    font-style: italic;
-  }
-
-  hr {
-    background: var(--color-contrast-lower);
-    height: 1px;
-  }
-
-  figcaption {
-    font-size: var(--text-sm);
-    color: var(--color-contrast-low);
-  }
-}
-
-.article { // e.g., blog posts
-  --body-line-height: 1.58; // set body line-height
-  --text-space-y-multiplier: 1.2; // control vertical spacing
-}
-\ No newline at end of file
diff --git a/apps/web-shared/src/styles/custom-style/_util.scss b/apps/web-shared/src/styles/custom-style/_util.scss
deleted file mode 100644
index 4b86e73..0000000
--- a/apps/web-shared/src/styles/custom-style/_util.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-@use '../base' as *;
-
-.border-none {
-  border: none !important;
-}
-
-// 👇 (optional) create responsive variations - edit only [my-util-class, property, value]
-// @each $breakpoint, $value in $breakpoints { 
-//   @include breakpoint(#{$breakpoint}) {
-//     .my-util-class\@#{$breakpoint} {
-//       property: value;
-//     }
-//   }
-.left-unset {
-  left: unset !important;
-}
-
-.cursor-wait {
-  cursor: wait !important;
-}
-
-.bg-error-lighter\@hover {
-  &:hover,
-  &:active {
-    background-color: var(--color-error-lighter) !important;
-  }
-}
-
-.color-white\@hover {
-  &:hover,
-  &:active {
-    color: var(--color-white) !important;
-  }
-}
-\ No newline at end of file
diff --git a/apps/web-shared/tsconfig.json b/apps/web-shared/tsconfig.json
deleted file mode 100644
index 7716e44..0000000
--- a/apps/web-shared/tsconfig.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "include": [
-    "./src/**/*.d.ts",
-    "./src/**/*.ts",
-    "./src/**/*.js",
-    "./src/**/*.svelte"
-  ],
-  "exclude": [
-    "./node_modules"
-  ],
-  "compilerOptions": {
-    "target": "esnext",
-    "useDefineForClassFields": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "allowJs": true,
-    "checkJs": false,
-    "paths": {
-      "$shared/*": [
-        "./src/*"
-      ]
-    }
-  }
-}
author	ivarlovlie <git@ivarlovlie.no>	2022-09-20 09:24:27 +0200
committer	ivarlovlie <git@ivarlovlie.no>	2022-09-20 09:24:27 +0200
commit	a9072370ca1eb9a5cce928b1d487db0f307edea6 (patch)
tree	59c3c23df930a8b5f888dc7813923abf4ceefed4 /apps
parent	56fa963a1d63cbe0bf28e29e717cceaa417c45c1 (diff)
download	greatoffice-a9072370ca1eb9a5cce928b1d487db0f307edea6.tar.xz greatoffice-a9072370ca1eb9a5cce928b1d487db0f307edea6.zip