diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
index ac0650510..1f4ef8396 100644
--- a/.github/workflows/tests.yml
+++ b/.github/workflows/tests.yml
@@ -15,11 +15,11 @@ jobs:
         steps:
             - uses: actions/checkout@v3
             - name: Use Node.js
-              uses: actions/setup-node@v2
+              uses: actions/setup-node@v3
               with:
-                  node-version: 16
-            - name: Audit dependencies
-              run: npm audit --audit-level low
+                  node-version: 18
+            # - name: Audit dependencies
+            #   run: npm audit --audit-level low
             - name: Install dependencies
               run: npm ci
             - name: Build Console
@@ -30,7 +30,3 @@ jobs:
               run: npm run lint
             - name: Unit Tests
               run: npm test
-            # - name: E2E Tests
-            #   run: |
-            #       npx playwright install
-            #       npm run e2e
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 512e71552..a723620ce 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -33,7 +33,21 @@ If you are worried about or don’t know where to start, check out the next sect
 
 ## Development
 
-Once you've created a project and installed dependencies with `npm install`, create a `.env` file using `.env.example` as a template.
+### 1. Clone the repository with git
+
+```bash
+git clone https://github.com/appwrite/console.git appwrite-console
+```
+
+### 2. Install dependencies with npm
+
+```bash
+npm install
+```
+
+### 3. Setup environment variables
+
+Add a `.env` file by copying the `.env.example` file as a template in the project's root directory.
 
 Finally, start a development server:
 
diff --git a/package-lock.json b/package-lock.json
index e62b412ee..f6ab303f0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,47 +9,49 @@
             "version": "0.0.1",
             "dependencies": {
                 "@analytics/google-analytics": "^1.0.5",
-                "@appwrite.io/pink": "^0.0.4",
+                "@appwrite.io/pink": "^0.0.6-rc.4",
                 "@aw-labs/appwrite-console": "^13.1.0",
                 "@popperjs/core": "^2.11.6",
-                "@sentry/svelte": "^7.36.0",
-                "@sentry/tracing": "^7.36.0",
+                "@sentry/svelte": "^7.44.2",
+                "@sentry/tracing": "^7.44.2",
                 "analytics": "^0.8.1",
+                "dotenv": "^16.0.3",
                 "echarts": "^5.4.1",
+                "logrocket": "^3.0.1",
                 "pretty-bytes": "^6.1.0",
                 "prismjs": "^1.29.0",
                 "tippy.js": "^6.3.7",
                 "web-vitals": "^3.1.1"
             },
             "devDependencies": {
-                "@playwright/test": "^1.30.0",
-                "@sveltejs/adapter-static": "1.0.6",
-                "@sveltejs/kit": "1.3.10",
-                "@sveltejs/vite-plugin-svelte": "^2.0.2",
-                "@testing-library/dom": "^8.20.0",
+                "@playwright/test": "^1.31.2",
+                "@sveltejs/adapter-static": "2.0.1",
+                "@sveltejs/kit": "1.13.0",
+                "@sveltejs/vite-plugin-svelte": "^2.0.3",
+                "@testing-library/dom": "^9.0.1",
                 "@testing-library/jest-dom": "^5.16.5",
                 "@testing-library/svelte": "^3.2.2",
                 "@testing-library/user-event": "^14.4.3",
                 "@types/prismjs": "^1.26.0",
-                "@typescript-eslint/eslint-plugin": "^5.50.0",
-                "@typescript-eslint/parser": "^5.50.0",
-                "@vitest/ui": "^0.28.4",
-                "eslint": "^8.33.0",
-                "eslint-config-prettier": "^8.6.0",
+                "@typescript-eslint/eslint-plugin": "^5.56.0",
+                "@typescript-eslint/parser": "^5.56.0",
+                "@vitest/ui": "^0.29.7",
+                "eslint": "^8.36.0",
+                "eslint-config-prettier": "^8.8.0",
                 "eslint-plugin-svelte3": "^4.0.0",
-                "jsdom": "^21.1.0",
+                "jsdom": "^21.1.1",
                 "pre-commit": "^1.2.2",
-                "prettier": "^2.8.3",
+                "prettier": "^2.8.6",
                 "prettier-plugin-svelte": "^2.9.0",
-                "sass": "^1.58.0",
-                "svelte": "^3.55.1",
-                "svelte-check": "^3.0.3",
+                "sass": "^1.59.3",
+                "svelte": "^3.57.0",
+                "svelte-check": "^3.1.4",
                 "svelte-jester": "^2.3.2",
-                "svelte-preprocess": "^5.0.1",
+                "svelte-preprocess": "^5.0.3",
                 "tslib": "^2.5.0",
-                "typescript": "^4.9.5",
-                "vite": "^4.1.1",
-                "vitest": "^0.28.4"
+                "typescript": "^5.0.2",
+                "vite": "^4.2.1",
+                "vitest": "^0.29.7"
             },
             "engines": {
                 "node": ">=16"
@@ -146,9 +148,9 @@
             "integrity": "sha512-1Yw7u/COtxx06BfwlI+kVhsa/upKYzmCNrT4c8QDeCY2KMYlnijkUjtHiPU08HxyTIVB5j6d75O0YWVIHwQS8g=="
         },
         "node_modules/@appwrite.io/pink": {
-            "version": "0.0.4",
-            "resolved": "https://registry.npmjs.org/@appwrite.io/pink/-/pink-0.0.4.tgz",
-            "integrity": "sha512-pCXxBqSikG5PpBb2y84tTRH6cAMUYbROlQN8LuGoY2J+vTWMT+HQ7+RAAwRWU1Dlle4FgOFFCKmqU95g6X2a6g==",
+            "version": "0.0.6-rc.4",
+            "resolved": "https://registry.npmjs.org/@appwrite.io/pink/-/pink-0.0.6-rc.4.tgz",
+            "integrity": "sha512-vSBq0wB4lQMM8vRPCh0B2M8aWIdrFQSf14X58y8DVjj0djg/gwQ51pwxLojXAol7rwFNhh73NSqTuRC4y+BpxA==",
             "dependencies": {
                 "@appwrite.io/pink-icons": "*",
                 "normalize.css": "^8.0.1",
@@ -156,9 +158,9 @@
             }
         },
         "node_modules/@appwrite.io/pink-icons": {
-            "version": "0.0.3",
-            "resolved": "https://registry.npmjs.org/@appwrite.io/pink-icons/-/pink-icons-0.0.3.tgz",
-            "integrity": "sha512-GFOodekDck6xX7OAZuI1mo7F87ThEZ9Gt0xMsgTR79zkWcnBRq0+J89pFWRPAtFNEVMPQLVHuu6s8S4UleHwtQ=="
+            "version": "0.0.5",
+            "resolved": "https://registry.npmjs.org/@appwrite.io/pink-icons/-/pink-icons-0.0.5.tgz",
+            "integrity": "sha512-Ej9usq4C9pwrqCvSNvRnFJ1jPF1+iXq2+edBbuttF1f30jFlOXol/Z7gkDR1ofwtWUBFs2X+181dIPLJHICq+A=="
         },
         "node_modules/@aw-labs/appwrite-console": {
             "version": "13.1.0",
@@ -820,9 +822,9 @@
             "peer": true
         },
         "node_modules/@esbuild/android-arm": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.16.17.tgz",
-            "integrity": "sha512-N9x1CMXVhtWEAMS7pNNONyA14f71VPQN9Cnavj1XQh6T7bskqiLLrSca4O0Vr8Wdcga943eThxnVp3JLnBMYtw==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.12.tgz",
+            "integrity": "sha512-E/sgkvwoIfj4aMAPL2e35VnUJspzVYl7+M1B2cqeubdBhADV4uPon0KCc8p2G+LqSJ6i8ocYPCqY3A4GGq0zkQ==",
             "cpu": [
                 "arm"
             ],
@@ -836,9 +838,9 @@
             }
         },
         "node_modules/@esbuild/android-arm64": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.16.17.tgz",
-            "integrity": "sha512-MIGl6p5sc3RDTLLkYL1MyL8BMRN4tLMRCn+yRJJmEDvYZ2M7tmAf80hx1kbNEUX2KJ50RRtxZ4JHLvCfuB6kBg==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.12.tgz",
+            "integrity": "sha512-WQ9p5oiXXYJ33F2EkE3r0FRDFVpEdcDiwNX3u7Xaibxfx6vQE0Sb8ytrfQsA5WO6kDn6mDfKLh6KrPBjvkk7xA==",
             "cpu": [
                 "arm64"
             ],
@@ -852,9 +854,9 @@
             }
         },
         "node_modules/@esbuild/android-x64": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.16.17.tgz",
-            "integrity": "sha512-a3kTv3m0Ghh4z1DaFEuEDfz3OLONKuFvI4Xqczqx4BqLyuFaFkuaG4j2MtA6fuWEFeC5x9IvqnX7drmRq/fyAQ==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.12.tgz",
+            "integrity": "sha512-m4OsaCr5gT+se25rFPHKQXARMyAehHTQAz4XX1Vk3d27VtqiX0ALMBPoXZsGaB6JYryCLfgGwUslMqTfqeLU0w==",
             "cpu": [
                 "x64"
             ],
@@ -868,9 +870,9 @@
             }
         },
         "node_modules/@esbuild/darwin-arm64": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.16.17.tgz",
-            "integrity": "sha512-/2agbUEfmxWHi9ARTX6OQ/KgXnOWfsNlTeLcoV7HSuSTv63E4DqtAc+2XqGw1KHxKMHGZgbVCZge7HXWX9Vn+w==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.12.tgz",
+            "integrity": "sha512-O3GCZghRIx+RAN0NDPhyyhRgwa19MoKlzGonIb5hgTj78krqp9XZbYCvFr9N1eUxg0ZQEpiiZ4QvsOQwBpP+lg==",
             "cpu": [
                 "arm64"
             ],
@@ -884,9 +886,9 @@
             }
         },
         "node_modules/@esbuild/darwin-x64": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.16.17.tgz",
-            "integrity": "sha512-2By45OBHulkd9Svy5IOCZt376Aa2oOkiE9QWUK9fe6Tb+WDr8hXL3dpqi+DeLiMed8tVXspzsTAvd0jUl96wmg==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.12.tgz",
+            "integrity": "sha512-5D48jM3tW27h1qjaD9UNRuN+4v0zvksqZSPZqeSWggfMlsVdAhH3pwSfQIFJwcs9QJ9BRibPS4ViZgs3d2wsCA==",
             "cpu": [
                 "x64"
             ],
@@ -900,9 +902,9 @@
             }
         },
         "node_modules/@esbuild/freebsd-arm64": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.16.17.tgz",
-            "integrity": "sha512-mt+cxZe1tVx489VTb4mBAOo2aKSnJ33L9fr25JXpqQqzbUIw/yzIzi+NHwAXK2qYV1lEFp4OoVeThGjUbmWmdw==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.12.tgz",
+            "integrity": "sha512-OWvHzmLNTdF1erSvrfoEBGlN94IE6vCEaGEkEH29uo/VoONqPnoDFfShi41Ew+yKimx4vrmmAJEGNoyyP+OgOQ==",
             "cpu": [
                 "arm64"
             ],
@@ -916,9 +918,9 @@
             }
         },
         "node_modules/@esbuild/freebsd-x64": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.16.17.tgz",
-            "integrity": "sha512-8ScTdNJl5idAKjH8zGAsN7RuWcyHG3BAvMNpKOBaqqR7EbUhhVHOqXRdL7oZvz8WNHL2pr5+eIT5c65kA6NHug==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.12.tgz",
+            "integrity": "sha512-A0Xg5CZv8MU9xh4a+7NUpi5VHBKh1RaGJKqjxe4KG87X+mTjDE6ZvlJqpWoeJxgfXHT7IMP9tDFu7IZ03OtJAw==",
             "cpu": [
                 "x64"
             ],
@@ -932,9 +934,9 @@
             }
         },
         "node_modules/@esbuild/linux-arm": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.16.17.tgz",
-            "integrity": "sha512-iihzrWbD4gIT7j3caMzKb/RsFFHCwqqbrbH9SqUSRrdXkXaygSZCZg1FybsZz57Ju7N/SHEgPyaR0LZ8Zbe9gQ==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.12.tgz",
+            "integrity": "sha512-WsHyJ7b7vzHdJ1fv67Yf++2dz3D726oO3QCu8iNYik4fb5YuuReOI9OtA+n7Mk0xyQivNTPbl181s+5oZ38gyA==",
             "cpu": [
                 "arm"
             ],
@@ -948,9 +950,9 @@
             }
         },
         "node_modules/@esbuild/linux-arm64": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.16.17.tgz",
-            "integrity": "sha512-7S8gJnSlqKGVJunnMCrXHU9Q8Q/tQIxk/xL8BqAP64wchPCTzuM6W3Ra8cIa1HIflAvDnNOt2jaL17vaW+1V0g==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.12.tgz",
+            "integrity": "sha512-cK3AjkEc+8v8YG02hYLQIQlOznW+v9N+OI9BAFuyqkfQFR+DnDLhEM5N8QRxAUz99cJTo1rLNXqRrvY15gbQUg==",
             "cpu": [
                 "arm64"
             ],
@@ -964,9 +966,9 @@
             }
         },
         "node_modules/@esbuild/linux-ia32": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.16.17.tgz",
-            "integrity": "sha512-kiX69+wcPAdgl3Lonh1VI7MBr16nktEvOfViszBSxygRQqSpzv7BffMKRPMFwzeJGPxcio0pdD3kYQGpqQ2SSg==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.12.tgz",
+            "integrity": "sha512-jdOBXJqcgHlah/nYHnj3Hrnl9l63RjtQ4vn9+bohjQPI2QafASB5MtHAoEv0JQHVb/xYQTFOeuHnNYE1zF7tYw==",
             "cpu": [
                 "ia32"
             ],
@@ -980,9 +982,9 @@
             }
         },
         "node_modules/@esbuild/linux-loong64": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.16.17.tgz",
-            "integrity": "sha512-dTzNnQwembNDhd654cA4QhbS9uDdXC3TKqMJjgOWsC0yNCbpzfWoXdZvp0mY7HU6nzk5E0zpRGGx3qoQg8T2DQ==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.12.tgz",
+            "integrity": "sha512-GTOEtj8h9qPKXCyiBBnHconSCV9LwFyx/gv3Phw0pa25qPYjVuuGZ4Dk14bGCfGX3qKF0+ceeQvwmtI+aYBbVA==",
             "cpu": [
                 "loong64"
             ],
@@ -996,9 +998,9 @@
             }
         },
         "node_modules/@esbuild/linux-mips64el": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.16.17.tgz",
-            "integrity": "sha512-ezbDkp2nDl0PfIUn0CsQ30kxfcLTlcx4Foz2kYv8qdC6ia2oX5Q3E/8m6lq84Dj/6b0FrkgD582fJMIfHhJfSw==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.12.tgz",
+            "integrity": "sha512-o8CIhfBwKcxmEENOH9RwmUejs5jFiNoDw7YgS0EJTF6kgPgcqLFjgoc5kDey5cMHRVCIWc6kK2ShUePOcc7RbA==",
             "cpu": [
                 "mips64el"
             ],
@@ -1012,9 +1014,9 @@
             }
         },
         "node_modules/@esbuild/linux-ppc64": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.16.17.tgz",
-            "integrity": "sha512-dzS678gYD1lJsW73zrFhDApLVdM3cUF2MvAa1D8K8KtcSKdLBPP4zZSLy6LFZ0jYqQdQ29bjAHJDgz0rVbLB3g==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.12.tgz",
+            "integrity": "sha512-biMLH6NR/GR4z+ap0oJYb877LdBpGac8KfZoEnDiBKd7MD/xt8eaw1SFfYRUeMVx519kVkAOL2GExdFmYnZx3A==",
             "cpu": [
                 "ppc64"
             ],
@@ -1028,9 +1030,9 @@
             }
         },
         "node_modules/@esbuild/linux-riscv64": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.16.17.tgz",
-            "integrity": "sha512-ylNlVsxuFjZK8DQtNUwiMskh6nT0vI7kYl/4fZgV1llP5d6+HIeL/vmmm3jpuoo8+NuXjQVZxmKuhDApK0/cKw==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.12.tgz",
+            "integrity": "sha512-jkphYUiO38wZGeWlfIBMB72auOllNA2sLfiZPGDtOBb1ELN8lmqBrlMiucgL8awBw1zBXN69PmZM6g4yTX84TA==",
             "cpu": [
                 "riscv64"
             ],
@@ -1044,9 +1046,9 @@
             }
         },
         "node_modules/@esbuild/linux-s390x": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.16.17.tgz",
-            "integrity": "sha512-gzy7nUTO4UA4oZ2wAMXPNBGTzZFP7mss3aKR2hH+/4UUkCOyqmjXiKpzGrY2TlEUhbbejzXVKKGazYcQTZWA/w==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.12.tgz",
+            "integrity": "sha512-j3ucLdeY9HBcvODhCY4b+Ds3hWGO8t+SAidtmWu/ukfLLG/oYDMaA+dnugTVAg5fnUOGNbIYL9TOjhWgQB8W5g==",
             "cpu": [
                 "s390x"
             ],
@@ -1060,9 +1062,9 @@
             }
         },
         "node_modules/@esbuild/linux-x64": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.16.17.tgz",
-            "integrity": "sha512-mdPjPxfnmoqhgpiEArqi4egmBAMYvaObgn4poorpUaqmvzzbvqbowRllQ+ZgzGVMGKaPkqUmPDOOFQRUFDmeUw==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.12.tgz",
+            "integrity": "sha512-uo5JL3cgaEGotaqSaJdRfFNSCUJOIliKLnDGWaVCgIKkHxwhYMm95pfMbWZ9l7GeW9kDg0tSxcy9NYdEtjwwmA==",
             "cpu": [
                 "x64"
             ],
@@ -1076,9 +1078,9 @@
             }
         },
         "node_modules/@esbuild/netbsd-x64": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.16.17.tgz",
-            "integrity": "sha512-/PzmzD/zyAeTUsduZa32bn0ORug+Jd1EGGAUJvqfeixoEISYpGnAezN6lnJoskauoai0Jrs+XSyvDhppCPoKOA==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.12.tgz",
+            "integrity": "sha512-DNdoRg8JX+gGsbqt2gPgkgb00mqOgOO27KnrWZtdABl6yWTST30aibGJ6geBq3WM2TIeW6COs5AScnC7GwtGPg==",
             "cpu": [
                 "x64"
             ],
@@ -1092,9 +1094,9 @@
             }
         },
         "node_modules/@esbuild/openbsd-x64": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.16.17.tgz",
-            "integrity": "sha512-2yaWJhvxGEz2RiftSk0UObqJa/b+rIAjnODJgv2GbGGpRwAfpgzyrg1WLK8rqA24mfZa9GvpjLcBBg8JHkoodg==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.12.tgz",
+            "integrity": "sha512-aVsENlr7B64w8I1lhHShND5o8cW6sB9n9MUtLumFlPhG3elhNWtE7M1TFpj3m7lT3sKQUMkGFjTQBrvDDO1YWA==",
             "cpu": [
                 "x64"
             ],
@@ -1108,9 +1110,9 @@
             }
         },
         "node_modules/@esbuild/sunos-x64": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.16.17.tgz",
-            "integrity": "sha512-xtVUiev38tN0R3g8VhRfN7Zl42YCJvyBhRKw1RJjwE1d2emWTVToPLNEQj/5Qxc6lVFATDiy6LjVHYhIPrLxzw==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.12.tgz",
+            "integrity": "sha512-qbHGVQdKSwi0JQJuZznS4SyY27tYXYF0mrgthbxXrZI3AHKuRvU+Eqbg/F0rmLDpW/jkIZBlCO1XfHUBMNJ1pg==",
             "cpu": [
                 "x64"
             ],
@@ -1124,9 +1126,9 @@
             }
         },
         "node_modules/@esbuild/win32-arm64": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.16.17.tgz",
-            "integrity": "sha512-ga8+JqBDHY4b6fQAmOgtJJue36scANy4l/rL97W+0wYmijhxKetzZdKOJI7olaBaMhWt8Pac2McJdZLxXWUEQw==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.12.tgz",
+            "integrity": "sha512-zsCp8Ql+96xXTVTmm6ffvoTSZSV2B/LzzkUXAY33F/76EajNw1m+jZ9zPfNJlJ3Rh4EzOszNDHsmG/fZOhtqDg==",
             "cpu": [
                 "arm64"
             ],
@@ -1140,9 +1142,9 @@
             }
         },
         "node_modules/@esbuild/win32-ia32": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.16.17.tgz",
-            "integrity": "sha512-WnsKaf46uSSF/sZhwnqE4L/F89AYNMiD4YtEcYekBt9Q7nj0DiId2XH2Ng2PHM54qi5oPrQ8luuzGszqi/veig==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.12.tgz",
+            "integrity": "sha512-FfrFjR4id7wcFYOdqbDfDET3tjxCozUgbqdkOABsSFzoZGFC92UK7mg4JKRc/B3NNEf1s2WHxJ7VfTdVDPN3ng==",
             "cpu": [
                 "ia32"
             ],
@@ -1156,9 +1158,9 @@
             }
         },
         "node_modules/@esbuild/win32-x64": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.16.17.tgz",
-            "integrity": "sha512-y+EHuSchhL7FjHgvQL/0fnnFmO4T1bhvWANX6gcnqTjtnKWbTvUMCpGnv2+t+31d7RzyEAYAd4u2fnIhHL6N/Q==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.12.tgz",
+            "integrity": "sha512-JOOxw49BVZx2/5tW3FqkdjSD/5gXYeVGPDcB0lvap0gLQshkh1Nyel1QazC+wNxus3xPlsYAgqU1BUmrmCvWtw==",
             "cpu": [
                 "x64"
             ],
@@ -1171,15 +1173,39 @@
                 "node": ">=12"
             }
         },
+        "node_modules/@eslint-community/eslint-utils": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.3.0.tgz",
+            "integrity": "sha512-v3oplH6FYCULtFuCeqyuTd9D2WKO937Dxdq+GmHOLL72TTRriLxz2VLlNfkZRsvj6PKnOPAtuT6dwrs/pA5DvA==",
+            "dev": true,
+            "dependencies": {
+                "eslint-visitor-keys": "^3.3.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "peerDependencies": {
+                "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+            }
+        },
+        "node_modules/@eslint-community/regexpp": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.4.0.tgz",
+            "integrity": "sha512-A9983Q0LnDGdLPjxyXQ00sbV+K+O+ko2Dr+CZigbHWtX9pNfxlaBkMR8X1CztI73zuEyEBXTVjx7CE+/VSwDiQ==",
+            "dev": true,
+            "engines": {
+                "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+            }
+        },
         "node_modules/@eslint/eslintrc": {
-            "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.1.tgz",
-            "integrity": "sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==",
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.1.tgz",
+            "integrity": "sha512-eFRmABvW2E5Ho6f5fHLqgena46rOj7r7OKHYfLElqcBfGFHHpjBhivyi5+jOEQuSpdc/1phIZJlbC2te+tZNIw==",
             "dev": true,
             "dependencies": {
                 "ajv": "^6.12.4",
                 "debug": "^4.3.2",
-                "espree": "^9.4.0",
+                "espree": "^9.5.0",
                 "globals": "^13.19.0",
                 "ignore": "^5.2.0",
                 "import-fresh": "^3.2.1",
@@ -1194,6 +1220,15 @@
                 "url": "https://opencollective.com/eslint"
             }
         },
+        "node_modules/@eslint/js": {
+            "version": "8.36.0",
+            "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.36.0.tgz",
+            "integrity": "sha512-lxJ9R5ygVm8ZWgYdUweoq5ownDlJ4upvoWmO4eLxBYHdMo+vZ/Rx0EN6MbKWDJOSUGrqJy2Gt+Dyv/VKml0fjg==",
+            "dev": true,
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
         "node_modules/@humanwhocodes/config-array": {
             "version": "0.11.8",
             "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
@@ -1345,17 +1380,17 @@
             }
         },
         "node_modules/@jest/console": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/@jest/console/-/console-29.4.1.tgz",
-            "integrity": "sha512-m+XpwKSi3PPM9znm5NGS8bBReeAJJpSkL1OuFCqaMaJL2YX9YXLkkI+MBchMPwu+ZuM2rynL51sgfkQteQ1CKQ==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/@jest/console/-/console-29.4.3.tgz",
+            "integrity": "sha512-W/o/34+wQuXlgqlPYTansOSiBnuxrTv61dEVkA6HNmpcgHLUjfaUbdqt6oVvOzaawwo9IdW9QOtMgQ1ScSZC4A==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/types": "^29.4.1",
+                "@jest/types": "^29.4.3",
                 "@types/node": "*",
                 "chalk": "^4.0.0",
-                "jest-message-util": "^29.4.1",
-                "jest-util": "^29.4.1",
+                "jest-message-util": "^29.4.3",
+                "jest-util": "^29.4.3",
                 "slash": "^3.0.0"
             },
             "engines": {
@@ -1363,38 +1398,38 @@
             }
         },
         "node_modules/@jest/core": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/@jest/core/-/core-29.4.1.tgz",
-            "integrity": "sha512-RXFTohpBqpaTebNdg5l3I5yadnKo9zLBajMT0I38D0tDhreVBYv3fA8kywthI00sWxPztWLD3yjiUkewwu/wKA==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/@jest/core/-/core-29.4.3.tgz",
+            "integrity": "sha512-56QvBq60fS4SPZCuM7T+7scNrkGIe7Mr6PVIXUpu48ouvRaWOFqRPV91eifvFM0ay2HmfswXiGf97NGUN5KofQ==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/console": "^29.4.1",
-                "@jest/reporters": "^29.4.1",
-                "@jest/test-result": "^29.4.1",
-                "@jest/transform": "^29.4.1",
-                "@jest/types": "^29.4.1",
+                "@jest/console": "^29.4.3",
+                "@jest/reporters": "^29.4.3",
+                "@jest/test-result": "^29.4.3",
+                "@jest/transform": "^29.4.3",
+                "@jest/types": "^29.4.3",
                 "@types/node": "*",
                 "ansi-escapes": "^4.2.1",
                 "chalk": "^4.0.0",
                 "ci-info": "^3.2.0",
                 "exit": "^0.1.2",
                 "graceful-fs": "^4.2.9",
-                "jest-changed-files": "^29.4.0",
-                "jest-config": "^29.4.1",
-                "jest-haste-map": "^29.4.1",
-                "jest-message-util": "^29.4.1",
-                "jest-regex-util": "^29.2.0",
-                "jest-resolve": "^29.4.1",
-                "jest-resolve-dependencies": "^29.4.1",
-                "jest-runner": "^29.4.1",
-                "jest-runtime": "^29.4.1",
-                "jest-snapshot": "^29.4.1",
-                "jest-util": "^29.4.1",
-                "jest-validate": "^29.4.1",
-                "jest-watcher": "^29.4.1",
+                "jest-changed-files": "^29.4.3",
+                "jest-config": "^29.4.3",
+                "jest-haste-map": "^29.4.3",
+                "jest-message-util": "^29.4.3",
+                "jest-regex-util": "^29.4.3",
+                "jest-resolve": "^29.4.3",
+                "jest-resolve-dependencies": "^29.4.3",
+                "jest-runner": "^29.4.3",
+                "jest-runtime": "^29.4.3",
+                "jest-snapshot": "^29.4.3",
+                "jest-util": "^29.4.3",
+                "jest-validate": "^29.4.3",
+                "jest-watcher": "^29.4.3",
                 "micromatch": "^4.0.4",
-                "pretty-format": "^29.4.1",
+                "pretty-format": "^29.4.3",
                 "slash": "^3.0.0",
                 "strip-ansi": "^6.0.0"
             },
@@ -1424,13 +1459,13 @@
             }
         },
         "node_modules/@jest/core/node_modules/pretty-format": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.1.tgz",
-            "integrity": "sha512-dt/Z761JUVsrIKaY215o1xQJBGlSmTx/h4cSqXqjHLnU1+Kt+mavVE7UgqJJO5ukx5HjSswHfmXz4LjS2oIJfg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.3.tgz",
+            "integrity": "sha512-cvpcHTc42lcsvOOAzd3XuNWTcvk1Jmnzqeu+WsOuiPmxUJTnkbAcFNsRKvEpBEUFVUgy/GTZLulZDcDEi+CIlA==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/schemas": "^29.4.0",
+                "@jest/schemas": "^29.4.3",
                 "ansi-styles": "^5.0.0",
                 "react-is": "^18.0.0"
             },
@@ -1446,93 +1481,93 @@
             "peer": true
         },
         "node_modules/@jest/environment": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.4.1.tgz",
-            "integrity": "sha512-pJ14dHGSQke7Q3mkL/UZR9ZtTOxqskZaC91NzamEH4dlKRt42W+maRBXiw/LWkdJe+P0f/zDR37+SPMplMRlPg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.4.3.tgz",
+            "integrity": "sha512-dq5S6408IxIa+lr54zeqce+QgI+CJT4nmmA+1yzFgtcsGK8c/EyiUb9XQOgz3BMKrRDfKseeOaxj2eO8LlD3lA==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/fake-timers": "^29.4.1",
-                "@jest/types": "^29.4.1",
+                "@jest/fake-timers": "^29.4.3",
+                "@jest/types": "^29.4.3",
                 "@types/node": "*",
-                "jest-mock": "^29.4.1"
+                "jest-mock": "^29.4.3"
             },
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
         "node_modules/@jest/expect": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/@jest/expect/-/expect-29.4.1.tgz",
-            "integrity": "sha512-ZxKJP5DTUNF2XkpJeZIzvnzF1KkfrhEF6Rz0HGG69fHl6Bgx5/GoU3XyaeFYEjuuKSOOsbqD/k72wFvFxc3iTw==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/@jest/expect/-/expect-29.4.3.tgz",
+            "integrity": "sha512-iktRU/YsxEtumI9zsPctYUk7ptpC+AVLLk1Ax3AsA4g1C+8OOnKDkIQBDHtD5hA/+VtgMd5AWI5gNlcAlt2vxQ==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "expect": "^29.4.1",
-                "jest-snapshot": "^29.4.1"
+                "expect": "^29.4.3",
+                "jest-snapshot": "^29.4.3"
             },
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
         "node_modules/@jest/expect-utils": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.4.1.tgz",
-            "integrity": "sha512-w6YJMn5DlzmxjO00i9wu2YSozUYRBhIoJ6nQwpMYcBMtiqMGJm1QBzOf6DDgRao8dbtpDoaqLg6iiQTvv0UHhQ==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.4.3.tgz",
+            "integrity": "sha512-/6JWbkxHOP8EoS8jeeTd9dTfc9Uawi+43oLKHfp6zzux3U2hqOOVnV3ai4RpDYHOccL6g+5nrxpoc8DmJxtXVQ==",
             "dev": true,
             "dependencies": {
-                "jest-get-type": "^29.2.0"
+                "jest-get-type": "^29.4.3"
             },
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
         "node_modules/@jest/fake-timers": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.4.1.tgz",
-            "integrity": "sha512-/1joI6rfHFmmm39JxNfmNAO3Nwm6Y0VoL5fJDy7H1AtWrD1CgRtqJbN9Ld6rhAkGO76qqp4cwhhxJ9o9kYjQMw==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.4.3.tgz",
+            "integrity": "sha512-4Hote2MGcCTWSD2gwl0dwbCpBRHhE6olYEuTj8FMowdg3oQWNKr2YuxenPQYZ7+PfqPY1k98wKDU4Z+Hvd4Tiw==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/types": "^29.4.1",
+                "@jest/types": "^29.4.3",
                 "@sinonjs/fake-timers": "^10.0.2",
                 "@types/node": "*",
-                "jest-message-util": "^29.4.1",
-                "jest-mock": "^29.4.1",
-                "jest-util": "^29.4.1"
+                "jest-message-util": "^29.4.3",
+                "jest-mock": "^29.4.3",
+                "jest-util": "^29.4.3"
             },
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
         "node_modules/@jest/globals": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-29.4.1.tgz",
-            "integrity": "sha512-znoK2EuFytbHH0ZSf2mQK2K1xtIgmaw4Da21R2C/NE/+NnItm5mPEFQmn8gmF3f0rfOlmZ3Y3bIf7bFj7DHxAA==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-29.4.3.tgz",
+            "integrity": "sha512-8BQ/5EzfOLG7AaMcDh7yFCbfRLtsc+09E1RQmRBI4D6QQk4m6NSK/MXo+3bJrBN0yU8A2/VIcqhvsOLFmziioA==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/environment": "^29.4.1",
-                "@jest/expect": "^29.4.1",
-                "@jest/types": "^29.4.1",
-                "jest-mock": "^29.4.1"
+                "@jest/environment": "^29.4.3",
+                "@jest/expect": "^29.4.3",
+                "@jest/types": "^29.4.3",
+                "jest-mock": "^29.4.3"
             },
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
         "node_modules/@jest/reporters": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-29.4.1.tgz",
-            "integrity": "sha512-AISY5xpt2Xpxj9R6y0RF1+O6GRy9JsGa8+vK23Lmzdy1AYcpQn5ItX79wJSsTmfzPKSAcsY1LNt/8Y5Xe5LOSg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-29.4.3.tgz",
+            "integrity": "sha512-sr2I7BmOjJhyqj9ANC6CTLsL4emMoka7HkQpcoMRlhCbQJjz2zsRzw0BDPiPyEFDXAbxKgGFYuQZiSJ1Y6YoTg==",
             "dev": true,
             "peer": true,
             "dependencies": {
                 "@bcoe/v8-coverage": "^0.2.3",
-                "@jest/console": "^29.4.1",
-                "@jest/test-result": "^29.4.1",
-                "@jest/transform": "^29.4.1",
-                "@jest/types": "^29.4.1",
+                "@jest/console": "^29.4.3",
+                "@jest/test-result": "^29.4.3",
+                "@jest/transform": "^29.4.3",
+                "@jest/types": "^29.4.3",
                 "@jridgewell/trace-mapping": "^0.3.15",
                 "@types/node": "*",
                 "chalk": "^4.0.0",
@@ -1545,9 +1580,9 @@
                 "istanbul-lib-report": "^3.0.0",
                 "istanbul-lib-source-maps": "^4.0.0",
                 "istanbul-reports": "^3.1.3",
-                "jest-message-util": "^29.4.1",
-                "jest-util": "^29.4.1",
-                "jest-worker": "^29.4.1",
+                "jest-message-util": "^29.4.3",
+                "jest-util": "^29.4.3",
+                "jest-worker": "^29.4.3",
                 "slash": "^3.0.0",
                 "string-length": "^4.0.1",
                 "strip-ansi": "^6.0.0",
@@ -1566,9 +1601,9 @@
             }
         },
         "node_modules/@jest/schemas": {
-            "version": "29.4.0",
-            "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.4.0.tgz",
-            "integrity": "sha512-0E01f/gOZeNTG76i5eWWSupvSHaIINrTie7vCyjiYFKgzNdyEGd12BUv4oNBFHOqlHDbtoJi3HrQ38KCC90NsQ==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.4.3.tgz",
+            "integrity": "sha512-VLYKXQmtmuEz6IxJsrZwzG9NvtkQsWNnWMsKxqWNu3+CnfzJQhp0WDDKWLVV9hLKr0l3SLLFRqcYHjhtyuDVxg==",
             "dev": true,
             "dependencies": {
                 "@sinclair/typebox": "^0.25.16"
@@ -1578,9 +1613,9 @@
             }
         },
         "node_modules/@jest/source-map": {
-            "version": "29.2.0",
-            "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-29.2.0.tgz",
-            "integrity": "sha512-1NX9/7zzI0nqa6+kgpSdKPK+WU1p+SJk3TloWZf5MzPbxri9UEeXX5bWZAPCzbQcyuAzubcdUHA7hcNznmRqWQ==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-29.4.3.tgz",
+            "integrity": "sha512-qyt/mb6rLyd9j1jUts4EQncvS6Yy3PM9HghnNv86QBlV+zdL2inCdK1tuVlL+J+lpiw2BI67qXOrX3UurBqQ1w==",
             "dev": true,
             "peer": true,
             "dependencies": {
@@ -1593,14 +1628,14 @@
             }
         },
         "node_modules/@jest/test-result": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-29.4.1.tgz",
-            "integrity": "sha512-WRt29Lwt+hEgfN8QDrXqXGgCTidq1rLyFqmZ4lmJOpVArC8daXrZWkWjiaijQvgd3aOUj2fM8INclKHsQW9YyQ==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-29.4.3.tgz",
+            "integrity": "sha512-Oi4u9NfBolMq9MASPwuWTlC5WvmNRwI4S8YrQg5R5Gi47DYlBe3sh7ILTqi/LGrK1XUE4XY9KZcQJTH1WJCLLA==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/console": "^29.4.1",
-                "@jest/types": "^29.4.1",
+                "@jest/console": "^29.4.3",
+                "@jest/types": "^29.4.3",
                 "@types/istanbul-lib-coverage": "^2.0.0",
                 "collect-v8-coverage": "^1.0.0"
             },
@@ -1609,15 +1644,15 @@
             }
         },
         "node_modules/@jest/test-sequencer": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-29.4.1.tgz",
-            "integrity": "sha512-v5qLBNSsM0eHzWLXsQ5fiB65xi49A3ILPSFQKPXzGL4Vyux0DPZAIN7NAFJa9b4BiTDP9MBF/Zqc/QA1vuiJ0w==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-29.4.3.tgz",
+            "integrity": "sha512-yi/t2nES4GB4G0mjLc0RInCq/cNr9dNwJxcGg8sslajua5Kb4kmozAc+qPLzplhBgfw1vLItbjyHzUN92UXicw==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/test-result": "^29.4.1",
+                "@jest/test-result": "^29.4.3",
                 "graceful-fs": "^4.2.9",
-                "jest-haste-map": "^29.4.1",
+                "jest-haste-map": "^29.4.3",
                 "slash": "^3.0.0"
             },
             "engines": {
@@ -1625,39 +1660,39 @@
             }
         },
         "node_modules/@jest/transform": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.4.1.tgz",
-            "integrity": "sha512-5w6YJrVAtiAgr0phzKjYd83UPbCXsBRTeYI4BXokv9Er9CcrH9hfXL/crCvP2d2nGOcovPUnlYiLPFLZrkG5Hg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.4.3.tgz",
+            "integrity": "sha512-8u0+fBGWolDshsFgPQJESkDa72da/EVwvL+II0trN2DR66wMwiQ9/CihaGfHdlLGFzbBZwMykFtxuwFdZqlKwg==",
             "dev": true,
             "peer": true,
             "dependencies": {
                 "@babel/core": "^7.11.6",
-                "@jest/types": "^29.4.1",
+                "@jest/types": "^29.4.3",
                 "@jridgewell/trace-mapping": "^0.3.15",
                 "babel-plugin-istanbul": "^6.1.1",
                 "chalk": "^4.0.0",
                 "convert-source-map": "^2.0.0",
                 "fast-json-stable-stringify": "^2.1.0",
                 "graceful-fs": "^4.2.9",
-                "jest-haste-map": "^29.4.1",
-                "jest-regex-util": "^29.2.0",
-                "jest-util": "^29.4.1",
+                "jest-haste-map": "^29.4.3",
+                "jest-regex-util": "^29.4.3",
+                "jest-util": "^29.4.3",
                 "micromatch": "^4.0.4",
                 "pirates": "^4.0.4",
                 "slash": "^3.0.0",
-                "write-file-atomic": "^5.0.0"
+                "write-file-atomic": "^4.0.2"
             },
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
         "node_modules/@jest/types": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.4.1.tgz",
-            "integrity": "sha512-zbrAXDUOnpJ+FMST2rV7QZOgec8rskg2zv8g2ajeqitp4tvZiyqTCYXANrKsM+ryj5o+LI+ZN2EgU9drrkiwSA==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.4.3.tgz",
+            "integrity": "sha512-bPYfw8V65v17m2Od1cv44FH+SiKW7w2Xu7trhcdTLUmSv85rfKsP+qXSjO4KGJr4dtPSzl/gvslZBXctf1qGEA==",
             "dev": true,
             "dependencies": {
-                "@jest/schemas": "^29.4.0",
+                "@jest/schemas": "^29.4.3",
                 "@types/istanbul-lib-coverage": "^2.0.0",
                 "@types/istanbul-reports": "^3.0.0",
                 "@types/node": "*",
@@ -1753,19 +1788,22 @@
             }
         },
         "node_modules/@playwright/test": {
-            "version": "1.30.0",
-            "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.30.0.tgz",
-            "integrity": "sha512-SVxkQw1xvn/Wk/EvBnqWIq6NLo1AppwbYOjNLmyU0R1RoQ3rLEBtmjTnElcnz8VEtn11fptj1ECxK0tgURhajw==",
+            "version": "1.31.2",
+            "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.31.2.tgz",
+            "integrity": "sha512-BYVutxDI4JeZKV1+ups6dt5WiqKhjBtIYowyZIJ3kBDmJgsuPKsqqKNIMFbUePLSCmp2cZu+BDL427RcNKTRYw==",
             "dev": true,
             "dependencies": {
                 "@types/node": "*",
-                "playwright-core": "1.30.0"
+                "playwright-core": "1.31.2"
             },
             "bin": {
                 "playwright": "cli.js"
             },
             "engines": {
                 "node": ">=14"
+            },
+            "optionalDependencies": {
+                "fsevents": "2.3.2"
             }
         },
         "node_modules/@polka/url": {
@@ -1783,15 +1821,35 @@
                 "url": "https://opencollective.com/popperjs"
             }
         },
-        "node_modules/@sentry/browser": {
-            "version": "7.36.0",
-            "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.36.0.tgz",
-            "integrity": "sha512-Mu0OpisCZFICBGxVXdHWjUDgSvuQKjnO9acNcXR1+68IU08iX+cU6f2kq6VzI4mW/pNieI20FDFbx9KA0YZ4+A==",
+        "node_modules/@sentry-internal/tracing": {
+            "version": "7.44.2",
+            "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.44.2.tgz",
+            "integrity": "sha512-3nteYNWiQDbO4yROBqduWTVR0Jah+FiU/2Tz44FcWvWyBboRP4gggaN7BDJahRwbhcRQKE9lTjGCbQLgNOuUCw==",
             "dependencies": {
-                "@sentry/core": "7.36.0",
-                "@sentry/replay": "7.36.0",
-                "@sentry/types": "7.36.0",
-                "@sentry/utils": "7.36.0",
+                "@sentry/core": "7.44.2",
+                "@sentry/types": "7.44.2",
+                "@sentry/utils": "7.44.2",
+                "tslib": "^1.9.3"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/@sentry-internal/tracing/node_modules/tslib": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+            "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        },
+        "node_modules/@sentry/browser": {
+            "version": "7.44.2",
+            "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.44.2.tgz",
+            "integrity": "sha512-pF2lyXkIjjCoIWUHN17zGO0R2n0/5yb7k+LehbEC1UhvSEBZW/zrRS+AeebjVF0eG2Wir3SoSe4TWt+CRQFOiA==",
+            "dependencies": {
+                "@sentry-internal/tracing": "7.44.2",
+                "@sentry/core": "7.44.2",
+                "@sentry/replay": "7.44.2",
+                "@sentry/types": "7.44.2",
+                "@sentry/utils": "7.44.2",
                 "tslib": "^1.9.3"
             },
             "engines": {
@@ -1804,12 +1862,12 @@
             "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
         },
         "node_modules/@sentry/core": {
-            "version": "7.36.0",
-            "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.36.0.tgz",
-            "integrity": "sha512-lq1MlcMhvm7QIwUOknFeufkg4M6QREY3s61y6pm1o+o3vSqB7Hz0D19xlyEpP62qMn8OyuttVKOVK1UfGc2EyQ==",
+            "version": "7.44.2",
+            "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.44.2.tgz",
+            "integrity": "sha512-m2nOHP4YX+kmWFQTzgBEsdblCuNFSB7017oLaR6/VH0a0mVWdrW7Q1gHMpw4/08uWRiA+oC2dXqCH7A1FwfGIQ==",
             "dependencies": {
-                "@sentry/types": "7.36.0",
-                "@sentry/utils": "7.36.0",
+                "@sentry/types": "7.44.2",
+                "@sentry/utils": "7.44.2",
                 "tslib": "^1.9.3"
             },
             "engines": {
@@ -1822,26 +1880,26 @@
             "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
         },
         "node_modules/@sentry/replay": {
-            "version": "7.36.0",
-            "resolved": "https://registry.npmjs.org/@sentry/replay/-/replay-7.36.0.tgz",
-            "integrity": "sha512-wNbME74/2GtkqdDXz7NaStyfPWVLjYmN9TFWvu6E9sNl9pkDDvii/Qc8F6ps1wa7bozkKcWRHgNvYiGCxUBHcg==",
+            "version": "7.44.2",
+            "resolved": "https://registry.npmjs.org/@sentry/replay/-/replay-7.44.2.tgz",
+            "integrity": "sha512-3KO0QE0OvH0I2hP7yU3W511nEQ55yHN5jWL6V/ay2PlUR1hCw42g8/o9zARq4qw1t4k5ZY6M36ZMqnQQwISqeA==",
             "dependencies": {
-                "@sentry/core": "7.36.0",
-                "@sentry/types": "7.36.0",
-                "@sentry/utils": "7.36.0"
+                "@sentry/core": "7.44.2",
+                "@sentry/types": "7.44.2",
+                "@sentry/utils": "7.44.2"
             },
             "engines": {
                 "node": ">=12"
             }
         },
         "node_modules/@sentry/svelte": {
-            "version": "7.36.0",
-            "resolved": "https://registry.npmjs.org/@sentry/svelte/-/svelte-7.36.0.tgz",
-            "integrity": "sha512-0FHhk+g7XZFd2frqwifGJwBp4QflXPxshfELNFqHQSdXQmFDxmDuQhh7OB1k8utqfVSLhYItq9yt2akqNTPQxg==",
+            "version": "7.44.2",
+            "resolved": "https://registry.npmjs.org/@sentry/svelte/-/svelte-7.44.2.tgz",
+            "integrity": "sha512-8IP1wkUv/xxFB89GPXALvkPhrT5E4FV8nNRWR34v5D4yWMl5+tL2Ca2E67lkeGf/F/KfUq71baiQAyyFBGPd0w==",
             "dependencies": {
-                "@sentry/browser": "7.36.0",
-                "@sentry/types": "7.36.0",
-                "@sentry/utils": "7.36.0",
+                "@sentry/browser": "7.44.2",
+                "@sentry/types": "7.44.2",
+                "@sentry/utils": "7.44.2",
                 "magic-string": "^0.26.2",
                 "tslib": "^1.9.3"
             },
@@ -1858,38 +1916,30 @@
             "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
         },
         "node_modules/@sentry/tracing": {
-            "version": "7.36.0",
-            "resolved": "https://registry.npmjs.org/@sentry/tracing/-/tracing-7.36.0.tgz",
-            "integrity": "sha512-5R5mfWMDncOcTMmmyYMjgus1vZJzIFw4LHaSbrX7e1IRNT/6vFyNeVxATa2ePXb9mI3XHo5f2p7YrnreAtaSXw==",
+            "version": "7.44.2",
+            "resolved": "https://registry.npmjs.org/@sentry/tracing/-/tracing-7.44.2.tgz",
+            "integrity": "sha512-z8wqPgpaQ4EaxPRZdx4MEWfbySSpHlYO7URJPvudyhsezDr33kyZ79QYiZP3KexoHud7gsjnkI1u/DqjdEhDng==",
             "dependencies": {
-                "@sentry/core": "7.36.0",
-                "@sentry/types": "7.36.0",
-                "@sentry/utils": "7.36.0",
-                "tslib": "^1.9.3"
+                "@sentry-internal/tracing": "7.44.2"
             },
             "engines": {
                 "node": ">=8"
             }
         },
-        "node_modules/@sentry/tracing/node_modules/tslib": {
-            "version": "1.14.1",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-            "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
-        },
         "node_modules/@sentry/types": {
-            "version": "7.36.0",
-            "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.36.0.tgz",
-            "integrity": "sha512-uvfwUn3okAWSZ948D/xqBrkc3Sn6TeHUgi3+p/dTTNGAXXskzavgfgQ4rSW7f3YD4LL+boZojpoIARVLodMGuA==",
+            "version": "7.44.2",
+            "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.44.2.tgz",
+            "integrity": "sha512-vdGb2BAelXRitgKWRBF1cCAoisLsbugUaJzrGCQoIoS3lYpZ8d8r2zELE7cNoVObVoQbUHF/WFhXVv8cumj+RA==",
             "engines": {
                 "node": ">=8"
             }
         },
         "node_modules/@sentry/utils": {
-            "version": "7.36.0",
-            "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.36.0.tgz",
-            "integrity": "sha512-mgDi5X5Bm0sydCzXpnyKD/sD98yc2qnKXyRdNX4HRRwruhC/P53LT0hGhZXsyqsB/l8OAMl0zWXJLg0xONQsEw==",
+            "version": "7.44.2",
+            "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.44.2.tgz",
+            "integrity": "sha512-PzL4Z0fhIHfQacfWvgiAs+drcm4Nc45Tc8PW1RdOZtHxzhGAYZYAPniDGML586Mnlu19QM6kGHiDu+CBgnnXAQ==",
             "dependencies": {
-                "@sentry/types": "7.36.0",
+                "@sentry/types": "7.44.2",
                 "tslib": "^1.9.3"
             },
             "engines": {
@@ -1902,9 +1952,9 @@
             "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
         },
         "node_modules/@sinclair/typebox": {
-            "version": "0.25.21",
-            "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.25.21.tgz",
-            "integrity": "sha512-gFukHN4t8K4+wVC+ECqeqwzBDeFeTzBXroBTqE6vcWrQGbEUpHO7LYdG0f4xnvYq4VOEwITSlHlp0JBAIFMS/g==",
+            "version": "0.25.23",
+            "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.25.23.tgz",
+            "integrity": "sha512-VEB8ygeP42CFLWyAJhN5OklpxUliqdNEUcXb4xZ/CINqtYGTjL5ukluKdKzQ0iWdUxyQ7B0539PAUhHKrCNWSQ==",
             "dev": true
         },
         "node_modules/@sinonjs/commons": {
@@ -1928,34 +1978,34 @@
             }
         },
         "node_modules/@sveltejs/adapter-static": {
-            "version": "1.0.6",
-            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-1.0.6.tgz",
-            "integrity": "sha512-gTus2jW6bEQAZoT1MdmPHWZZmcb6dfLWc0r6dFHnbzSDZ68kifqQ1E+dZDOMF7aXeRV91sgnPuAn2MtpinVdlA==",
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-2.0.1.tgz",
+            "integrity": "sha512-o5/q3YwD/ErxYCFlK1v3ydvldyNKk1lh3oeyxn4mhz+Pkbx/uuxhzmbOpytTlp5aVqNHDVsb04xadUzOFCDDzw==",
             "dev": true,
             "peerDependencies": {
-                "@sveltejs/kit": "^1.0.0"
+                "@sveltejs/kit": "^1.5.0"
             }
         },
         "node_modules/@sveltejs/kit": {
-            "version": "1.3.10",
-            "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.3.10.tgz",
-            "integrity": "sha512-I3DgWCwTYbTz4ZPCJIRkSDrKkMu0bsdk6ghqsOBVNqesf1wBdTdfkXhag3ESWgIEjUV3VUIWPQF7fnt7328mhQ==",
+            "version": "1.13.0",
+            "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.13.0.tgz",
+            "integrity": "sha512-t44xqlSTn/k+BridiJFTD8dCRPNd9msCSSPLZT+/3P9deNp/al6ed396MSpsskK7r2kevYmmxywK16qtn6Rvjw==",
             "dev": true,
             "hasInstallScript": true,
             "dependencies": {
                 "@sveltejs/vite-plugin-svelte": "^2.0.0",
                 "@types/cookie": "^0.5.1",
                 "cookie": "^0.5.0",
-                "devalue": "^4.2.3",
+                "devalue": "^4.3.0",
                 "esm-env": "^1.0.0",
                 "kleur": "^4.1.5",
-                "magic-string": "^0.27.0",
+                "magic-string": "^0.30.0",
                 "mime": "^3.0.0",
                 "sade": "^1.8.1",
                 "set-cookie-parser": "^2.5.1",
                 "sirv": "^2.0.2",
                 "tiny-glob": "^0.2.9",
-                "undici": "5.16.0"
+                "undici": "5.21.0"
             },
             "bin": {
                 "svelte-kit": "svelte-kit.js"
@@ -1969,9 +2019,9 @@
             }
         },
         "node_modules/@sveltejs/kit/node_modules/magic-string": {
-            "version": "0.27.0",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
-            "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
+            "version": "0.30.0",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz",
+            "integrity": "sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==",
             "dev": true,
             "dependencies": {
                 "@jridgewell/sourcemap-codec": "^1.4.13"
@@ -1981,17 +2031,17 @@
             }
         },
         "node_modules/@sveltejs/vite-plugin-svelte": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.0.2.tgz",
-            "integrity": "sha512-xCEan0/NNpQuL0l5aS42FjwQ6wwskdxC3pW1OeFtEKNZwRg7Evro9lac9HesGP6TdFsTv2xMes5ASQVKbCacxg==",
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.0.3.tgz",
+            "integrity": "sha512-o+cguBFdwIGtRbNkYOyqTM7KvRUffxh5bfK4oJsWKG2obu+v/cbpT03tJrGl58C7tRXo/aEC0/axN5FVHBj0nA==",
             "dev": true,
             "dependencies": {
                 "debug": "^4.3.4",
-                "deepmerge": "^4.2.2",
+                "deepmerge": "^4.3.0",
                 "kleur": "^4.1.5",
-                "magic-string": "^0.27.0",
+                "magic-string": "^0.29.0",
                 "svelte-hmr": "^0.15.1",
-                "vitefu": "^0.2.3"
+                "vitefu": "^0.2.4"
             },
             "engines": {
                 "node": "^14.18.0 || >= 16"
@@ -2002,9 +2052,9 @@
             }
         },
         "node_modules/@sveltejs/vite-plugin-svelte/node_modules/magic-string": {
-            "version": "0.27.0",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
-            "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
+            "version": "0.29.0",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.29.0.tgz",
+            "integrity": "sha512-WcfidHrDjMY+eLjlU+8OvwREqHwpgCeKVBUpQ3OhYYuvfaYCUgcbuBzappNzZvg/v8onU3oQj+BYpkOJe9Iw4Q==",
             "dev": true,
             "dependencies": {
                 "@jridgewell/sourcemap-codec": "^1.4.13"
@@ -2014,9 +2064,9 @@
             }
         },
         "node_modules/@testing-library/dom": {
-            "version": "8.20.0",
-            "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-8.20.0.tgz",
-            "integrity": "sha512-d9ULIT+a4EXLX3UU8FBjauG9NnsZHkHztXoIcTsOKoOw030fyjheN9svkTULjJxtYag9DZz5Jz5qkWZDPxTFwA==",
+            "version": "9.0.1",
+            "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.0.1.tgz",
+            "integrity": "sha512-fTOVsMY9QLFCCXRHG3Ese6cMH5qIWwSbgxZsgeF5TNsy81HKaZ4kgehnSF8FsR3OF+numlIV2YcU79MzbnhSig==",
             "dev": true,
             "dependencies": {
                 "@babel/code-frame": "^7.10.4",
@@ -2025,11 +2075,11 @@
                 "aria-query": "^5.0.0",
                 "chalk": "^4.1.0",
                 "dom-accessibility-api": "^0.5.9",
-                "lz-string": "^1.4.4",
+                "lz-string": "^1.5.0",
                 "pretty-format": "^27.0.2"
             },
             "engines": {
-                "node": ">=12"
+                "node": ">=14"
             }
         },
         "node_modules/@testing-library/jest-dom": {
@@ -2082,6 +2132,25 @@
                 "svelte": "3.x"
             }
         },
+        "node_modules/@testing-library/svelte/node_modules/@testing-library/dom": {
+            "version": "8.20.0",
+            "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-8.20.0.tgz",
+            "integrity": "sha512-d9ULIT+a4EXLX3UU8FBjauG9NnsZHkHztXoIcTsOKoOw030fyjheN9svkTULjJxtYag9DZz5Jz5qkWZDPxTFwA==",
+            "dev": true,
+            "dependencies": {
+                "@babel/code-frame": "^7.10.4",
+                "@babel/runtime": "^7.12.5",
+                "@types/aria-query": "^5.0.1",
+                "aria-query": "^5.0.0",
+                "chalk": "^4.1.0",
+                "dom-accessibility-api": "^0.5.9",
+                "lz-string": "^1.4.4",
+                "pretty-format": "^27.0.2"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
         "node_modules/@testing-library/user-event": {
             "version": "14.4.3",
             "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.4.3.tgz",
@@ -2239,12 +2308,12 @@
             }
         },
         "node_modules/@types/jest/node_modules/pretty-format": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.1.tgz",
-            "integrity": "sha512-dt/Z761JUVsrIKaY215o1xQJBGlSmTx/h4cSqXqjHLnU1+Kt+mavVE7UgqJJO5ukx5HjSswHfmXz4LjS2oIJfg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.3.tgz",
+            "integrity": "sha512-cvpcHTc42lcsvOOAzd3XuNWTcvk1Jmnzqeu+WsOuiPmxUJTnkbAcFNsRKvEpBEUFVUgy/GTZLulZDcDEi+CIlA==",
             "dev": true,
             "dependencies": {
-                "@jest/schemas": "^29.4.0",
+                "@jest/schemas": "^29.4.3",
                 "ansi-styles": "^5.0.0",
                 "react-is": "^18.0.0"
             },
@@ -2265,9 +2334,9 @@
             "dev": true
         },
         "node_modules/@types/node": {
-            "version": "18.11.19",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.19.tgz",
-            "integrity": "sha512-YUgMWAQBWLObABqrvx8qKO1enAvBUdjZOAWQ5grBAkp5LQv45jBvYKZ3oFS9iKRCQyFjqw6iuEa1vmFqtxYLZw==",
+            "version": "18.14.0",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-18.14.0.tgz",
+            "integrity": "sha512-5EWrvLmglK+imbCJY0+INViFWUHg1AHel1sq4ZVSfdcNqGy9Edv3UB9IIzzg+xPaUcAgZYcfVs2fBcwDeZzU0A==",
             "dev": true
         },
         "node_modules/@types/prettier": {
@@ -2289,15 +2358,6 @@
             "integrity": "sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==",
             "dev": true
         },
-        "node_modules/@types/sass": {
-            "version": "1.43.1",
-            "resolved": "https://registry.npmjs.org/@types/sass/-/sass-1.43.1.tgz",
-            "integrity": "sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==",
-            "dev": true,
-            "dependencies": {
-                "@types/node": "*"
-            }
-        },
         "node_modules/@types/semver": {
             "version": "7.3.13",
             "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.3.13.tgz",
@@ -2335,19 +2395,19 @@
             "dev": true
         },
         "node_modules/@typescript-eslint/eslint-plugin": {
-            "version": "5.50.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.50.0.tgz",
-            "integrity": "sha512-vwksQWSFZiUhgq3Kv7o1Jcj0DUNylwnIlGvKvLLYsq8pAWha6/WCnXUeaSoNNha/K7QSf2+jvmkxggC1u3pIwQ==",
+            "version": "5.56.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.56.0.tgz",
+            "integrity": "sha512-ZNW37Ccl3oMZkzxrYDUX4o7cnuPgU+YrcaYXzsRtLB16I1FR5SHMqga3zGsaSliZADCWo2v8qHWqAYIj8nWCCg==",
             "dev": true,
             "dependencies": {
-                "@typescript-eslint/scope-manager": "5.50.0",
-                "@typescript-eslint/type-utils": "5.50.0",
-                "@typescript-eslint/utils": "5.50.0",
+                "@eslint-community/regexpp": "^4.4.0",
+                "@typescript-eslint/scope-manager": "5.56.0",
+                "@typescript-eslint/type-utils": "5.56.0",
+                "@typescript-eslint/utils": "5.56.0",
                 "debug": "^4.3.4",
                 "grapheme-splitter": "^1.0.4",
                 "ignore": "^5.2.0",
                 "natural-compare-lite": "^1.4.0",
-                "regexpp": "^3.2.0",
                 "semver": "^7.3.7",
                 "tsutils": "^3.21.0"
             },
@@ -2369,14 +2429,14 @@
             }
         },
         "node_modules/@typescript-eslint/parser": {
-            "version": "5.50.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.50.0.tgz",
-            "integrity": "sha512-KCcSyNaogUDftK2G9RXfQyOCt51uB5yqC6pkUYqhYh8Kgt+DwR5M0EwEAxGPy/+DH6hnmKeGsNhiZRQxjH71uQ==",
+            "version": "5.56.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.56.0.tgz",
+            "integrity": "sha512-sn1OZmBxUsgxMmR8a8U5QM/Wl+tyqlH//jTqCg8daTAmhAk26L2PFhcqPLlYBhYUJMZJK276qLXlHN3a83o2cg==",
             "dev": true,
             "dependencies": {
-                "@typescript-eslint/scope-manager": "5.50.0",
-                "@typescript-eslint/types": "5.50.0",
-                "@typescript-eslint/typescript-estree": "5.50.0",
+                "@typescript-eslint/scope-manager": "5.56.0",
+                "@typescript-eslint/types": "5.56.0",
+                "@typescript-eslint/typescript-estree": "5.56.0",
                 "debug": "^4.3.4"
             },
             "engines": {
@@ -2396,13 +2456,13 @@
             }
         },
         "node_modules/@typescript-eslint/scope-manager": {
-            "version": "5.50.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.50.0.tgz",
-            "integrity": "sha512-rt03kaX+iZrhssaT974BCmoUikYtZI24Vp/kwTSy841XhiYShlqoshRFDvN1FKKvU2S3gK+kcBW1EA7kNUrogg==",
+            "version": "5.56.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.56.0.tgz",
+            "integrity": "sha512-jGYKyt+iBakD0SA5Ww8vFqGpoV2asSjwt60Gl6YcO8ksQ8s2HlUEyHBMSa38bdLopYqGf7EYQMUIGdT/Luw+sw==",
             "dev": true,
             "dependencies": {
-                "@typescript-eslint/types": "5.50.0",
-                "@typescript-eslint/visitor-keys": "5.50.0"
+                "@typescript-eslint/types": "5.56.0",
+                "@typescript-eslint/visitor-keys": "5.56.0"
             },
             "engines": {
                 "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -2413,13 +2473,13 @@
             }
         },
         "node_modules/@typescript-eslint/type-utils": {
-            "version": "5.50.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.50.0.tgz",
-            "integrity": "sha512-dcnXfZ6OGrNCO7E5UY/i0ktHb7Yx1fV6fnQGGrlnfDhilcs6n19eIRcvLBqx6OQkrPaFlDPk3OJ0WlzQfrV0bQ==",
+            "version": "5.56.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.56.0.tgz",
+            "integrity": "sha512-8WxgOgJjWRy6m4xg9KoSHPzBNZeQbGlQOH7l2QEhQID/+YseaFxg5J/DLwWSsi9Axj4e/cCiKx7PVzOq38tY4A==",
             "dev": true,
             "dependencies": {
-                "@typescript-eslint/typescript-estree": "5.50.0",
-                "@typescript-eslint/utils": "5.50.0",
+                "@typescript-eslint/typescript-estree": "5.56.0",
+                "@typescript-eslint/utils": "5.56.0",
                 "debug": "^4.3.4",
                 "tsutils": "^3.21.0"
             },
@@ -2440,9 +2500,9 @@
             }
         },
         "node_modules/@typescript-eslint/types": {
-            "version": "5.50.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.50.0.tgz",
-            "integrity": "sha512-atruOuJpir4OtyNdKahiHZobPKFvZnBnfDiyEaBf6d9vy9visE7gDjlmhl+y29uxZ2ZDgvXijcungGFjGGex7w==",
+            "version": "5.56.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.56.0.tgz",
+            "integrity": "sha512-JyAzbTJcIyhuUhogmiu+t79AkdnqgPUEsxMTMc/dCZczGMJQh1MK2wgrju++yMN6AWroVAy2jxyPcPr3SWCq5w==",
             "dev": true,
             "engines": {
                 "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -2453,13 +2513,13 @@
             }
         },
         "node_modules/@typescript-eslint/typescript-estree": {
-            "version": "5.50.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.50.0.tgz",
-            "integrity": "sha512-Gq4zapso+OtIZlv8YNAStFtT6d05zyVCK7Fx3h5inlLBx2hWuc/0465C2mg/EQDDU2LKe52+/jN4f0g9bd+kow==",
+            "version": "5.56.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.56.0.tgz",
+            "integrity": "sha512-41CH/GncsLXOJi0jb74SnC7jVPWeVJ0pxQj8bOjH1h2O26jXN3YHKDT1ejkVz5YeTEQPeLCCRY0U2r68tfNOcg==",
             "dev": true,
             "dependencies": {
-                "@typescript-eslint/types": "5.50.0",
-                "@typescript-eslint/visitor-keys": "5.50.0",
+                "@typescript-eslint/types": "5.56.0",
+                "@typescript-eslint/visitor-keys": "5.56.0",
                 "debug": "^4.3.4",
                 "globby": "^11.1.0",
                 "is-glob": "^4.0.3",
@@ -2480,18 +2540,18 @@
             }
         },
         "node_modules/@typescript-eslint/utils": {
-            "version": "5.50.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.50.0.tgz",
-            "integrity": "sha512-v/AnUFImmh8G4PH0NDkf6wA8hujNNcrwtecqW4vtQ1UOSNBaZl49zP1SHoZ/06e+UiwzHpgb5zP5+hwlYYWYAw==",
+            "version": "5.56.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.56.0.tgz",
+            "integrity": "sha512-XhZDVdLnUJNtbzaJeDSCIYaM+Tgr59gZGbFuELgF7m0IY03PlciidS7UQNKLE0+WpUTn1GlycEr6Ivb/afjbhA==",
             "dev": true,
             "dependencies": {
+                "@eslint-community/eslint-utils": "^4.2.0",
                 "@types/json-schema": "^7.0.9",
                 "@types/semver": "^7.3.12",
-                "@typescript-eslint/scope-manager": "5.50.0",
-                "@typescript-eslint/types": "5.50.0",
-                "@typescript-eslint/typescript-estree": "5.50.0",
+                "@typescript-eslint/scope-manager": "5.56.0",
+                "@typescript-eslint/types": "5.56.0",
+                "@typescript-eslint/typescript-estree": "5.56.0",
                 "eslint-scope": "^5.1.1",
-                "eslint-utils": "^3.0.0",
                 "semver": "^7.3.7"
             },
             "engines": {
@@ -2506,12 +2566,12 @@
             }
         },
         "node_modules/@typescript-eslint/visitor-keys": {
-            "version": "5.50.0",
-            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.50.0.tgz",
-            "integrity": "sha512-cdMeD9HGu6EXIeGOh2yVW6oGf9wq8asBgZx7nsR/D36gTfQ0odE5kcRYe5M81vjEFAcPeugXrHg78Imu55F6gg==",
+            "version": "5.56.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.56.0.tgz",
+            "integrity": "sha512-1mFdED7u5bZpX6Xxf5N9U2c18sb+8EvU3tyOIj6LQZ5OOvnmj8BVeNNP603OFPm5KkS1a7IvCIcwrdHXaEMG/Q==",
             "dev": true,
             "dependencies": {
-                "@typescript-eslint/types": "5.50.0",
+                "@typescript-eslint/types": "5.56.0",
                 "eslint-visitor-keys": "^3.3.0"
             },
             "engines": {
@@ -2523,23 +2583,23 @@
             }
         },
         "node_modules/@vitest/expect": {
-            "version": "0.28.4",
-            "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-0.28.4.tgz",
-            "integrity": "sha512-JqK0NZ4brjvOSL8hXAnIsfi+jxDF7rH/ZWCGCt0FAqRnVFc1hXsfwXksQvEnKqD84avRt3gmeXoK4tNbmkoVsQ==",
+            "version": "0.29.7",
+            "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-0.29.7.tgz",
+            "integrity": "sha512-UtG0tW0DP6b3N8aw7PHmweKDsvPv4wjGvrVZW7OSxaFg76ShtVdMiMcUkZJgCE8QWUmhwaM0aQhbbVLo4F4pkA==",
             "dev": true,
             "dependencies": {
-                "@vitest/spy": "0.28.4",
-                "@vitest/utils": "0.28.4",
+                "@vitest/spy": "0.29.7",
+                "@vitest/utils": "0.29.7",
                 "chai": "^4.3.7"
             }
         },
         "node_modules/@vitest/runner": {
-            "version": "0.28.4",
-            "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-0.28.4.tgz",
-            "integrity": "sha512-Q8UV6GjDvBSTfUoq0QXVCNpNOUrWu4P2qvRq7ssJWzn0+S0ojbVOxEjMt+8a32X6SdkhF8ak+2nkppsqV0JyNQ==",
+            "version": "0.29.7",
+            "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-0.29.7.tgz",
+            "integrity": "sha512-Yt0+csM945+odOx4rjZSjibQfl2ymxqVsmYz6sO2fiO5RGPYDFCo60JF6tLL9pz4G/kjY4irUxadeB1XT+H1jg==",
             "dev": true,
             "dependencies": {
-                "@vitest/utils": "0.28.4",
+                "@vitest/utils": "0.29.7",
                 "p-limit": "^4.0.0",
                 "pathe": "^1.1.0"
             }
@@ -2572,18 +2632,18 @@
             }
         },
         "node_modules/@vitest/spy": {
-            "version": "0.28.4",
-            "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-0.28.4.tgz",
-            "integrity": "sha512-8WuhfXLlvCXpNXEGJW6Gc+IKWI32435fQJLh43u70HnZ1otJOa2Cmg2Wy2Aym47ZnNCP4NolF+8cUPwd0MigKQ==",
+            "version": "0.29.7",
+            "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-0.29.7.tgz",
+            "integrity": "sha512-IalL0iO6A6Xz8hthR8sctk6ZS//zVBX48EiNwQguYACdgdei9ZhwMaBFV70mpmeYAFCRAm+DpoFHM5470Im78A==",
             "dev": true,
             "dependencies": {
                 "tinyspy": "^1.0.2"
             }
         },
         "node_modules/@vitest/ui": {
-            "version": "0.28.4",
-            "resolved": "https://registry.npmjs.org/@vitest/ui/-/ui-0.28.4.tgz",
-            "integrity": "sha512-LQfCCFc17n49mwtraV9/NAWl2DUqJS/9ZEa3fqJjoYO+HowdseQ5jvWflpzliCyfrIAh6cXVo1bNzHnDXe0cbw==",
+            "version": "0.29.7",
+            "resolved": "https://registry.npmjs.org/@vitest/ui/-/ui-0.29.7.tgz",
+            "integrity": "sha512-KeOztcAldlFU5i8DKCQcmGrih1dVowurZy/9iPz5JyQdPJzej+nW1nI4nYvc4ZmUtA8+IAe9uViqnU7IXc1RNw==",
             "dev": true,
             "dependencies": {
                 "fast-glob": "^3.2.12",
@@ -2594,15 +2654,14 @@
             }
         },
         "node_modules/@vitest/utils": {
-            "version": "0.28.4",
-            "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-0.28.4.tgz",
-            "integrity": "sha512-l2QztOLdc2LkR+w/lP52RGh8hW+Ul4KESmCAgVE8q737I7e7bQoAfkARKpkPJ4JQtGpwW4deqlj1732VZD7TFw==",
+            "version": "0.29.7",
+            "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-0.29.7.tgz",
+            "integrity": "sha512-vNgGadp2eE5XKCXtZXL5UyNEDn68npSct75OC9AlELenSK0DiV1Mb9tfkwJHKjRb69iek+e79iipoJx8+s3SdA==",
             "dev": true,
             "dependencies": {
                 "cli-truncate": "^3.1.0",
                 "diff": "^5.1.0",
                 "loupe": "^2.3.6",
-                "picocolors": "^1.0.0",
                 "pretty-format": "^27.5.1"
             }
         },
@@ -2824,16 +2883,16 @@
             }
         },
         "node_modules/babel-jest": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.4.1.tgz",
-            "integrity": "sha512-xBZa/pLSsF/1sNpkgsiT3CmY7zV1kAsZ9OxxtrFqYucnOuRftXAfcJqcDVyOPeN4lttWTwhLdu0T9f8uvoPEUg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.4.3.tgz",
+            "integrity": "sha512-o45Wyn32svZE+LnMVWv/Z4x0SwtLbh4FyGcYtR20kIWd+rdrDZ9Fzq8Ml3MYLD+mZvEdzCjZsCnYZ2jpJyQ+Nw==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/transform": "^29.4.1",
+                "@jest/transform": "^29.4.3",
                 "@types/babel__core": "^7.1.14",
                 "babel-plugin-istanbul": "^6.1.1",
-                "babel-preset-jest": "^29.4.0",
+                "babel-preset-jest": "^29.4.3",
                 "chalk": "^4.0.0",
                 "graceful-fs": "^4.2.9",
                 "slash": "^3.0.0"
@@ -2863,9 +2922,9 @@
             }
         },
         "node_modules/babel-plugin-jest-hoist": {
-            "version": "29.4.0",
-            "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.4.0.tgz",
-            "integrity": "sha512-a/sZRLQJEmsmejQ2rPEUe35nO1+C9dc9O1gplH1SXmJxveQSRUYdBk8yGZG/VOUuZs1u2aHZJusEGoRMbhhwCg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.4.3.tgz",
+            "integrity": "sha512-mB6q2q3oahKphy5V7CpnNqZOCkxxZ9aokf1eh82Dy3jQmg4xvM1tGrh5y6BQUJh4a3Pj9+eLfwvAZ7VNKg7H8Q==",
             "dev": true,
             "peer": true,
             "dependencies": {
@@ -2903,13 +2962,13 @@
             }
         },
         "node_modules/babel-preset-jest": {
-            "version": "29.4.0",
-            "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-29.4.0.tgz",
-            "integrity": "sha512-fUB9vZflUSM3dO/6M2TCAepTzvA4VkOvl67PjErcrQMGt9Eve7uazaeyCZ2th3UtI7ljpiBJES0F7A1vBRsLZA==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-29.4.3.tgz",
+            "integrity": "sha512-gWx6COtSuma6n9bw+8/F+2PCXrIgxV/D1TJFnp6OyBK2cxPWg0K9p/sriNYeifKjpUkMViWQ09DSWtzJQRETsw==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "babel-plugin-jest-hoist": "^29.4.0",
+                "babel-plugin-jest-hoist": "^29.4.3",
                 "babel-preset-current-node-syntax": "^1.0.0"
             },
             "engines": {
@@ -3064,9 +3123,9 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001450",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001450.tgz",
-            "integrity": "sha512-qMBmvmQmFXaSxexkjjfMvD5rnDL0+m+dUMZKoDYsGG8iZN29RuYh9eRoMvKsT6uMAWlyUUGDEQGJJYjzCIO9ew==",
+            "version": "1.0.30001457",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001457.tgz",
+            "integrity": "sha512-SDIV6bgE1aVbK6XyxdURbUE89zY7+k1BBBaOwYwkNCglXlel/E7mELiHC64HQ+W0xSKlqWhV9Wh7iHxUjMs4fA==",
             "dev": true,
             "funding": [
                 {
@@ -3173,9 +3232,9 @@
             }
         },
         "node_modules/ci-info": {
-            "version": "3.7.1",
-            "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.7.1.tgz",
-            "integrity": "sha512-4jYS4MOAaCIStSRwiuxc4B8MYhIe676yO1sYGzARnjXkWpmzZMMYxY6zu8WYWDhSuth5zhrQ1rhNSibyyvv4/w==",
+            "version": "3.8.0",
+            "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz",
+            "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
             "dev": true,
             "funding": [
                 {
@@ -3375,42 +3434,30 @@
             "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
             "dev": true
         },
-        "node_modules/cssom": {
-            "version": "0.5.0",
-            "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.5.0.tgz",
-            "integrity": "sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==",
-            "dev": true
-        },
         "node_modules/cssstyle": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz",
-            "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-3.0.0.tgz",
+            "integrity": "sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==",
             "dev": true,
             "dependencies": {
-                "cssom": "~0.3.6"
+                "rrweb-cssom": "^0.6.0"
             },
             "engines": {
-                "node": ">=8"
+                "node": ">=14"
             }
         },
-        "node_modules/cssstyle/node_modules/cssom": {
-            "version": "0.3.8",
-            "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
-            "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
-            "dev": true
-        },
         "node_modules/data-urls": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-3.0.2.tgz",
-            "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==",
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-4.0.0.tgz",
+            "integrity": "sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==",
             "dev": true,
             "dependencies": {
                 "abab": "^2.0.6",
                 "whatwg-mimetype": "^3.0.0",
-                "whatwg-url": "^11.0.0"
+                "whatwg-url": "^12.0.0"
             },
             "engines": {
-                "node": ">=12"
+                "node": ">=14"
             }
         },
         "node_modules/debug": {
@@ -3499,9 +3546,9 @@
             }
         },
         "node_modules/define-properties": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz",
-            "integrity": "sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==",
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz",
+            "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==",
             "dev": true,
             "dependencies": {
                 "has-property-descriptors": "^1.0.0",
@@ -3542,9 +3589,9 @@
             }
         },
         "node_modules/devalue": {
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/devalue/-/devalue-4.2.3.tgz",
-            "integrity": "sha512-JG6Q248aN0pgFL57e3zqTVeFraBe+5W2ugvv1mLXsJP6YYIYJhRZhAl7QP8haJrqob6X10F9NEkuCvNILZTPeQ==",
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/devalue/-/devalue-4.3.0.tgz",
+            "integrity": "sha512-n94yQo4LI3w7erwf84mhRUkUJfhLoCZiLyoOZ/QFsDbcWNZePrLwbQpvZBUG2TNxwV3VjCKPxkiiQA6pe3TrTA==",
             "dev": true
         },
         "node_modules/diff": {
@@ -3557,9 +3604,9 @@
             }
         },
         "node_modules/diff-sequences": {
-            "version": "29.3.1",
-            "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.3.1.tgz",
-            "integrity": "sha512-hlM3QR272NXCi4pq+N4Kok4kOp6EsgOM3ZSpJI7Da3UAs+Ttsi8MRmB6trM/lhyzUxGfOgnpkHtgqm5Q/CTcfQ==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.4.3.tgz",
+            "integrity": "sha512-ofrBgwpPhCD85kMKtE9RYFFq6OC1A89oW2vvgWZNCwxrUpRUILopY7lsYyMDSjc8g6U6aiO0Qubg6r4Wgt5ZnA==",
             "dev": true,
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
@@ -3612,6 +3659,14 @@
                 "node": ">=12"
             }
         },
+        "node_modules/dotenv": {
+            "version": "16.0.3",
+            "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.0.3.tgz",
+            "integrity": "sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==",
+            "engines": {
+                "node": ">=12"
+            }
+        },
         "node_modules/eastasianwidth": {
             "version": "0.2.0",
             "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
@@ -3633,9 +3688,9 @@
             "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
         },
         "node_modules/electron-to-chromium": {
-            "version": "1.4.286",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.286.tgz",
-            "integrity": "sha512-Vp3CVhmYpgf4iXNKAucoQUDcCrBQX3XLBtwgFqP9BUXuucgvAV9zWp1kYU7LL9j4++s9O+12cb3wMtN4SJy6UQ==",
+            "version": "1.4.302",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.302.tgz",
+            "integrity": "sha512-Uk7C+7aPBryUR1Fwvk9VmipBcN9fVsqBO57jV2ZjTm+IZ6BMNqu7EDVEg2HxCNufk6QcWlFsBkhQyQroB2VWKw==",
             "dev": true,
             "peer": true
         },
@@ -3707,9 +3762,9 @@
             "dev": true
         },
         "node_modules/esbuild": {
-            "version": "0.16.17",
-            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.16.17.tgz",
-            "integrity": "sha512-G8LEkV0XzDMNwXKgM0Jwu3nY3lSTwSGY6XbxM9cr9+s0T/qSV1q1JVPBGzm3dcjhCic9+emZDmMffkwgPeOeLg==",
+            "version": "0.17.12",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.12.tgz",
+            "integrity": "sha512-bX/zHl7Gn2CpQwcMtRogTTBf9l1nl+H6R8nUbjk+RuKqAE3+8FDulLA+pHvX7aA7Xe07Iwa+CWvy9I8Y2qqPKQ==",
             "dev": true,
             "hasInstallScript": true,
             "bin": {
@@ -3719,28 +3774,28 @@
                 "node": ">=12"
             },
             "optionalDependencies": {
-                "@esbuild/android-arm": "0.16.17",
-                "@esbuild/android-arm64": "0.16.17",
-                "@esbuild/android-x64": "0.16.17",
-                "@esbuild/darwin-arm64": "0.16.17",
-                "@esbuild/darwin-x64": "0.16.17",
-                "@esbuild/freebsd-arm64": "0.16.17",
-                "@esbuild/freebsd-x64": "0.16.17",
-                "@esbuild/linux-arm": "0.16.17",
-                "@esbuild/linux-arm64": "0.16.17",
-                "@esbuild/linux-ia32": "0.16.17",
-                "@esbuild/linux-loong64": "0.16.17",
-                "@esbuild/linux-mips64el": "0.16.17",
-                "@esbuild/linux-ppc64": "0.16.17",
-                "@esbuild/linux-riscv64": "0.16.17",
-                "@esbuild/linux-s390x": "0.16.17",
-                "@esbuild/linux-x64": "0.16.17",
-                "@esbuild/netbsd-x64": "0.16.17",
-                "@esbuild/openbsd-x64": "0.16.17",
-                "@esbuild/sunos-x64": "0.16.17",
-                "@esbuild/win32-arm64": "0.16.17",
-                "@esbuild/win32-ia32": "0.16.17",
-                "@esbuild/win32-x64": "0.16.17"
+                "@esbuild/android-arm": "0.17.12",
+                "@esbuild/android-arm64": "0.17.12",
+                "@esbuild/android-x64": "0.17.12",
+                "@esbuild/darwin-arm64": "0.17.12",
+                "@esbuild/darwin-x64": "0.17.12",
+                "@esbuild/freebsd-arm64": "0.17.12",
+                "@esbuild/freebsd-x64": "0.17.12",
+                "@esbuild/linux-arm": "0.17.12",
+                "@esbuild/linux-arm64": "0.17.12",
+                "@esbuild/linux-ia32": "0.17.12",
+                "@esbuild/linux-loong64": "0.17.12",
+                "@esbuild/linux-mips64el": "0.17.12",
+                "@esbuild/linux-ppc64": "0.17.12",
+                "@esbuild/linux-riscv64": "0.17.12",
+                "@esbuild/linux-s390x": "0.17.12",
+                "@esbuild/linux-x64": "0.17.12",
+                "@esbuild/netbsd-x64": "0.17.12",
+                "@esbuild/openbsd-x64": "0.17.12",
+                "@esbuild/sunos-x64": "0.17.12",
+                "@esbuild/win32-arm64": "0.17.12",
+                "@esbuild/win32-ia32": "0.17.12",
+                "@esbuild/win32-x64": "0.17.12"
             }
         },
         "node_modules/escalade": {
@@ -3848,12 +3903,15 @@
             }
         },
         "node_modules/eslint": {
-            "version": "8.33.0",
-            "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.33.0.tgz",
-            "integrity": "sha512-WjOpFQgKK8VrCnAtl8We0SUOy/oVZ5NHykyMiagV1M9r8IFpIJX7DduK6n1mpfhlG7T1NLWm2SuD8QB7KFySaA==",
+            "version": "8.36.0",
+            "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.36.0.tgz",
+            "integrity": "sha512-Y956lmS7vDqomxlaaQAHVmeb4tNMp2FWIvU/RnU5BD3IKMD/MJPr76xdyr68P8tV1iNMvN2mRK0yy3c+UjL+bw==",
             "dev": true,
             "dependencies": {
-                "@eslint/eslintrc": "^1.4.1",
+                "@eslint-community/eslint-utils": "^4.2.0",
+                "@eslint-community/regexpp": "^4.4.0",
+                "@eslint/eslintrc": "^2.0.1",
+                "@eslint/js": "8.36.0",
                 "@humanwhocodes/config-array": "^0.11.8",
                 "@humanwhocodes/module-importer": "^1.0.1",
                 "@nodelib/fs.walk": "^1.2.8",
@@ -3864,10 +3922,9 @@
                 "doctrine": "^3.0.0",
                 "escape-string-regexp": "^4.0.0",
                 "eslint-scope": "^7.1.1",
-                "eslint-utils": "^3.0.0",
                 "eslint-visitor-keys": "^3.3.0",
-                "espree": "^9.4.0",
-                "esquery": "^1.4.0",
+                "espree": "^9.5.0",
+                "esquery": "^1.4.2",
                 "esutils": "^2.0.2",
                 "fast-deep-equal": "^3.1.3",
                 "file-entry-cache": "^6.0.1",
@@ -3888,7 +3945,6 @@
                 "minimatch": "^3.1.2",
                 "natural-compare": "^1.4.0",
                 "optionator": "^0.9.1",
-                "regexpp": "^3.2.0",
                 "strip-ansi": "^6.0.1",
                 "strip-json-comments": "^3.1.0",
                 "text-table": "^0.2.0"
@@ -3904,9 +3960,9 @@
             }
         },
         "node_modules/eslint-config-prettier": {
-            "version": "8.6.0",
-            "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.6.0.tgz",
-            "integrity": "sha512-bAF0eLpLVqP5oEVUFKpMA+NnRFICwn9X8B5jrR9FcqnYBuPbqWEjTEspPWMj5ye6czoSLDweCzSo3Ko7gGrZaA==",
+            "version": "8.8.0",
+            "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz",
+            "integrity": "sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==",
             "dev": true,
             "bin": {
                 "eslint-config-prettier": "bin/cli.js"
@@ -3938,33 +3994,6 @@
                 "node": ">=8.0.0"
             }
         },
-        "node_modules/eslint-utils": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
-            "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
-            "dev": true,
-            "dependencies": {
-                "eslint-visitor-keys": "^2.0.0"
-            },
-            "engines": {
-                "node": "^10.0.0 || ^12.0.0 || >= 14.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/mysticatea"
-            },
-            "peerDependencies": {
-                "eslint": ">=5"
-            }
-        },
-        "node_modules/eslint-utils/node_modules/eslint-visitor-keys": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
-            "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
-            "dev": true,
-            "engines": {
-                "node": ">=10"
-            }
-        },
         "node_modules/eslint-visitor-keys": {
             "version": "3.3.0",
             "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
@@ -4003,9 +4032,9 @@
             "dev": true
         },
         "node_modules/espree": {
-            "version": "9.4.1",
-            "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.1.tgz",
-            "integrity": "sha512-XwctdmTO6SIvCzd9810yyNzIrOrqNYV9Koizx4C/mRhf9uq0o4yHoCEU/670pOxOL/MSraektvSAji79kX90Vg==",
+            "version": "9.5.0",
+            "resolved": "https://registry.npmjs.org/espree/-/espree-9.5.0.tgz",
+            "integrity": "sha512-JPbJGhKc47++oo4JkEoTe2wjy4fmMwvFpgJT9cQzmfXKp22Dr6Hf1tdCteLz1h0P3t+mGvWZ+4Uankvh8+c6zw==",
             "dev": true,
             "dependencies": {
                 "acorn": "^8.8.0",
@@ -4033,9 +4062,9 @@
             }
         },
         "node_modules/esquery": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz",
-            "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==",
+            "version": "1.4.2",
+            "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.2.tgz",
+            "integrity": "sha512-JVSoLdTlTDkmjFmab7H/9SL9qGSyjElT3myyKp7krqjVFQCDLmj1QFaCLRFBszBKI0XVZaiiXvuPIX3ZwHe1Ng==",
             "dev": true,
             "dependencies": {
                 "estraverse": "^5.1.0"
@@ -4127,16 +4156,16 @@
             }
         },
         "node_modules/expect": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/expect/-/expect-29.4.1.tgz",
-            "integrity": "sha512-OKrGESHOaMxK3b6zxIq9SOW8kEXztKff/Dvg88j4xIJxur1hspEbedVkR3GpHe5LO+WB2Qw7OWN0RMTdp6as5A==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/expect/-/expect-29.4.3.tgz",
+            "integrity": "sha512-uC05+Q7eXECFpgDrHdXA4k2rpMyStAYPItEDLyQDo5Ta7fVkJnNA/4zh/OIVkVVNZ1oOK1PipQoyNjuZ6sz6Dg==",
             "dev": true,
             "dependencies": {
-                "@jest/expect-utils": "^29.4.1",
-                "jest-get-type": "^29.2.0",
-                "jest-matcher-utils": "^29.4.1",
-                "jest-message-util": "^29.4.1",
-                "jest-util": "^29.4.1"
+                "@jest/expect-utils": "^29.4.3",
+                "jest-get-type": "^29.4.3",
+                "jest-matcher-utils": "^29.4.3",
+                "jest-message-util": "^29.4.3",
+                "jest-util": "^29.4.3"
             },
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
@@ -4715,12 +4744,12 @@
             "dev": true
         },
         "node_modules/internal-slot": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.4.tgz",
-            "integrity": "sha512-tA8URYccNzMo94s5MQZgH8NB/XTa6HsOo0MLfXTKKEnHVVdegzaQoFZ7Jp44bdvLvY2waT5dc+j5ICEswhi7UQ==",
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+            "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
             "dev": true,
             "dependencies": {
-                "get-intrinsic": "^1.1.3",
+                "get-intrinsic": "^1.2.0",
                 "has": "^1.0.3",
                 "side-channel": "^1.0.4"
             },
@@ -5158,16 +5187,16 @@
             }
         },
         "node_modules/jest": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest/-/jest-29.4.1.tgz",
-            "integrity": "sha512-cknimw7gAXPDOmj0QqztlxVtBVCw2lYY9CeIE5N6kD+kET1H4H79HSNISJmijb1HF+qk+G+ploJgiDi5k/fRlg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest/-/jest-29.4.3.tgz",
+            "integrity": "sha512-XvK65feuEFGZT8OO0fB/QAQS+LGHvQpaadkH5p47/j3Ocqq3xf2pK9R+G0GzgfuhXVxEv76qCOOcMb5efLk6PA==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/core": "^29.4.1",
-                "@jest/types": "^29.4.1",
+                "@jest/core": "^29.4.3",
+                "@jest/types": "^29.4.3",
                 "import-local": "^3.0.2",
-                "jest-cli": "^29.4.1"
+                "jest-cli": "^29.4.3"
             },
             "bin": {
                 "jest": "bin/jest.js"
@@ -5185,9 +5214,9 @@
             }
         },
         "node_modules/jest-changed-files": {
-            "version": "29.4.0",
-            "resolved": "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-29.4.0.tgz",
-            "integrity": "sha512-rnI1oPxgFghoz32Y8eZsGJMjW54UlqT17ycQeCEktcxxwqqKdlj9afl8LNeO0Pbu+h2JQHThQP0BzS67eTRx4w==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-29.4.3.tgz",
+            "integrity": "sha512-Vn5cLuWuwmi2GNNbokPOEcvrXGSGrqVnPEZV7rC6P7ck07Dyw9RFnvWglnupSh+hGys0ajGtw/bc2ZgweljQoQ==",
             "dev": true,
             "peer": true,
             "dependencies": {
@@ -5199,29 +5228,29 @@
             }
         },
         "node_modules/jest-circus": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-circus/-/jest-circus-29.4.1.tgz",
-            "integrity": "sha512-v02NuL5crMNY4CGPHBEflLzl4v91NFb85a+dH9a1pUNx6Xjggrd8l9pPy4LZ1VYNRXlb+f65+7O/MSIbLir6pA==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-circus/-/jest-circus-29.4.3.tgz",
+            "integrity": "sha512-Vw/bVvcexmdJ7MLmgdT3ZjkJ3LKu8IlpefYokxiqoZy6OCQ2VAm6Vk3t/qHiAGUXbdbJKJWnc8gH3ypTbB/OBw==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/environment": "^29.4.1",
-                "@jest/expect": "^29.4.1",
-                "@jest/test-result": "^29.4.1",
-                "@jest/types": "^29.4.1",
+                "@jest/environment": "^29.4.3",
+                "@jest/expect": "^29.4.3",
+                "@jest/test-result": "^29.4.3",
+                "@jest/types": "^29.4.3",
                 "@types/node": "*",
                 "chalk": "^4.0.0",
                 "co": "^4.6.0",
                 "dedent": "^0.7.0",
                 "is-generator-fn": "^2.0.0",
-                "jest-each": "^29.4.1",
-                "jest-matcher-utils": "^29.4.1",
-                "jest-message-util": "^29.4.1",
-                "jest-runtime": "^29.4.1",
-                "jest-snapshot": "^29.4.1",
-                "jest-util": "^29.4.1",
+                "jest-each": "^29.4.3",
+                "jest-matcher-utils": "^29.4.3",
+                "jest-message-util": "^29.4.3",
+                "jest-runtime": "^29.4.3",
+                "jest-snapshot": "^29.4.3",
+                "jest-util": "^29.4.3",
                 "p-limit": "^3.1.0",
-                "pretty-format": "^29.4.1",
+                "pretty-format": "^29.4.3",
                 "slash": "^3.0.0",
                 "stack-utils": "^2.0.3"
             },
@@ -5243,13 +5272,13 @@
             }
         },
         "node_modules/jest-circus/node_modules/pretty-format": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.1.tgz",
-            "integrity": "sha512-dt/Z761JUVsrIKaY215o1xQJBGlSmTx/h4cSqXqjHLnU1+Kt+mavVE7UgqJJO5ukx5HjSswHfmXz4LjS2oIJfg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.3.tgz",
+            "integrity": "sha512-cvpcHTc42lcsvOOAzd3XuNWTcvk1Jmnzqeu+WsOuiPmxUJTnkbAcFNsRKvEpBEUFVUgy/GTZLulZDcDEi+CIlA==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/schemas": "^29.4.0",
+                "@jest/schemas": "^29.4.3",
                 "ansi-styles": "^5.0.0",
                 "react-is": "^18.0.0"
             },
@@ -5265,22 +5294,22 @@
             "peer": true
         },
         "node_modules/jest-cli": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-29.4.1.tgz",
-            "integrity": "sha512-jz7GDIhtxQ37M+9dlbv5K+/FVcIo1O/b1sX3cJgzlQUf/3VG25nvuWzlDC4F1FLLzUThJeWLu8I7JF9eWpuURQ==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-29.4.3.tgz",
+            "integrity": "sha512-PiiAPuFNfWWolCE6t3ZrDXQc6OsAuM3/tVW0u27UWc1KE+n/HSn5dSE6B2juqN7WP+PP0jAcnKtGmI4u8GMYCg==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/core": "^29.4.1",
-                "@jest/test-result": "^29.4.1",
-                "@jest/types": "^29.4.1",
+                "@jest/core": "^29.4.3",
+                "@jest/test-result": "^29.4.3",
+                "@jest/types": "^29.4.3",
                 "chalk": "^4.0.0",
                 "exit": "^0.1.2",
                 "graceful-fs": "^4.2.9",
                 "import-local": "^3.0.2",
-                "jest-config": "^29.4.1",
-                "jest-util": "^29.4.1",
-                "jest-validate": "^29.4.1",
+                "jest-config": "^29.4.3",
+                "jest-util": "^29.4.3",
+                "jest-validate": "^29.4.3",
                 "prompts": "^2.0.1",
                 "yargs": "^17.3.1"
             },
@@ -5300,32 +5329,32 @@
             }
         },
         "node_modules/jest-config": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-29.4.1.tgz",
-            "integrity": "sha512-g7p3q4NuXiM4hrS4XFATTkd+2z0Ml2RhFmFPM8c3WyKwVDNszbl4E7cV7WIx1YZeqqCtqbtTtZhGZWJlJqngzg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-29.4.3.tgz",
+            "integrity": "sha512-eCIpqhGnIjdUCXGtLhz4gdDoxKSWXKjzNcc5r+0S1GKOp2fwOipx5mRcwa9GB/ArsxJ1jlj2lmlD9bZAsBxaWQ==",
             "dev": true,
             "peer": true,
             "dependencies": {
                 "@babel/core": "^7.11.6",
-                "@jest/test-sequencer": "^29.4.1",
-                "@jest/types": "^29.4.1",
-                "babel-jest": "^29.4.1",
+                "@jest/test-sequencer": "^29.4.3",
+                "@jest/types": "^29.4.3",
+                "babel-jest": "^29.4.3",
                 "chalk": "^4.0.0",
                 "ci-info": "^3.2.0",
                 "deepmerge": "^4.2.2",
                 "glob": "^7.1.3",
                 "graceful-fs": "^4.2.9",
-                "jest-circus": "^29.4.1",
-                "jest-environment-node": "^29.4.1",
-                "jest-get-type": "^29.2.0",
-                "jest-regex-util": "^29.2.0",
-                "jest-resolve": "^29.4.1",
-                "jest-runner": "^29.4.1",
-                "jest-util": "^29.4.1",
-                "jest-validate": "^29.4.1",
+                "jest-circus": "^29.4.3",
+                "jest-environment-node": "^29.4.3",
+                "jest-get-type": "^29.4.3",
+                "jest-regex-util": "^29.4.3",
+                "jest-resolve": "^29.4.3",
+                "jest-runner": "^29.4.3",
+                "jest-util": "^29.4.3",
+                "jest-validate": "^29.4.3",
                 "micromatch": "^4.0.4",
                 "parse-json": "^5.2.0",
-                "pretty-format": "^29.4.1",
+                "pretty-format": "^29.4.3",
                 "slash": "^3.0.0",
                 "strip-json-comments": "^3.1.1"
             },
@@ -5359,13 +5388,13 @@
             }
         },
         "node_modules/jest-config/node_modules/pretty-format": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.1.tgz",
-            "integrity": "sha512-dt/Z761JUVsrIKaY215o1xQJBGlSmTx/h4cSqXqjHLnU1+Kt+mavVE7UgqJJO5ukx5HjSswHfmXz4LjS2oIJfg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.3.tgz",
+            "integrity": "sha512-cvpcHTc42lcsvOOAzd3XuNWTcvk1Jmnzqeu+WsOuiPmxUJTnkbAcFNsRKvEpBEUFVUgy/GTZLulZDcDEi+CIlA==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/schemas": "^29.4.0",
+                "@jest/schemas": "^29.4.3",
                 "ansi-styles": "^5.0.0",
                 "react-is": "^18.0.0"
             },
@@ -5381,15 +5410,15 @@
             "peer": true
         },
         "node_modules/jest-diff": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.4.1.tgz",
-            "integrity": "sha512-uazdl2g331iY56CEyfbNA0Ut7Mn2ulAG5vUaEHXycf1L6IPyuImIxSz4F0VYBKi7LYIuxOwTZzK3wh5jHzASMw==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.4.3.tgz",
+            "integrity": "sha512-YB+ocenx7FZ3T5O9lMVMeLYV4265socJKtkwgk/6YUz/VsEzYDkiMuMhWzZmxm3wDRQvayJu/PjkjjSkjoHsCA==",
             "dev": true,
             "dependencies": {
                 "chalk": "^4.0.0",
-                "diff-sequences": "^29.3.1",
-                "jest-get-type": "^29.2.0",
-                "pretty-format": "^29.4.1"
+                "diff-sequences": "^29.4.3",
+                "jest-get-type": "^29.4.3",
+                "pretty-format": "^29.4.3"
             },
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
@@ -5408,12 +5437,12 @@
             }
         },
         "node_modules/jest-diff/node_modules/pretty-format": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.1.tgz",
-            "integrity": "sha512-dt/Z761JUVsrIKaY215o1xQJBGlSmTx/h4cSqXqjHLnU1+Kt+mavVE7UgqJJO5ukx5HjSswHfmXz4LjS2oIJfg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.3.tgz",
+            "integrity": "sha512-cvpcHTc42lcsvOOAzd3XuNWTcvk1Jmnzqeu+WsOuiPmxUJTnkbAcFNsRKvEpBEUFVUgy/GTZLulZDcDEi+CIlA==",
             "dev": true,
             "dependencies": {
-                "@jest/schemas": "^29.4.0",
+                "@jest/schemas": "^29.4.3",
                 "ansi-styles": "^5.0.0",
                 "react-is": "^18.0.0"
             },
@@ -5428,9 +5457,9 @@
             "dev": true
         },
         "node_modules/jest-docblock": {
-            "version": "29.2.0",
-            "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-29.2.0.tgz",
-            "integrity": "sha512-bkxUsxTgWQGbXV5IENmfiIuqZhJcyvF7tU4zJ/7ioTutdz4ToB5Yx6JOFBpgI+TphRY4lhOyCWGNH/QFQh5T6A==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-29.4.3.tgz",
+            "integrity": "sha512-fzdTftThczeSD9nZ3fzA/4KkHtnmllawWrXO69vtI+L9WjEIuXWs4AmyME7lN5hU7dB0sHhuPfcKofRsUb/2Fg==",
             "dev": true,
             "peer": true,
             "dependencies": {
@@ -5441,17 +5470,17 @@
             }
         },
         "node_modules/jest-each": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-29.4.1.tgz",
-            "integrity": "sha512-QlYFiX3llJMWUV0BtWht/esGEz9w+0i7BHwODKCze7YzZzizgExB9MOfiivF/vVT0GSQ8wXLhvHXh3x2fVD4QQ==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-29.4.3.tgz",
+            "integrity": "sha512-1ElHNAnKcbJb/b+L+7j0/w7bDvljw4gTv1wL9fYOczeJrbTbkMGQ5iQPFJ3eFQH19VPTx1IyfePdqSpePKss7Q==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/types": "^29.4.1",
+                "@jest/types": "^29.4.3",
                 "chalk": "^4.0.0",
-                "jest-get-type": "^29.2.0",
-                "jest-util": "^29.4.1",
-                "pretty-format": "^29.4.1"
+                "jest-get-type": "^29.4.3",
+                "jest-util": "^29.4.3",
+                "pretty-format": "^29.4.3"
             },
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
@@ -5471,13 +5500,13 @@
             }
         },
         "node_modules/jest-each/node_modules/pretty-format": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.1.tgz",
-            "integrity": "sha512-dt/Z761JUVsrIKaY215o1xQJBGlSmTx/h4cSqXqjHLnU1+Kt+mavVE7UgqJJO5ukx5HjSswHfmXz4LjS2oIJfg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.3.tgz",
+            "integrity": "sha512-cvpcHTc42lcsvOOAzd3XuNWTcvk1Jmnzqeu+WsOuiPmxUJTnkbAcFNsRKvEpBEUFVUgy/GTZLulZDcDEi+CIlA==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/schemas": "^29.4.0",
+                "@jest/schemas": "^29.4.3",
                 "ansi-styles": "^5.0.0",
                 "react-is": "^18.0.0"
             },
@@ -5493,48 +5522,48 @@
             "peer": true
         },
         "node_modules/jest-environment-node": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.4.1.tgz",
-            "integrity": "sha512-x/H2kdVgxSkxWAIlIh9MfMuBa0hZySmfsC5lCsWmWr6tZySP44ediRKDUiNggX/eHLH7Cd5ZN10Rw+XF5tXsqg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.4.3.tgz",
+            "integrity": "sha512-gAiEnSKF104fsGDXNkwk49jD/0N0Bqu2K9+aMQXA6avzsA9H3Fiv1PW2D+gzbOSR705bWd2wJZRFEFpV0tXISg==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/environment": "^29.4.1",
-                "@jest/fake-timers": "^29.4.1",
-                "@jest/types": "^29.4.1",
+                "@jest/environment": "^29.4.3",
+                "@jest/fake-timers": "^29.4.3",
+                "@jest/types": "^29.4.3",
                 "@types/node": "*",
-                "jest-mock": "^29.4.1",
-                "jest-util": "^29.4.1"
+                "jest-mock": "^29.4.3",
+                "jest-util": "^29.4.3"
             },
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
         "node_modules/jest-get-type": {
-            "version": "29.2.0",
-            "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.2.0.tgz",
-            "integrity": "sha512-uXNJlg8hKFEnDgFsrCjznB+sTxdkuqiCL6zMgA75qEbAJjJYTs9XPrvDctrEig2GDow22T/LvHgO57iJhXB/UA==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.4.3.tgz",
+            "integrity": "sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==",
             "dev": true,
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
         "node_modules/jest-haste-map": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.4.1.tgz",
-            "integrity": "sha512-imTjcgfVVTvg02khXL11NNLTx9ZaofbAWhilrMg/G8dIkp+HYCswhxf0xxJwBkfhWb3e8dwbjuWburvxmcr58w==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.4.3.tgz",
+            "integrity": "sha512-eZIgAS8tvm5IZMtKlR8Y+feEOMfo2pSQkmNbufdbMzMSn9nitgGxF1waM/+LbryO3OkMcKS98SUb+j/cQxp/vQ==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/types": "^29.4.1",
+                "@jest/types": "^29.4.3",
                 "@types/graceful-fs": "^4.1.3",
                 "@types/node": "*",
                 "anymatch": "^3.0.3",
                 "fb-watchman": "^2.0.0",
                 "graceful-fs": "^4.2.9",
-                "jest-regex-util": "^29.2.0",
-                "jest-util": "^29.4.1",
-                "jest-worker": "^29.4.1",
+                "jest-regex-util": "^29.4.3",
+                "jest-util": "^29.4.3",
+                "jest-worker": "^29.4.3",
                 "micromatch": "^4.0.4",
                 "walker": "^1.0.8"
             },
@@ -5546,14 +5575,14 @@
             }
         },
         "node_modules/jest-leak-detector": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-29.4.1.tgz",
-            "integrity": "sha512-akpZv7TPyGMnH2RimOCgy+hPmWZf55EyFUvymQ4LMsQP8xSPlZumCPtXGoDhFNhUE2039RApZkTQDKU79p/FiQ==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-29.4.3.tgz",
+            "integrity": "sha512-9yw4VC1v2NspMMeV3daQ1yXPNxMgCzwq9BocCwYrRgXe4uaEJPAN0ZK37nFBhcy3cUwEVstFecFLaTHpF7NiGA==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "jest-get-type": "^29.2.0",
-                "pretty-format": "^29.4.1"
+                "jest-get-type": "^29.4.3",
+                "pretty-format": "^29.4.3"
             },
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
@@ -5573,13 +5602,13 @@
             }
         },
         "node_modules/jest-leak-detector/node_modules/pretty-format": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.1.tgz",
-            "integrity": "sha512-dt/Z761JUVsrIKaY215o1xQJBGlSmTx/h4cSqXqjHLnU1+Kt+mavVE7UgqJJO5ukx5HjSswHfmXz4LjS2oIJfg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.3.tgz",
+            "integrity": "sha512-cvpcHTc42lcsvOOAzd3XuNWTcvk1Jmnzqeu+WsOuiPmxUJTnkbAcFNsRKvEpBEUFVUgy/GTZLulZDcDEi+CIlA==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/schemas": "^29.4.0",
+                "@jest/schemas": "^29.4.3",
                 "ansi-styles": "^5.0.0",
                 "react-is": "^18.0.0"
             },
@@ -5595,15 +5624,15 @@
             "peer": true
         },
         "node_modules/jest-matcher-utils": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.4.1.tgz",
-            "integrity": "sha512-k5h0u8V4nAEy6lSACepxL/rw78FLDkBnXhZVgFneVpnJONhb2DhZj/Gv4eNe+1XqQ5IhgUcqj745UwH0HJmMnA==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.4.3.tgz",
+            "integrity": "sha512-TTciiXEONycZ03h6R6pYiZlSkvYgT0l8aa49z/DLSGYjex4orMUcafuLXYyyEDWB1RKglq00jzwY00Ei7yFNVg==",
             "dev": true,
             "dependencies": {
                 "chalk": "^4.0.0",
-                "jest-diff": "^29.4.1",
-                "jest-get-type": "^29.2.0",
-                "pretty-format": "^29.4.1"
+                "jest-diff": "^29.4.3",
+                "jest-get-type": "^29.4.3",
+                "pretty-format": "^29.4.3"
             },
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
@@ -5622,12 +5651,12 @@
             }
         },
         "node_modules/jest-matcher-utils/node_modules/pretty-format": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.1.tgz",
-            "integrity": "sha512-dt/Z761JUVsrIKaY215o1xQJBGlSmTx/h4cSqXqjHLnU1+Kt+mavVE7UgqJJO5ukx5HjSswHfmXz4LjS2oIJfg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.3.tgz",
+            "integrity": "sha512-cvpcHTc42lcsvOOAzd3XuNWTcvk1Jmnzqeu+WsOuiPmxUJTnkbAcFNsRKvEpBEUFVUgy/GTZLulZDcDEi+CIlA==",
             "dev": true,
             "dependencies": {
-                "@jest/schemas": "^29.4.0",
+                "@jest/schemas": "^29.4.3",
                 "ansi-styles": "^5.0.0",
                 "react-is": "^18.0.0"
             },
@@ -5642,18 +5671,18 @@
             "dev": true
         },
         "node_modules/jest-message-util": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.4.1.tgz",
-            "integrity": "sha512-H4/I0cXUaLeCw6FM+i4AwCnOwHRgitdaUFOdm49022YD5nfyr8C/DrbXOBEyJaj+w/y0gGJ57klssOaUiLLQGQ==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.4.3.tgz",
+            "integrity": "sha512-1Y8Zd4ZCN7o/QnWdMmT76If8LuDv23Z1DRovBj/vcSFNlGCJGoO8D1nJDw1AdyAGUk0myDLFGN5RbNeJyCRGCw==",
             "dev": true,
             "dependencies": {
                 "@babel/code-frame": "^7.12.13",
-                "@jest/types": "^29.4.1",
+                "@jest/types": "^29.4.3",
                 "@types/stack-utils": "^2.0.0",
                 "chalk": "^4.0.0",
                 "graceful-fs": "^4.2.9",
                 "micromatch": "^4.0.4",
-                "pretty-format": "^29.4.1",
+                "pretty-format": "^29.4.3",
                 "slash": "^3.0.0",
                 "stack-utils": "^2.0.3"
             },
@@ -5674,12 +5703,12 @@
             }
         },
         "node_modules/jest-message-util/node_modules/pretty-format": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.1.tgz",
-            "integrity": "sha512-dt/Z761JUVsrIKaY215o1xQJBGlSmTx/h4cSqXqjHLnU1+Kt+mavVE7UgqJJO5ukx5HjSswHfmXz4LjS2oIJfg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.3.tgz",
+            "integrity": "sha512-cvpcHTc42lcsvOOAzd3XuNWTcvk1Jmnzqeu+WsOuiPmxUJTnkbAcFNsRKvEpBEUFVUgy/GTZLulZDcDEi+CIlA==",
             "dev": true,
             "dependencies": {
-                "@jest/schemas": "^29.4.0",
+                "@jest/schemas": "^29.4.3",
                 "ansi-styles": "^5.0.0",
                 "react-is": "^18.0.0"
             },
@@ -5694,15 +5723,15 @@
             "dev": true
         },
         "node_modules/jest-mock": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.4.1.tgz",
-            "integrity": "sha512-MwA4hQ7zBOcgVCVnsM8TzaFLVUD/pFWTfbkY953Y81L5ret3GFRZtmPmRFAjKQSdCKoJvvqOu6Bvfpqlwwb0dQ==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.4.3.tgz",
+            "integrity": "sha512-LjFgMg+xed9BdkPMyIJh+r3KeHt1klXPJYBULXVVAkbTaaKjPX1o1uVCAZADMEp/kOxGTwy/Ot8XbvgItOrHEg==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/types": "^29.4.1",
+                "@jest/types": "^29.4.3",
                 "@types/node": "*",
-                "jest-util": "^29.4.1"
+                "jest-util": "^29.4.3"
             },
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
@@ -5727,9 +5756,9 @@
             }
         },
         "node_modules/jest-regex-util": {
-            "version": "29.2.0",
-            "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.2.0.tgz",
-            "integrity": "sha512-6yXn0kg2JXzH30cr2NlThF+70iuO/3irbaB4mh5WyqNIvLLP+B6sFdluO1/1RJmslyh/f9osnefECflHvTbwVA==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.4.3.tgz",
+            "integrity": "sha512-O4FglZaMmWXbGHSQInfXewIsd1LMn9p3ZXB/6r4FOkyhX2/iP/soMG98jGvk/A3HAN78+5VWcBGO0BJAPRh4kg==",
             "dev": true,
             "peer": true,
             "engines": {
@@ -5737,18 +5766,18 @@
             }
         },
         "node_modules/jest-resolve": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-29.4.1.tgz",
-            "integrity": "sha512-j/ZFNV2lm9IJ2wmlq1uYK0Y/1PiyDq9g4HEGsNTNr3viRbJdV+8Lf1SXIiLZXFvyiisu0qUyIXGBnw+OKWkJwQ==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-29.4.3.tgz",
+            "integrity": "sha512-GPokE1tzguRyT7dkxBim4wSx6E45S3bOQ7ZdKEG+Qj0Oac9+6AwJPCk0TZh5Vu0xzeX4afpb+eDmgbmZFFwpOw==",
             "dev": true,
             "peer": true,
             "dependencies": {
                 "chalk": "^4.0.0",
                 "graceful-fs": "^4.2.9",
-                "jest-haste-map": "^29.4.1",
+                "jest-haste-map": "^29.4.3",
                 "jest-pnp-resolver": "^1.2.2",
-                "jest-util": "^29.4.1",
-                "jest-validate": "^29.4.1",
+                "jest-util": "^29.4.3",
+                "jest-validate": "^29.4.3",
                 "resolve": "^1.20.0",
                 "resolve.exports": "^2.0.0",
                 "slash": "^3.0.0"
@@ -5758,45 +5787,45 @@
             }
         },
         "node_modules/jest-resolve-dependencies": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-29.4.1.tgz",
-            "integrity": "sha512-Y3QG3M1ncAMxfjbYgtqNXC5B595zmB6e//p/qpA/58JkQXu/IpLDoLeOa8YoYfsSglBKQQzNUqtfGJJT/qLmJg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-29.4.3.tgz",
+            "integrity": "sha512-uvKMZAQ3nmXLH7O8WAOhS5l0iWyT3WmnJBdmIHiV5tBbdaDZ1wqtNX04FONGoaFvSOSHBJxnwAVnSn1WHdGVaw==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "jest-regex-util": "^29.2.0",
-                "jest-snapshot": "^29.4.1"
+                "jest-regex-util": "^29.4.3",
+                "jest-snapshot": "^29.4.3"
             },
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
         "node_modules/jest-runner": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-29.4.1.tgz",
-            "integrity": "sha512-8d6XXXi7GtHmsHrnaqBKWxjKb166Eyj/ksSaUYdcBK09VbjPwIgWov1VwSmtupCIz8q1Xv4Qkzt/BTo3ZqiCeg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-29.4.3.tgz",
+            "integrity": "sha512-GWPTEiGmtHZv1KKeWlTX9SIFuK19uLXlRQU43ceOQ2hIfA5yPEJC7AMkvFKpdCHx6pNEdOD+2+8zbniEi3v3gA==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/console": "^29.4.1",
-                "@jest/environment": "^29.4.1",
-                "@jest/test-result": "^29.4.1",
-                "@jest/transform": "^29.4.1",
-                "@jest/types": "^29.4.1",
+                "@jest/console": "^29.4.3",
+                "@jest/environment": "^29.4.3",
+                "@jest/test-result": "^29.4.3",
+                "@jest/transform": "^29.4.3",
+                "@jest/types": "^29.4.3",
                 "@types/node": "*",
                 "chalk": "^4.0.0",
                 "emittery": "^0.13.1",
                 "graceful-fs": "^4.2.9",
-                "jest-docblock": "^29.2.0",
-                "jest-environment-node": "^29.4.1",
-                "jest-haste-map": "^29.4.1",
-                "jest-leak-detector": "^29.4.1",
-                "jest-message-util": "^29.4.1",
-                "jest-resolve": "^29.4.1",
-                "jest-runtime": "^29.4.1",
-                "jest-util": "^29.4.1",
-                "jest-watcher": "^29.4.1",
-                "jest-worker": "^29.4.1",
+                "jest-docblock": "^29.4.3",
+                "jest-environment-node": "^29.4.3",
+                "jest-haste-map": "^29.4.3",
+                "jest-leak-detector": "^29.4.3",
+                "jest-message-util": "^29.4.3",
+                "jest-resolve": "^29.4.3",
+                "jest-runtime": "^29.4.3",
+                "jest-util": "^29.4.3",
+                "jest-watcher": "^29.4.3",
+                "jest-worker": "^29.4.3",
                 "p-limit": "^3.1.0",
                 "source-map-support": "0.5.13"
             },
@@ -5805,33 +5834,32 @@
             }
         },
         "node_modules/jest-runtime": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-29.4.1.tgz",
-            "integrity": "sha512-UXTMU9uKu2GjYwTtoAw5rn4STxWw/nadOfW7v1sx6LaJYa3V/iymdCLQM6xy3+7C6mY8GfX22vKpgxY171UIoA==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-29.4.3.tgz",
+            "integrity": "sha512-F5bHvxSH+LvLV24vVB3L8K467dt3y3dio6V3W89dUz9nzvTpqd/HcT9zfYKL2aZPvD63vQFgLvaUX/UpUhrP6Q==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/environment": "^29.4.1",
-                "@jest/fake-timers": "^29.4.1",
-                "@jest/globals": "^29.4.1",
-                "@jest/source-map": "^29.2.0",
-                "@jest/test-result": "^29.4.1",
-                "@jest/transform": "^29.4.1",
-                "@jest/types": "^29.4.1",
+                "@jest/environment": "^29.4.3",
+                "@jest/fake-timers": "^29.4.3",
+                "@jest/globals": "^29.4.3",
+                "@jest/source-map": "^29.4.3",
+                "@jest/test-result": "^29.4.3",
+                "@jest/transform": "^29.4.3",
+                "@jest/types": "^29.4.3",
                 "@types/node": "*",
                 "chalk": "^4.0.0",
                 "cjs-module-lexer": "^1.0.0",
                 "collect-v8-coverage": "^1.0.0",
                 "glob": "^7.1.3",
                 "graceful-fs": "^4.2.9",
-                "jest-haste-map": "^29.4.1",
-                "jest-message-util": "^29.4.1",
-                "jest-mock": "^29.4.1",
-                "jest-regex-util": "^29.2.0",
-                "jest-resolve": "^29.4.1",
-                "jest-snapshot": "^29.4.1",
-                "jest-util": "^29.4.1",
-                "semver": "^7.3.5",
+                "jest-haste-map": "^29.4.3",
+                "jest-message-util": "^29.4.3",
+                "jest-mock": "^29.4.3",
+                "jest-regex-util": "^29.4.3",
+                "jest-resolve": "^29.4.3",
+                "jest-snapshot": "^29.4.3",
+                "jest-util": "^29.4.3",
                 "slash": "^3.0.0",
                 "strip-bom": "^4.0.0"
             },
@@ -5840,9 +5868,9 @@
             }
         },
         "node_modules/jest-snapshot": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-29.4.1.tgz",
-            "integrity": "sha512-l4iV8EjGgQWVz3ee/LR9sULDk2pCkqb71bjvlqn+qp90lFwpnulHj4ZBT8nm1hA1C5wowXLc7MGnw321u0tsYA==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-29.4.3.tgz",
+            "integrity": "sha512-NGlsqL0jLPDW91dz304QTM/SNO99lpcSYYAjNiX0Ou+sSGgkanKBcSjCfp/pqmiiO1nQaOyLp6XQddAzRcx3Xw==",
             "dev": true,
             "peer": true,
             "dependencies": {
@@ -5852,23 +5880,23 @@
                 "@babel/plugin-syntax-typescript": "^7.7.2",
                 "@babel/traverse": "^7.7.2",
                 "@babel/types": "^7.3.3",
-                "@jest/expect-utils": "^29.4.1",
-                "@jest/transform": "^29.4.1",
-                "@jest/types": "^29.4.1",
+                "@jest/expect-utils": "^29.4.3",
+                "@jest/transform": "^29.4.3",
+                "@jest/types": "^29.4.3",
                 "@types/babel__traverse": "^7.0.6",
                 "@types/prettier": "^2.1.5",
                 "babel-preset-current-node-syntax": "^1.0.0",
                 "chalk": "^4.0.0",
-                "expect": "^29.4.1",
+                "expect": "^29.4.3",
                 "graceful-fs": "^4.2.9",
-                "jest-diff": "^29.4.1",
-                "jest-get-type": "^29.2.0",
-                "jest-haste-map": "^29.4.1",
-                "jest-matcher-utils": "^29.4.1",
-                "jest-message-util": "^29.4.1",
-                "jest-util": "^29.4.1",
+                "jest-diff": "^29.4.3",
+                "jest-get-type": "^29.4.3",
+                "jest-haste-map": "^29.4.3",
+                "jest-matcher-utils": "^29.4.3",
+                "jest-message-util": "^29.4.3",
+                "jest-util": "^29.4.3",
                 "natural-compare": "^1.4.0",
-                "pretty-format": "^29.4.1",
+                "pretty-format": "^29.4.3",
                 "semver": "^7.3.5"
             },
             "engines": {
@@ -5889,13 +5917,13 @@
             }
         },
         "node_modules/jest-snapshot/node_modules/pretty-format": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.1.tgz",
-            "integrity": "sha512-dt/Z761JUVsrIKaY215o1xQJBGlSmTx/h4cSqXqjHLnU1+Kt+mavVE7UgqJJO5ukx5HjSswHfmXz4LjS2oIJfg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.3.tgz",
+            "integrity": "sha512-cvpcHTc42lcsvOOAzd3XuNWTcvk1Jmnzqeu+WsOuiPmxUJTnkbAcFNsRKvEpBEUFVUgy/GTZLulZDcDEi+CIlA==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/schemas": "^29.4.0",
+                "@jest/schemas": "^29.4.3",
                 "ansi-styles": "^5.0.0",
                 "react-is": "^18.0.0"
             },
@@ -5911,12 +5939,12 @@
             "peer": true
         },
         "node_modules/jest-util": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.4.1.tgz",
-            "integrity": "sha512-bQy9FPGxVutgpN4VRc0hk6w7Hx/m6L53QxpDreTZgJd9gfx/AV2MjyPde9tGyZRINAUrSv57p2inGBu2dRLmkQ==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.4.3.tgz",
+            "integrity": "sha512-ToSGORAz4SSSoqxDSylWX8JzkOQR7zoBtNRsA7e+1WUX5F8jrOwaNpuh1YfJHJKDHXLHmObv5eOjejUd+/Ws+Q==",
             "dev": true,
             "dependencies": {
-                "@jest/types": "^29.4.1",
+                "@jest/types": "^29.4.3",
                 "@types/node": "*",
                 "chalk": "^4.0.0",
                 "ci-info": "^3.2.0",
@@ -5928,18 +5956,18 @@
             }
         },
         "node_modules/jest-validate": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.4.1.tgz",
-            "integrity": "sha512-qNZXcZQdIQx4SfUB/atWnI4/I2HUvhz8ajOSYUu40CSmf9U5emil8EDHgE7M+3j9/pavtk3knlZBDsgFvv/SWw==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.4.3.tgz",
+            "integrity": "sha512-J3u5v7aPQoXPzaar6GndAVhdQcZr/3osWSgTeKg5v574I9ybX/dTyH0AJFb5XgXIB7faVhf+rS7t4p3lL9qFaw==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/types": "^29.4.1",
+                "@jest/types": "^29.4.3",
                 "camelcase": "^6.2.0",
                 "chalk": "^4.0.0",
-                "jest-get-type": "^29.2.0",
+                "jest-get-type": "^29.4.3",
                 "leven": "^3.1.0",
-                "pretty-format": "^29.4.1"
+                "pretty-format": "^29.4.3"
             },
             "engines": {
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
@@ -5972,13 +6000,13 @@
             }
         },
         "node_modules/jest-validate/node_modules/pretty-format": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.1.tgz",
-            "integrity": "sha512-dt/Z761JUVsrIKaY215o1xQJBGlSmTx/h4cSqXqjHLnU1+Kt+mavVE7UgqJJO5ukx5HjSswHfmXz4LjS2oIJfg==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.4.3.tgz",
+            "integrity": "sha512-cvpcHTc42lcsvOOAzd3XuNWTcvk1Jmnzqeu+WsOuiPmxUJTnkbAcFNsRKvEpBEUFVUgy/GTZLulZDcDEi+CIlA==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/schemas": "^29.4.0",
+                "@jest/schemas": "^29.4.3",
                 "ansi-styles": "^5.0.0",
                 "react-is": "^18.0.0"
             },
@@ -5994,19 +6022,19 @@
             "peer": true
         },
         "node_modules/jest-watcher": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-29.4.1.tgz",
-            "integrity": "sha512-vFOzflGFs27nU6h8dpnVRER3O2rFtL+VMEwnG0H3KLHcllLsU8y9DchSh0AL/Rg5nN1/wSiQ+P4ByMGpuybaVw==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-29.4.3.tgz",
+            "integrity": "sha512-zwlXH3DN3iksoIZNk73etl1HzKyi5FuQdYLnkQKm5BW4n8HpoG59xSwpVdFrnh60iRRaRBGw0gcymIxjJENPcA==",
             "dev": true,
             "peer": true,
             "dependencies": {
-                "@jest/test-result": "^29.4.1",
-                "@jest/types": "^29.4.1",
+                "@jest/test-result": "^29.4.3",
+                "@jest/types": "^29.4.3",
                 "@types/node": "*",
                 "ansi-escapes": "^4.2.1",
                 "chalk": "^4.0.0",
                 "emittery": "^0.13.1",
-                "jest-util": "^29.4.1",
+                "jest-util": "^29.4.3",
                 "string-length": "^4.0.1"
             },
             "engines": {
@@ -6014,14 +6042,14 @@
             }
         },
         "node_modules/jest-worker": {
-            "version": "29.4.1",
-            "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.4.1.tgz",
-            "integrity": "sha512-O9doU/S1EBe+yp/mstQ0VpPwpv0Clgn68TkNwGxL6/usX/KUW9Arnn4ag8C3jc6qHcXznhsT5Na1liYzAsuAbQ==",
+            "version": "29.4.3",
+            "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.4.3.tgz",
+            "integrity": "sha512-GLHN/GTAAMEy5BFdvpUfzr9Dr80zQqBrh0fz1mtRMe05hqP45+HfQltu7oTBfduD0UeZs09d+maFtFYAXFWvAA==",
             "dev": true,
             "peer": true,
             "dependencies": {
                 "@types/node": "*",
-                "jest-util": "^29.4.1",
+                "jest-util": "^29.4.3",
                 "merge-stream": "^2.0.0",
                 "supports-color": "^8.0.0"
             },
@@ -6074,18 +6102,17 @@
             }
         },
         "node_modules/jsdom": {
-            "version": "21.1.0",
-            "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-21.1.0.tgz",
-            "integrity": "sha512-m0lzlP7qOtthD918nenK3hdItSd2I+V3W9IrBcB36sqDwG+KnUs66IF5GY7laGWUnlM9vTsD0W1QwSEBYWWcJg==",
+            "version": "21.1.1",
+            "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-21.1.1.tgz",
+            "integrity": "sha512-Jjgdmw48RKcdAIQyUD1UdBh2ecH7VqwaXPN3ehoZN6MqgVbMn+lRm1aAT1AsdJRAJpwfa4IpwgzySn61h2qu3w==",
             "dev": true,
             "dependencies": {
                 "abab": "^2.0.6",
-                "acorn": "^8.8.1",
+                "acorn": "^8.8.2",
                 "acorn-globals": "^7.0.0",
-                "cssom": "^0.5.0",
-                "cssstyle": "^2.3.0",
-                "data-urls": "^3.0.2",
-                "decimal.js": "^10.4.2",
+                "cssstyle": "^3.0.0",
+                "data-urls": "^4.0.0",
+                "decimal.js": "^10.4.3",
                 "domexception": "^4.0.0",
                 "escodegen": "^2.0.0",
                 "form-data": "^4.0.0",
@@ -6094,7 +6121,8 @@
                 "https-proxy-agent": "^5.0.1",
                 "is-potential-custom-element-name": "^1.0.1",
                 "nwsapi": "^2.2.2",
-                "parse5": "^7.1.1",
+                "parse5": "^7.1.2",
+                "rrweb-cssom": "^0.6.0",
                 "saxes": "^6.0.0",
                 "symbol-tree": "^3.2.4",
                 "tough-cookie": "^4.1.2",
@@ -6102,8 +6130,8 @@
                 "webidl-conversions": "^7.0.0",
                 "whatwg-encoding": "^2.0.0",
                 "whatwg-mimetype": "^3.0.0",
-                "whatwg-url": "^11.0.0",
-                "ws": "^8.11.0",
+                "whatwg-url": "^12.0.1",
+                "ws": "^8.13.0",
                 "xml-name-validator": "^4.0.0"
             },
             "engines": {
@@ -6261,6 +6289,11 @@
             "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
             "dev": true
         },
+        "node_modules/logrocket": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/logrocket/-/logrocket-3.0.1.tgz",
+            "integrity": "sha512-jOWG+jEzobKVxGytzZ+4KGm2kiMQMRTHab2uDWQyVZcHfEF38BlCH1yjQVY4LCmuQUwZitP9biMzJZnyUQ0dtQ=="
+        },
         "node_modules/loupe": {
             "version": "2.3.6",
             "resolved": "https://registry.npmjs.org/loupe/-/loupe-2.3.6.tgz",
@@ -6281,9 +6314,9 @@
             }
         },
         "node_modules/lz-string": {
-            "version": "1.4.4",
-            "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.4.4.tgz",
-            "integrity": "sha512-0ckx7ZHRPqb0oUm8zNr+90mtf9DQB60H1wMCjBtfi62Kl3a7JbHob6gA2bC+xRvZoOL+1hzUK8jeuEIQE8svEQ==",
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+            "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
             "dev": true,
             "bin": {
                 "lz-string": "bin/bin.js"
@@ -6428,9 +6461,9 @@
             }
         },
         "node_modules/minimist": {
-            "version": "1.2.7",
-            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.7.tgz",
-            "integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==",
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
             "dev": true,
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
@@ -6449,15 +6482,15 @@
             }
         },
         "node_modules/mlly": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.1.0.tgz",
-            "integrity": "sha512-cwzBrBfwGC1gYJyfcy8TcZU1f+dbH/T+TuOhtYP2wLv/Fb51/uV7HJQfBPtEupZ2ORLRU1EKFS/QfS3eo9+kBQ==",
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.2.0.tgz",
+            "integrity": "sha512-+c7A3CV0KGdKcylsI6khWyts/CYrGTrRVo4R/I7u/cUsy0Conxa6LUhiEzVKIw14lc2L5aiO4+SeVe4TeGRKww==",
             "dev": true,
             "dependencies": {
-                "acorn": "^8.8.1",
-                "pathe": "^1.0.0",
-                "pkg-types": "^1.0.1",
-                "ufo": "^1.0.1"
+                "acorn": "^8.8.2",
+                "pathe": "^1.1.0",
+                "pkg-types": "^1.0.2",
+                "ufo": "^1.1.1"
             }
         },
         "node_modules/mri": {
@@ -6934,20 +6967,20 @@
             }
         },
         "node_modules/pkg-types": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.1.tgz",
-            "integrity": "sha512-jHv9HB+Ho7dj6ItwppRDDl0iZRYBD0jsakHXtFgoLr+cHSF6xC+QL54sJmWxyGxOLYSHm0afhXhXcQDQqH9z8g==",
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.2.tgz",
+            "integrity": "sha512-hM58GKXOcj8WTqUXnsQyJYXdeAPbythQgEF3nTcEo+nkD49chjQ9IKm/QJy9xf6JakXptz86h7ecP2024rrLaQ==",
             "dev": true,
             "dependencies": {
                 "jsonc-parser": "^3.2.0",
-                "mlly": "^1.0.0",
-                "pathe": "^1.0.0"
+                "mlly": "^1.1.1",
+                "pathe": "^1.1.0"
             }
         },
         "node_modules/playwright-core": {
-            "version": "1.30.0",
-            "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.30.0.tgz",
-            "integrity": "sha512-7AnRmTCf+GVYhHbLJsGUtskWTE33SwMZkybJ0v6rqR1boxq2x36U7p1vDRV7HO2IwTZgmycracLxPEJI49wu4g==",
+            "version": "1.31.2",
+            "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.31.2.tgz",
+            "integrity": "sha512-a1dFgCNQw4vCsG7bnojZjDnPewZcw7tZUNFN0ZkcLYKj+mPmXvg4MpaaKZ5SgqPsOmqIf2YsVRkgqiRDxD+fDQ==",
             "dev": true,
             "bin": {
                 "playwright": "cli.js"
@@ -7062,9 +7095,9 @@
             }
         },
         "node_modules/prettier": {
-            "version": "2.8.3",
-            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.3.tgz",
-            "integrity": "sha512-tJ/oJ4amDihPoufT5sM0Z1SKEuKay8LfVAMlbbhnnkvt6BUserZylqo2PN+p9KeljLr0OHa2rXHU1T8reeoTrw==",
+            "version": "2.8.6",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.6.tgz",
+            "integrity": "sha512-mtuzdiBbHwPEgl7NxWlqOkithPyp4VN93V7VeHVWBF+ad3I5avc0RVDT4oImXQy9H/AqxA2NSQH8pSxHW6FYbQ==",
             "dev": true,
             "bin": {
                 "prettier": "bin-prettier.js"
@@ -7283,18 +7316,6 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/regexpp": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
-            "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/mysticatea"
-            }
-        },
         "node_modules/require-directory": {
             "version": "2.1.1",
             "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
@@ -7396,9 +7417,9 @@
             }
         },
         "node_modules/rollup": {
-            "version": "3.14.0",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.14.0.tgz",
-            "integrity": "sha512-o23sdgCLcLSe3zIplT9nQ1+r97okuaiR+vmAPZPTDYB7/f3tgWIYNyiQveMsZwshBT0is4eGax/HH83Q7CG+/Q==",
+            "version": "3.20.0",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.20.0.tgz",
+            "integrity": "sha512-YsIfrk80NqUDrxrjWPXUa7PWvAfegZEXHuPsEZg58fGCdjL1I9C1i/NaG+L+27kxxwkrG/QEDEQc8s/ynXWWGQ==",
             "dev": true,
             "bin": {
                 "rollup": "dist/bin/rollup"
@@ -7411,6 +7432,12 @@
                 "fsevents": "~2.3.2"
             }
         },
+        "node_modules/rrweb-cssom": {
+            "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz",
+            "integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==",
+            "dev": true
+        },
         "node_modules/run-parallel": {
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -7483,9 +7510,9 @@
             }
         },
         "node_modules/sass": {
-            "version": "1.58.0",
-            "resolved": "https://registry.npmjs.org/sass/-/sass-1.58.0.tgz",
-            "integrity": "sha512-PiMJcP33DdKtZ/1jSjjqVIKihoDc6yWmYr9K/4r3fVVIEDAluD0q7XZiRKrNJcPK3qkLRF/79DND1H5q1LBjgg==",
+            "version": "1.59.3",
+            "resolved": "https://registry.npmjs.org/sass/-/sass-1.59.3.tgz",
+            "integrity": "sha512-QCq98N3hX1jfTCoUAsF3eyGuXLsY7BCnCEg9qAact94Yc21npG2/mVOqoDvE0fCbWDqiM4WlcJQla0gWG2YlxQ==",
             "dev": true,
             "dependencies": {
                 "chokidar": ">=3.0.0 <4.0.0",
@@ -7938,17 +7965,17 @@
             }
         },
         "node_modules/svelte": {
-            "version": "3.55.1",
-            "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.55.1.tgz",
-            "integrity": "sha512-S+87/P0Ve67HxKkEV23iCdAh/SX1xiSfjF1HOglno/YTbSTW7RniICMCofWGdJJbdjw3S+0PfFb1JtGfTXE0oQ==",
+            "version": "3.57.0",
+            "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.57.0.tgz",
+            "integrity": "sha512-WMXEvF+RtAaclw0t3bPDTUe19pplMlfyKDsixbHQYgCWi9+O9VN0kXU1OppzrB9gPAvz4NALuoca2LfW2bOjTQ==",
             "engines": {
                 "node": ">= 8"
             }
         },
         "node_modules/svelte-check": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-3.0.3.tgz",
-            "integrity": "sha512-ByBFXo3bfHRGIsYEasHkdMhLkNleVfszX/Ns1oip58tPJlKdo5Ssr8kgVIuo5oq00hss8AIcdesuy0Xt0BcTvg==",
+            "version": "3.1.4",
+            "resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-3.1.4.tgz",
+            "integrity": "sha512-25Lb46ZS4IK/XpBMe4IBMrtYf23V8alqBX+szXoccb7uM0D2Wqq5rMRzYBONZnFVuU1bQG3R50lyIT5eRewv2g==",
             "dev": true,
             "dependencies": {
                 "@jridgewell/trace-mapping": "^0.3.17",
@@ -7967,6 +7994,19 @@
                 "svelte": "^3.55.0"
             }
         },
+        "node_modules/svelte-check/node_modules/typescript": {
+            "version": "4.9.5",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+            "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+            "dev": true,
+            "bin": {
+                "tsc": "bin/tsc",
+                "tsserver": "bin/tsserver"
+            },
+            "engines": {
+                "node": ">=4.2.0"
+            }
+        },
         "node_modules/svelte-hmr": {
             "version": "0.15.1",
             "resolved": "https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.1.tgz",
@@ -7993,14 +8033,13 @@
             }
         },
         "node_modules/svelte-preprocess": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.1.tgz",
-            "integrity": "sha512-0HXyhCoc9rsW4zGOgtInylC6qj259E1hpFnJMJWTf+aIfeqh4O/QHT31KT2hvPEqQfdjmqBR/kO2JDkkciBLrQ==",
+            "version": "5.0.3",
+            "resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.0.3.tgz",
+            "integrity": "sha512-GrHF1rusdJVbOZOwgPWtpqmaexkydznKzy5qIC2FabgpFyKN57bjMUUUqPRfbBXK5igiEWn1uO/DXsa2vJ5VHA==",
             "dev": true,
             "hasInstallScript": true,
             "dependencies": {
                 "@types/pug": "^2.0.6",
-                "@types/sass": "^1.43.1",
                 "detect-indent": "^6.1.0",
                 "magic-string": "^0.27.0",
                 "sorcery": "^0.11.0",
@@ -8020,7 +8059,7 @@
                 "stylus": "^0.55.0",
                 "sugarss": "^2.0.0 || ^3.0.0 || ^4.0.0",
                 "svelte": "^3.23.0",
-                "typescript": "^3.9.5 || ^4.0.0"
+                "typescript": ">=3.9.5 || ^4.0.0 || ^5.0.0"
             },
             "peerDependenciesMeta": {
                 "@babel/core": {
@@ -8095,9 +8134,9 @@
             "dev": true
         },
         "node_modules/the-new-css-reset": {
-            "version": "1.8.3",
-            "resolved": "https://registry.npmjs.org/the-new-css-reset/-/the-new-css-reset-1.8.3.tgz",
-            "integrity": "sha512-wEGQr1UJE9Bznjqf6eIYodMhF9QbC6+gLCNmGKrWXKurAclLDS+vaYs4ja/s5AR1b3zoCrsOCAtisiYgLlZF0A=="
+            "version": "1.8.4",
+            "resolved": "https://registry.npmjs.org/the-new-css-reset/-/the-new-css-reset-1.8.4.tgz",
+            "integrity": "sha512-Upmb9XTyk78BmTbMQuAOTlESH9zmwqDAmmYC9MVm7uZLQdvGfxFTMhbpjKMUDwfmXGKnq6nkzISs/ReqHUP5xg=="
         },
         "node_modules/tiny-glob": {
             "version": "0.2.9",
@@ -8116,18 +8155,18 @@
             "dev": true
         },
         "node_modules/tinypool": {
-            "version": "0.3.1",
-            "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.3.1.tgz",
-            "integrity": "sha512-zLA1ZXlstbU2rlpA4CIeVaqvWq41MTWqLY3FfsAXgC8+f7Pk7zroaJQxDgxn1xNudKW6Kmj4808rPFShUlIRmQ==",
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.4.0.tgz",
+            "integrity": "sha512-2ksntHOKf893wSAH4z/+JbPpi92esw8Gn9N2deXX+B0EO92hexAVI9GIZZPx7P5aYo5KULfeOSt3kMOmSOy6uA==",
             "dev": true,
             "engines": {
                 "node": ">=14.0.0"
             }
         },
         "node_modules/tinyspy": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-1.0.2.tgz",
-            "integrity": "sha512-bSGlgwLBYf7PnUsQ6WOc6SJ3pGOcd+d8AA6EUnLDDM0kWEstC1JIlSZA3UNliDXhd9ABoS7hiRBDCu+XP/sf1Q==",
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-1.1.1.tgz",
+            "integrity": "sha512-UVq5AXt/gQlti7oxoIg5oi/9r0WpF7DGEVwXgqWSMmyN16+e3tl5lIvTaOpJ3TAtu5xFzWccFRM4R5NaWHF+4g==",
             "dev": true,
             "engines": {
                 "node": ">=14.0.0"
@@ -8195,15 +8234,15 @@
             }
         },
         "node_modules/tr46": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
-            "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz",
+            "integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==",
             "dev": true,
             "dependencies": {
-                "punycode": "^2.1.1"
+                "punycode": "^2.3.0"
             },
             "engines": {
-                "node": ">=12"
+                "node": ">=14"
             }
         },
         "node_modules/tslib": {
@@ -8273,28 +8312,28 @@
             "dev": true
         },
         "node_modules/typescript": {
-            "version": "4.9.5",
-            "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-            "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+            "version": "5.0.2",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.2.tgz",
+            "integrity": "sha512-wVORMBGO/FAs/++blGNeAVdbNKtIh1rbBL2EyQ1+J9lClJ93KiiKe8PmFIVdXhHcyv44SL9oglmfeSsndo0jRw==",
             "dev": true,
             "bin": {
                 "tsc": "bin/tsc",
                 "tsserver": "bin/tsserver"
             },
             "engines": {
-                "node": ">=4.2.0"
+                "node": ">=12.20"
             }
         },
         "node_modules/ufo": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.0.1.tgz",
-            "integrity": "sha512-boAm74ubXHY7KJQZLlXrtMz52qFvpsbOxDcZOnw/Wf+LS4Mmyu7JxmzD4tDLtUQtmZECypJ0FrCz4QIe6dvKRA==",
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.1.1.tgz",
+            "integrity": "sha512-MvlCc4GHrmZdAllBc0iUDowff36Q9Ndw/UzqmEKyrfSzokTd9ZCy1i+IIk5hrYKkjoYVQyNbrw7/F8XJ2rEwTg==",
             "dev": true
         },
         "node_modules/undici": {
-            "version": "5.16.0",
-            "resolved": "https://registry.npmjs.org/undici/-/undici-5.16.0.tgz",
-            "integrity": "sha512-KWBOXNv6VX+oJQhchXieUznEmnJMqgXMbs0xxH2t8q/FUAWSJvOSr/rMaZKnX5RIVq7JDn0JbP4BOnKG2SGXLQ==",
+            "version": "5.21.0",
+            "resolved": "https://registry.npmjs.org/undici/-/undici-5.21.0.tgz",
+            "integrity": "sha512-HOjK8l6a57b2ZGXOcUsI5NLfoTrfmbOl90ixJDl0AEFG4wgHNDQxtZy15/ZQp7HhjkpaGlp/eneMgtsu1dIlUA==",
             "dev": true,
             "dependencies": {
                 "busboy": "^1.6.0"
@@ -8365,9 +8404,9 @@
             "dev": true
         },
         "node_modules/v8-to-istanbul": {
-            "version": "9.0.1",
-            "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.0.1.tgz",
-            "integrity": "sha512-74Y4LqY74kLE6IFyIjPtkSTWzUZmj8tdHT9Ii/26dvQ6K9Dl2NbEfj0XgU2sHCtKgt5VupqhlO/5aWuqS+IY1w==",
+            "version": "9.1.0",
+            "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.1.0.tgz",
+            "integrity": "sha512-6z3GW9x8G1gd+JIIgQQQxXuiJtCXeAjp6RaPEPLv62mH3iPHPxV6W3robxtCzNErRo6ZwTmzWhsbNvjyEBKzKA==",
             "dev": true,
             "peer": true,
             "dependencies": {
@@ -8387,15 +8426,15 @@
             "peer": true
         },
         "node_modules/vite": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-4.1.1.tgz",
-            "integrity": "sha512-LM9WWea8vsxhr782r9ntg+bhSFS06FJgCvvB0+8hf8UWtvaiDagKYWXndjfX6kGl74keHJUcpzrQliDXZlF5yg==",
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-4.2.1.tgz",
+            "integrity": "sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==",
             "dev": true,
             "dependencies": {
-                "esbuild": "^0.16.14",
+                "esbuild": "^0.17.5",
                 "postcss": "^8.4.21",
                 "resolve": "^1.22.1",
-                "rollup": "^3.10.0"
+                "rollup": "^3.18.0"
             },
             "bin": {
                 "vite": "bin/vite.js"
@@ -8436,9 +8475,9 @@
             }
         },
         "node_modules/vite-node": {
-            "version": "0.28.4",
-            "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.28.4.tgz",
-            "integrity": "sha512-KM0Q0uSG/xHHKOJvVHc5xDBabgt0l70y7/lWTR7Q0pR5/MrYxadT+y32cJOE65FfjGmJgxpVEEY+69btJgcXOQ==",
+            "version": "0.29.7",
+            "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.29.7.tgz",
+            "integrity": "sha512-PakCZLvz37yFfUPWBnLa1OYHPCGm5v4pmRrTcFN4V/N/T3I6tyP3z07S//9w+DdeL7vVd0VSeyMZuAh+449ZWw==",
             "dev": true,
             "dependencies": {
                 "cac": "^6.7.14",
@@ -8446,8 +8485,6 @@
                 "mlly": "^1.1.0",
                 "pathe": "^1.1.0",
                 "picocolors": "^1.0.0",
-                "source-map": "^0.6.1",
-                "source-map-support": "^0.5.21",
                 "vite": "^3.0.0 || ^4.0.0"
             },
             "bin": {
@@ -8460,16 +8497,6 @@
                 "url": "https://github.com/sponsors/antfu"
             }
         },
-        "node_modules/vite-node/node_modules/source-map-support": {
-            "version": "0.5.21",
-            "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
-            "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
-            "dev": true,
-            "dependencies": {
-                "buffer-from": "^1.0.0",
-                "source-map": "^0.6.0"
-            }
-        },
         "node_modules/vitefu": {
             "version": "0.2.4",
             "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.4.tgz",
@@ -8485,18 +8512,18 @@
             }
         },
         "node_modules/vitest": {
-            "version": "0.28.4",
-            "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.28.4.tgz",
-            "integrity": "sha512-sfWIy0AdlbyGRhunm+TLQEJrFH9XuRPdApfubsyLcDbCRrUX717BRQKInTgzEfyl2Ipi1HWoHB84Nqtcwxogcg==",
+            "version": "0.29.7",
+            "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.29.7.tgz",
+            "integrity": "sha512-aWinOSOu4jwTuZHkb+cCyrqQ116Q9TXaJrNKTHudKBknIpR0VplzeaOUuDF9jeZcrbtQKZQt6yrtd+eakbaxHg==",
             "dev": true,
             "dependencies": {
                 "@types/chai": "^4.3.4",
                 "@types/chai-subset": "^1.3.3",
                 "@types/node": "*",
-                "@vitest/expect": "0.28.4",
-                "@vitest/runner": "0.28.4",
-                "@vitest/spy": "0.28.4",
-                "@vitest/utils": "0.28.4",
+                "@vitest/expect": "0.29.7",
+                "@vitest/runner": "0.29.7",
+                "@vitest/spy": "0.29.7",
+                "@vitest/utils": "0.29.7",
                 "acorn": "^8.8.1",
                 "acorn-walk": "^8.2.0",
                 "cac": "^6.7.14",
@@ -8509,10 +8536,10 @@
                 "std-env": "^3.3.1",
                 "strip-literal": "^1.0.0",
                 "tinybench": "^2.3.1",
-                "tinypool": "^0.3.1",
+                "tinypool": "^0.4.0",
                 "tinyspy": "^1.0.2",
                 "vite": "^3.0.0 || ^4.0.0",
-                "vite-node": "0.28.4",
+                "vite-node": "0.29.7",
                 "why-is-node-running": "^2.2.2"
             },
             "bin": {
@@ -8546,6 +8573,12 @@
                 },
                 "jsdom": {
                     "optional": true
+                },
+                "safaridriver": {
+                    "optional": true
+                },
+                "webdriverio": {
+                    "optional": true
                 }
             }
         },
@@ -8607,16 +8640,16 @@
             }
         },
         "node_modules/whatwg-url": {
-            "version": "11.0.0",
-            "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
-            "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
+            "version": "12.0.1",
+            "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-12.0.1.tgz",
+            "integrity": "sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==",
             "dev": true,
             "dependencies": {
-                "tr46": "^3.0.0",
+                "tr46": "^4.1.1",
                 "webidl-conversions": "^7.0.0"
             },
             "engines": {
-                "node": ">=12"
+                "node": ">=14"
             }
         },
         "node_modules/which": {
@@ -8767,9 +8800,9 @@
             "dev": true
         },
         "node_modules/write-file-atomic": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-5.0.0.tgz",
-            "integrity": "sha512-R7NYMnHSlV42K54lwY9lvW6MnSm1HSJqZL3xiSgi9E7//FYaI74r2G0rd+/X6VAMkHEdzxQaU5HUOXWUz5kA/w==",
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
+            "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
             "dev": true,
             "peer": true,
             "dependencies": {
@@ -8777,13 +8810,13 @@
                 "signal-exit": "^3.0.7"
             },
             "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+                "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
             }
         },
         "node_modules/ws": {
-            "version": "8.12.0",
-            "resolved": "https://registry.npmjs.org/ws/-/ws-8.12.0.tgz",
-            "integrity": "sha512-kU62emKIdKVeEIOIKVegvqpXMSTAMLJozpHZaJNDYqBjzlSYXQGviYwN1osDLJ9av68qHd4a2oSjd7yD4pacig==",
+            "version": "8.13.0",
+            "resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz",
+            "integrity": "sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==",
             "dev": true,
             "engines": {
                 "node": ">=10.0.0"
@@ -8834,9 +8867,9 @@
             "peer": true
         },
         "node_modules/yargs": {
-            "version": "17.6.2",
-            "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.6.2.tgz",
-            "integrity": "sha512-1/9UrdHjDZc0eOU0HxOHoS78C69UD3JRMvzlJ7S79S2nTaWRA/whGCTV8o9e/N/1Va9YIV7Q4sOxD8VV4pCWOw==",
+            "version": "17.7.0",
+            "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.0.tgz",
+            "integrity": "sha512-dwqOPg5trmrre9+v8SUo2q/hAwyKoVfu8OC1xPHKJGNdxAvPl4sKxL4vBnh3bQz/ZvvGAFeA5H3ou2kcOY8sQQ==",
             "dev": true,
             "peer": true,
             "dependencies": {
diff --git a/package.json b/package.json
index 5bcbe6ed6..5448a07e5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,5 @@
 {
     "name": "@appwrite/console",
-    "version": "0.0.1",
     "engines": {
         "node": ">=16"
     },
@@ -20,47 +19,49 @@
     },
     "dependencies": {
         "@analytics/google-analytics": "^1.0.5",
-        "@appwrite.io/pink": "^0.0.4",
+        "@appwrite.io/pink": "^0.0.6-rc.4",
         "@aw-labs/appwrite-console": "^13.1.0",
         "@popperjs/core": "^2.11.6",
-        "@sentry/svelte": "^7.36.0",
-        "@sentry/tracing": "^7.36.0",
+        "@sentry/svelte": "^7.44.2",
+        "@sentry/tracing": "^7.44.2",
         "analytics": "^0.8.1",
+        "dotenv": "^16.0.3",
         "echarts": "^5.4.1",
+        "logrocket": "^3.0.1",
         "pretty-bytes": "^6.1.0",
         "prismjs": "^1.29.0",
         "tippy.js": "^6.3.7",
         "web-vitals": "^3.1.1"
     },
     "devDependencies": {
-        "@playwright/test": "^1.30.0",
-        "@sveltejs/adapter-static": "1.0.6",
-        "@sveltejs/kit": "1.3.10",
-        "@sveltejs/vite-plugin-svelte": "^2.0.2",
-        "@testing-library/dom": "^8.20.0",
+        "@playwright/test": "^1.31.2",
+        "@sveltejs/adapter-static": "2.0.1",
+        "@sveltejs/kit": "1.13.0",
+        "@sveltejs/vite-plugin-svelte": "^2.0.3",
+        "@testing-library/dom": "^9.0.1",
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/svelte": "^3.2.2",
         "@testing-library/user-event": "^14.4.3",
         "@types/prismjs": "^1.26.0",
-        "@typescript-eslint/eslint-plugin": "^5.50.0",
-        "@typescript-eslint/parser": "^5.50.0",
-        "@vitest/ui": "^0.28.4",
-        "eslint": "^8.33.0",
-        "eslint-config-prettier": "^8.6.0",
+        "@typescript-eslint/eslint-plugin": "^5.56.0",
+        "@typescript-eslint/parser": "^5.56.0",
+        "@vitest/ui": "^0.29.7",
+        "eslint": "^8.36.0",
+        "eslint-config-prettier": "^8.8.0",
         "eslint-plugin-svelte3": "^4.0.0",
-        "jsdom": "^21.1.0",
+        "jsdom": "^21.1.1",
         "pre-commit": "^1.2.2",
-        "prettier": "^2.8.3",
+        "prettier": "^2.8.6",
         "prettier-plugin-svelte": "^2.9.0",
-        "sass": "^1.58.0",
-        "svelte": "^3.55.1",
-        "svelte-check": "^3.0.3",
+        "sass": "^1.59.3",
+        "svelte": "^3.57.0",
+        "svelte-check": "^3.1.4",
         "svelte-jester": "^2.3.2",
-        "svelte-preprocess": "^5.0.1",
+        "svelte-preprocess": "^5.0.3",
         "tslib": "^2.5.0",
-        "typescript": "^4.9.5",
-        "vite": "^4.1.1",
-        "vitest": "^0.28.4"
+        "typescript": "^5.0.2",
+        "vite": "^4.2.1",
+        "vitest": "^0.29.7"
     },
     "type": "module",
     "pre-commit": [
diff --git a/src/lib/actions/analytics.ts b/src/lib/actions/analytics.ts
index 357b5ff55..c4324b970 100644
--- a/src/lib/actions/analytics.ts
+++ b/src/lib/actions/analytics.ts
@@ -1,16 +1,16 @@
-import Analytics from 'analytics';
-import googleAnalytics from '@analytics/google-analytics';
-import { get } from 'svelte/store';
 import { page } from '$app/stores';
 import { user } from '$lib/stores/user';
-import { AppwriteException } from '@aw-labs/appwrite-console';
 import { ENV, MODE, VARS } from '$lib/system';
+import googleAnalytics from '@analytics/google-analytics';
+import { AppwriteException } from '@aw-labs/appwrite-console';
+import Analytics from 'analytics';
+import { get } from 'svelte/store';
 
 const analytics = Analytics({
     app: 'appwrite',
     plugins: [
         googleAnalytics({
-            measurementIds: [VARS.GOOGLE_ANALYTICS ?? 'G-R4YJ9JN8L4']
+            measurementIds: [VARS.GOOGLE_ANALYTICS || 'G-R4YJ9JN8L4']
         })
     ]
 });
@@ -88,7 +88,7 @@ function sendEventToGrowth(event: string, path: string, data: object = null): vo
     });
 }
 
-function isTrackingAllowed() {
+export function isTrackingAllowed() {
     if (ENV.TEST) {
         return;
     }
diff --git a/src/lib/components/alert.svelte b/src/lib/components/alert.svelte
index 6d67c8378..599d6b9e9 100644
--- a/src/lib/components/alert.svelte
+++ b/src/lib/components/alert.svelte
@@ -32,7 +32,7 @@
             class:icon-exclamation={type === 'warning'}
             class:icon-exclamation-circle={type === 'error'}
             aria-hidden="true" />
-        <div class="alert-content">
+        <div class="alert-content" data-private>
             {#if $$slots.title}
                 <h6 class="alert-title">
                     <slot name="title" />
diff --git a/src/lib/components/avatarInitials.svelte b/src/lib/components/avatarInitials.svelte
index 1ce7ecfc6..025dd998c 100644
--- a/src/lib/components/avatarInitials.svelte
+++ b/src/lib/components/avatarInitials.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import Avatar from './avatar.svelte';
 
     export let name: string;
     export let size: number;
 
-    $: src = sdkForConsole.avatars.getInitials(name, size * 2, size * 2).toString();
+    $: src = sdk.forConsole.avatars.getInitials(name, size * 2, size * 2).toString();
 </script>
 
 <Avatar {name} {size} {src} />
diff --git a/src/lib/components/card.svelte b/src/lib/components/card.svelte
index 9f1ceebd0..043b7a8c3 100644
--- a/src/lib/components/card.svelte
+++ b/src/lib/components/card.svelte
@@ -1,16 +1,31 @@
 <script lang="ts">
     import { clickOnEnter } from '$lib/helpers/a11y';
 
+    type BaseProps = {
+        isTile?: boolean;
+        isDashed?: boolean;
+        danger?: boolean;
+    };
+
+    type ButtonProps = {
+        isButton: true;
+        href?: never;
+    };
+
+    type AnchorProps = {
+        href: string;
+        isButton?: never;
+    };
+
+    type $$Props = BaseProps & (ButtonProps | AnchorProps | BaseProps);
+
     export let isTile = false;
     export let isDashed = false;
     export let isButton = false;
     export let danger = false;
     export let href: string = null;
 
-    //allows to add the href attribute without throwing an error
-    let attributes = { href } as Record<string, string>;
-
-    function getElement(): string {
+    function getElement() {
         switch (true) {
             case !!href:
                 return 'a';
@@ -28,8 +43,9 @@
     class:common-section={!isTile}
     class:is-border-dashed={isDashed}
     class:is-danger={danger}
+    class:is-allowed-focus={href}
     on:click
     on:keyup={clickOnEnter}
-    {...attributes}>
+    {href}>
     <slot />
 </svelte:element>
diff --git a/src/lib/components/cardContainer.svelte b/src/lib/components/cardContainer.svelte
index ca00145ba..106479447 100644
--- a/src/lib/components/cardContainer.svelte
+++ b/src/lib/components/cardContainer.svelte
@@ -10,7 +10,8 @@
 
 <ul
     class="grid-box common-section u-margin-block-start-32"
-    style={`--grid-gap:1.5rem; --grid-item-size:${total > 3 ? '22rem' : '25rem'};`}>
+    style={`--grid-gap:1.5rem; --grid-item-size:${total > 3 ? '22rem' : '25rem'};`}
+    data-private>
     <slot />
 
     {#if total > 3 ? total < limit + offset : total % 2 !== 0}
diff --git a/src/lib/components/copy.svelte b/src/lib/components/copy.svelte
index c6cc8fe7d..fc69483f6 100644
--- a/src/lib/components/copy.svelte
+++ b/src/lib/components/copy.svelte
@@ -33,6 +33,7 @@
 </script>
 
 <span
+    style:cursor="pointer"
     on:click|preventDefault={handleClick}
     on:keyup={clickOnEnter}
     on:mouseenter={() => setTimeout(() => (content = 'Click to copy'))}
diff --git a/src/lib/components/dropListLink.svelte b/src/lib/components/dropListLink.svelte
index 9834fb9eb..caf391720 100644
--- a/src/lib/components/dropListLink.svelte
+++ b/src/lib/components/dropListLink.svelte
@@ -4,13 +4,10 @@
     export let href: string;
     export let icon: string = null;
     export let disabled = false;
-
-    //allows to add the disabled attribute to <a> tag without throwing an error
-    let attributes = { disabled } as Record<string, boolean>;
 </script>
 
 <li class="drop-list-item" on:click on:keyup={clickOnEnter}>
-    <a {href} class="drop-button" {...attributes}>
+    <a {href} class="drop-button" class:is-disabled={disabled}>
         <span class="text"><slot /></span>
         {#if icon}
             <span class={`icon-${icon}`} aria-hidden="true" />
diff --git a/src/lib/components/eventModal.svelte b/src/lib/components/eventModal.svelte
index 7d728dcdb..b7a00370a 100644
--- a/src/lib/components/eventModal.svelte
+++ b/src/lib/components/eventModal.svelte
@@ -245,7 +245,7 @@
     }
 </script>
 
-<Modal bind:show on:submit={create} size="big">
+<Modal bind:show onSubmit={create} size="big">
     <svelte:fragment slot="header">Create Event</svelte:fragment>
     <slot />
     <div>
diff --git a/src/lib/components/feedbackGeneral.svelte b/src/lib/components/feedbackGeneral.svelte
index fc380d0b1..aa9bdc42f 100644
--- a/src/lib/components/feedbackGeneral.svelte
+++ b/src/lib/components/feedbackGeneral.svelte
@@ -51,7 +51,7 @@
         Your feedback is important to us. Please be honest and tell us what you think.
     </div>
 
-    <Form on:submit={handleSubmit}>
+    <Form onSubmit={handleSubmit}>
         <FormList>
             <InputText
                 label="name"
diff --git a/src/lib/components/feedbackNPS.svelte b/src/lib/components/feedbackNPS.svelte
index 19f42e254..b2fde4e81 100644
--- a/src/lib/components/feedbackNPS.svelte
+++ b/src/lib/components/feedbackNPS.svelte
@@ -49,7 +49,7 @@
         think.
     </div>
 
-    <Form on:submit={handleSubmit}>
+    <Form onSubmit={handleSubmit}>
         <Evaluation bind:value>
             How likely are you to recommend Appwrite to a friend or colleague?
         </Evaluation>
diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts
index 54b2251a5..637523f5e 100644
--- a/src/lib/components/index.ts
+++ b/src/lib/components/index.ts
@@ -46,3 +46,5 @@ export { default as EventModal } from './eventModal.svelte';
 export { default as Status } from './status.svelte';
 export { default as Heading } from './heading.svelte';
 export { default as Output } from './output.svelte';
+export { default as Limit } from './limit.svelte';
+export { default as ViewSelector } from './viewSelector.svelte';
diff --git a/src/lib/components/limit.svelte b/src/lib/components/limit.svelte
new file mode 100644
index 000000000..7594ccc94
--- /dev/null
+++ b/src/lib/components/limit.svelte
@@ -0,0 +1,44 @@
+<script lang="ts">
+    import { goto } from '$app/navigation';
+    import { page as pageStore } from '$app/stores';
+    import { InputSelect } from '$lib/elements/forms';
+    import { preferences } from '$lib/stores/preferences';
+
+    export let sum: number;
+    export let limit: number;
+    export let name: string;
+
+    const options = [
+        { label: '6', value: 6 },
+        { label: '12', value: 12 },
+        { label: '24', value: 24 },
+        { label: '48', value: 48 },
+        { label: '96', value: 96 }
+    ];
+
+    async function limitChange() {
+        const url = new URL($pageStore.url);
+        const previousLimit = Number(url.searchParams.get('limit'));
+        url.searchParams.set('limit', limit.toString());
+        preferences.setLimit(limit);
+
+        if (url.searchParams.has('page')) {
+            const page = Number(url.searchParams.get('page'));
+            const newPage = Math.floor(((page - 1) * previousLimit) / limit);
+            url.searchParams.set('page', newPage.toString());
+        }
+
+        await goto(url.toString());
+    }
+</script>
+
+<div class="u-flex u-gap-12 u-cross-center">
+    <InputSelect
+        id="rows"
+        label="Rows per page"
+        showLabel={false}
+        {options}
+        bind:value={limit}
+        on:change={limitChange} />
+    <p class="text">{name} per page. Total results: {sum}</p>
+</div>
diff --git a/src/lib/components/modal.svelte b/src/lib/components/modal.svelte
index bb9faacaf..7f70c5842 100644
--- a/src/lib/components/modal.svelte
+++ b/src/lib/components/modal.svelte
@@ -2,12 +2,16 @@
     import { createEventDispatcher, onDestroy, onMount } from 'svelte';
     import { Alert } from '$lib/components';
     import { trackEvent } from '$lib/actions/analytics';
+    import { Form } from '$lib/elements/forms';
 
     export let show = false;
     export let size: 'small' | 'big' = null;
     export let warning = false;
     export let error: string = null;
     export let closable = true;
+    export let onSubmit: () => Promise<void> | void = function () {
+        return;
+    };
 
     let dialog: HTMLDialogElement;
     let alert: HTMLElement;
@@ -77,11 +81,10 @@
     class:is-big={size === 'big'}
     bind:this={dialog}>
     {#if show}
-        <!-- svelte-ignore a11y-no-redundant-roles -->
-        <form class="modal-form" role="form" on:submit|preventDefault>
+        <Form isModal {onSubmit}>
             <header class="modal-header">
                 {#if warning}
-                    <div class="avatar is-color-orange is-medium">
+                    <div class="avatar is-warning is-medium">
                         <span class="icon-exclamation" aria-hidden="true" />
                     </div>
                 {/if}
@@ -127,6 +130,6 @@
                     </div>
                 </div>
             {/if}
-        </form>
+        </Form>
     {/if}
 </dialog>
diff --git a/src/lib/components/output.svelte b/src/lib/components/output.svelte
index e8830076c..8477967f0 100644
--- a/src/lib/components/output.svelte
+++ b/src/lib/components/output.svelte
@@ -2,16 +2,21 @@
     import Copy from './copy.svelte';
 
     export let value: string;
+    export let hideCopyIcon = false;
 </script>
 
 <Copy {value}>
-    <div class="interactive-text-output is-textarea">
+    <div
+        class="interactive-text-output is-textarea"
+        style:min-inline-size="0"
+        style:display="inline-block">
         <span class="text u-line-height-1-5 u-break-all"><slot /></span>
-
-        <div class="u-flex u-cross-child-start u-gap-8">
-            <button class="interactive-text-output-button" aria-label="copy text">
-                <span class="icon-duplicate" aria-hidden="true" />
-            </button>
-        </div>
+        {#if !hideCopyIcon}
+            <div class="u-flex u-cross-child-start u-gap-8">
+                <button class="interactive-text-output-button" aria-label="copy text">
+                    <span class="icon-duplicate" aria-hidden="true" />
+                </button>
+            </div>
+        {/if}
     </div>
 </Copy>
diff --git a/src/lib/components/pagination.svelte b/src/lib/components/pagination.svelte
index 166bdf03e..216455f72 100644
--- a/src/lib/components/pagination.svelte
+++ b/src/lib/components/pagination.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-    import { page } from '$app/stores';
+    import { page as pageStore } from '$app/stores';
+    import { Button } from '$lib/elements/forms';
 
     export let sum: number;
     export let limit: number;
     export let offset: number;
-    export let path: string;
     export let hidePages = false;
 
     $: totalPages = Math.ceil(sum / limit);
@@ -27,68 +27,87 @@
             ...(end < total - 1 ? ['...', total] : end < total ? [total] : [])
         ];
     }
+
+    function getLink(page: number): string {
+        const url = new URL($pageStore.url);
+        if (page === 1) {
+            url.searchParams.delete('page');
+        } else {
+            url.searchParams.set('page', page.toString());
+        }
+
+        return url.toString();
+    }
 </script>
 
 {#if totalPages > 1}
-    {@const search = $page.url.search}
-    <nav class="pagination">
-        <a
-            class:is-disabled={currentPage <= 1}
-            class="button is-text"
-            aria-label="prev page"
-            href={`${path}/${currentPage - 1}${search}`}>
-            <span class="icon-cheveron-left" aria-hidden="true" />
-            <span class="text">Prev</span>
-        </a>
-        {#if !hidePages}
-            <ol class="pagination-list is-only-desktop">
-                {#each pages as page}
-                    {#if typeof page === 'number'}
-                        <li class="pagination-item">
-                            <a
-                                href={`${path}/${page}${search}`}
-                                class="button"
-                                class:is-disabled={currentPage === page}
-                                class:is-text={currentPage !== page}
-                                aria-label="page">
-                                <span class="text">{page}</span>
-                            </a>
-                        </li>
-                    {:else}
-                        <li class="li is-text">
-                            <span class="icon">...</span>
-                        </li>
-                    {/if}
-                {/each}
-            </ol>
-        {/if}
-        <a
-            class:is-disabled={currentPage === totalPages}
-            class="button is-text"
-            href={`${path}/${currentPage + 1}${search}`}
-            aria-label="next page">
-            <span class="text">Next</span>
-            <span class="icon-cheveron-right" aria-hidden="true" />
-        </a>
-    </nav>
+    {#key $pageStore.url}
+        <nav class="pagination">
+            {#if currentPage <= 1}
+                <Button disabled text ariaLabel="prev page">
+                    <span class="icon-cheveron-left" aria-hidden="true" />
+                    <span class="text">Prev</span>
+                </Button>
+            {:else}
+                <Button text ariaLabel="prev page" href={getLink(currentPage - 1)}>
+                    <span class="icon-cheveron-left" aria-hidden="true" />
+                    <span class="text">Prev</span>
+                </Button>
+            {/if}
+            {#if !hidePages}
+                <ol class="pagination-list is-only-desktop">
+                    {#each pages as page}
+                        {#if typeof page === 'number'}
+                            <li class="pagination-item">
+                                {#if currentPage === page}
+                                    <Button ariaLabel="page" disabled>
+                                        <span class="text">{page}</span>
+                                    </Button>
+                                {:else}
+                                    <Button text ariaLabel="page" href={getLink(page)}>
+                                        <span class="text">{page}</span>
+                                    </Button>
+                                {/if}
+                            </li>
+                        {:else}
+                            <li class="li is-text">
+                                <span class="icon">...</span>
+                            </li>
+                        {/if}
+                    {/each}
+                </ol>
+            {/if}
+            {#if currentPage >= totalPages}
+                <Button disabled text ariaLabel="next page">
+                    <span class="text">Next</span>
+                    <span class="icon-cheveron-right" aria-hidden="true" />
+                </Button>
+            {:else}
+                <Button text ariaLabel="next page" href={getLink(currentPage + 1)}>
+                    <span class="text">Next</span>
+                    <span class="icon-cheveron-right" aria-hidden="true" />
+                </Button>
+            {/if}
+        </nav>
+    {/key}
 {:else}
     <nav class="pagination">
-        <button type="button" class="button is-text is-disabled" aria-label="prev page">
+        <Button text disabled ariaLabel="prev page">
             <span class="icon-cheveron-left" aria-hidden="true" />
             <span class="text">Prev</span>
-        </button>
+        </Button>
         {#if !hidePages}
             <ol class="pagination-list is-only-desktop">
                 <li class="pagination-item">
-                    <button type="button" class="button is-disabled" aria-label="page">
+                    <Button disabled ariaLabel="page">
                         <span class="text">1</span>
-                    </button>
+                    </Button>
                 </li>
             </ol>
         {/if}
-        <button type="button" class="button is-text is-disabled" aria-label="next page">
+        <Button text disabled ariaLabel="next page">
             <span class="text">Next</span>
             <span class="icon-cheveron-right" aria-hidden="true" />
-        </button>
+        </Button>
     </nav>
 {/if}
diff --git a/src/lib/components/permissions/custom.svelte b/src/lib/components/permissions/custom.svelte
index aecd66068..080d9aa93 100644
--- a/src/lib/components/permissions/custom.svelte
+++ b/src/lib/components/permissions/custom.svelte
@@ -25,7 +25,7 @@
     $: disabled = !value || $groups.has(value);
 </script>
 
-<Modal bind:show on:close={reset} on:submit={create}>
+<Modal bind:show on:close={reset} onSubmit={create}>
     <svelte:fragment slot="header">Custom permission</svelte:fragment>
     <p class="text">
         Custom permissions allow you to grant access to specific users or teams using their ID and
@@ -44,6 +44,6 @@
     </FormList>
 
     <svelte:fragment slot="footer">
-        <Button submit {disabled}>Create</Button>
+        <Button submit {disabled}>Add</Button>
     </svelte:fragment>
 </Modal>
diff --git a/src/lib/components/permissions/roles.svelte b/src/lib/components/permissions/roles.svelte
index 1f8ebaf03..7f2b32454 100644
--- a/src/lib/components/permissions/roles.svelte
+++ b/src/lib/components/permissions/roles.svelte
@@ -104,7 +104,7 @@
                         <Row {role} />
                     </TableCell>
                     <TableCellText title="Remove">
-                        <div class="u-flex">
+                        <div class="u-flex u-main-end">
                             <button
                                 class="button is-text is-only-icon"
                                 type="button"
diff --git a/src/lib/components/permissions/row.svelte b/src/lib/components/permissions/row.svelte
index e4d369af2..778cc4ae5 100644
--- a/src/lib/components/permissions/row.svelte
+++ b/src/lib/components/permissions/row.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { tooltip } from '$lib/actions/tooltip';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@aw-labs/appwrite-console';
     import { tick } from 'svelte';
     import { AvatarInitials } from '../';
@@ -18,11 +18,11 @@
         const role = permission.split(':')[0];
         const id = permission.split(':')[1].split('/')[0];
         if (role === 'user') {
-            const user = await sdkForProject.users.get(id);
+            const user = await sdk.forProject.users.get(id);
             return user;
         }
         if (role === 'team') {
-            const team = await sdkForProject.teams.get(id);
+            const team = await sdk.forProject.teams.get(id);
             return team;
         }
     }
diff --git a/src/lib/components/permissions/team.svelte b/src/lib/components/permissions/team.svelte
index d8d636401..86670c14b 100644
--- a/src/lib/components/permissions/team.svelte
+++ b/src/lib/components/permissions/team.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { Button, InputSearch } from '$lib/elements/forms';
     import { createEventDispatcher } from 'svelte';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { Query, type Models } from '@aw-labs/appwrite-console';
     import { AvatarInitials, EmptySearch, Modal, PaginationInline } from '..';
     import type { Writable } from 'svelte/store';
@@ -31,7 +31,7 @@
 
     async function request() {
         if (!show) return;
-        results = await sdkForProject.teams.list([Query.limit(5), Query.offset(offset)], search);
+        results = await sdk.forProject.teams.list([Query.limit(5), Query.offset(offset)], search);
     }
 
     function onSelection(event: Event, role: string) {
@@ -58,7 +58,7 @@
     }
 </script>
 
-<Modal bind:show on:submit={create} on:close={reset} size="big">
+<Modal bind:show onSubmit={create} on:close={reset} size="big">
     <svelte:fragment slot="header">Select teams</svelte:fragment>
     <p class="text">
         Grant access to any member of a specific team. To grant access to team members with specific
@@ -144,6 +144,6 @@
     {/if}
 
     <svelte:fragment slot="footer">
-        <Button submit disabled={!hasSelection}>Create</Button>
+        <Button submit disabled={!hasSelection}>Add</Button>
     </svelte:fragment>
 </Modal>
diff --git a/src/lib/components/permissions/user.svelte b/src/lib/components/permissions/user.svelte
index d5468b47d..c074af4fd 100644
--- a/src/lib/components/permissions/user.svelte
+++ b/src/lib/components/permissions/user.svelte
@@ -2,7 +2,7 @@
     import { Button, InputSearch } from '$lib/elements/forms';
     import { createEventDispatcher } from 'svelte';
     import { AvatarInitials, EmptySearch, Modal, PaginationInline } from '..';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { Query, type Models } from '@aw-labs/appwrite-console';
     import type { Writable } from 'svelte/store';
     import type { Permission } from './permissions.svelte';
@@ -31,7 +31,7 @@
 
     async function request() {
         if (!show) return;
-        results = await sdkForProject.users.list([Query.limit(5), Query.offset(offset)], search);
+        results = await sdk.forProject.users.list([Query.limit(5), Query.offset(offset)], search);
     }
 
     function onSelection(event: Event, role: string) {
@@ -58,7 +58,7 @@
     }
 </script>
 
-<Modal bind:show on:submit={create} on:close={reset} size="big">
+<Modal bind:show onSubmit={create} on:close={reset} size="big">
     <svelte:fragment slot="header">Select users</svelte:fragment>
     <p class="text">Grant access to any authenticated or anonymous user.</p>
     <InputSearch
@@ -163,6 +163,6 @@
     {/if}
 
     <svelte:fragment slot="footer">
-        <Button submit disabled={!hasSelection}>Create</Button>
+        <Button submit disabled={!hasSelection}>Add</Button>
     </svelte:fragment>
 </Modal>
diff --git a/src/lib/components/searchQuery.svelte b/src/lib/components/searchQuery.svelte
index a99963441..c77eb214e 100644
--- a/src/lib/components/searchQuery.svelte
+++ b/src/lib/components/searchQuery.svelte
@@ -29,23 +29,28 @@
         }
     });
 
-    $: valueChange(search);
+    $: valueChange(search ?? '');
 
     function valueChange(value: string) {
         clearTimeout(timer);
-        timer = setTimeout(async () => {
+        timer = setTimeout(() => {
             const url = new URL($page.url);
-            if (url.search === value) {
+            const previous = url.searchParams.get('search') ?? '';
+
+            if (previous === value) {
                 return;
             }
-            /**
-             * Reset to first page if search changes.
-             */
+
             if ($page.data.page > 1) {
-                url.pathname = url.pathname.replace(new RegExp(`/${$page.data.page}*$`), '/');
+                url.searchParams.delete('page');
+            }
+
+            if (value === '') {
+                url.searchParams.delete('search');
+            } else {
+                url.searchParams.set('search', value);
             }
 
-            url.search = value;
             trackEvent('search');
             goto(url, { keepFocus: true });
         }, debounce);
diff --git a/src/lib/components/secret.svelte b/src/lib/components/secret.svelte
index 0e1fbd308..1fed84fb1 100644
--- a/src/lib/components/secret.svelte
+++ b/src/lib/components/secret.svelte
@@ -8,7 +8,7 @@
     export let copyEvent: string = null;
 </script>
 
-<div class="interactive-text-output" class:is-textarea={show}>
+<div class="interactive-text-output" class:is-textarea={show} data-private>
     {#if show}
         <span class="text u-line-height-1-5 u-break-all">{value}</span>
     {:else}
diff --git a/src/lib/components/tiles.svelte b/src/lib/components/tiles.svelte
index d02407e98..975f22adc 100644
--- a/src/lib/components/tiles.svelte
+++ b/src/lib/components/tiles.svelte
@@ -1,3 +1,3 @@
-<ul class="grid-box common-section" style="--grid-item-size:25rem;">
+<ul class="grid-box common-section" style="--grid-item-size:25rem;" data-private>
     <slot />
 </ul>
diff --git a/src/lib/components/uploadBox.svelte b/src/lib/components/uploadBox.svelte
index d074bf2e0..988567eba 100644
--- a/src/lib/components/uploadBox.svelte
+++ b/src/lib/components/uploadBox.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { uploader } from '$lib/stores/uploader';
     import { Pill } from '$lib/elements';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { Avatar } from '$lib/components';
     import { base } from '$app/paths';
     import { page } from '$app/stores';
@@ -9,7 +9,7 @@
     let hovering = false;
 
     const getPreview = (fileId: string, bucketId: string) =>
-        sdkForProject.storage.getFilePreview(bucketId, fileId, 32, 32).toString() + '&mode=admin';
+        sdk.forProject.storage.getFilePreview(bucketId, fileId, 32, 32).toString() + '&mode=admin';
 </script>
 
 {#if $uploader?.isOpen}
diff --git a/src/lib/components/viewSelector.svelte b/src/lib/components/viewSelector.svelte
new file mode 100644
index 000000000..500e40a03
--- /dev/null
+++ b/src/lib/components/viewSelector.svelte
@@ -0,0 +1,129 @@
+<script context="module" lang="ts">
+    export type Column = {
+        id: string;
+        title: string;
+        show: boolean;
+        width?: number;
+    };
+</script>
+
+<script lang="ts">
+    import { Button, InputChoice } from '$lib/elements/forms';
+    import { DropList } from '.';
+    import { page } from '$app/stores';
+    import type { Writable } from 'svelte/store';
+    import { preferences } from '$lib/stores/preferences';
+    import { onMount } from 'svelte';
+    import { View } from '$lib/helpers/load';
+
+    export let columns: Writable<Column[]>;
+    export let view: View;
+    export let isCustomCollection = false;
+    export let hideView = false;
+    export let hideColumns = false;
+
+    let showSelectColumns = false;
+
+    onMount(async () => {
+        if (isCustomCollection) {
+            const prefs = preferences.getCustomCollectionColumns($page.params.collection);
+            columns.set(
+                $columns.map((column) => {
+                    column.show = prefs?.includes(column.id) ?? true;
+                    return column;
+                })
+            );
+        } else {
+            const prefs = preferences.get($page.route);
+
+            columns.set(
+                $columns.map((column) => {
+                    column.show = prefs.columns?.includes(column.id) ?? true;
+                    return column;
+                })
+            );
+        }
+
+        return columns.subscribe((ctx) => {
+            const columns = ctx.filter((n) => n.show).map((n) => n.id);
+
+            if (isCustomCollection) {
+                preferences.setCustomCollectionColumns(columns);
+            } else {
+                preferences.setColumns(columns);
+            }
+        });
+    });
+
+    function getViewLink(view: View): string {
+        const url = new URL($page.url);
+        url.searchParams.set('view', view);
+        return url.toString();
+    }
+
+    function updateViewPreferences(view: View) {
+        preferences.setView(view);
+    }
+
+    $: selectedColumnsNumber = $columns.reduce((acc, column) => {
+        if (column.show) {
+            acc++;
+        }
+        return acc;
+    }, 0);
+</script>
+
+{#if !hideColumns && view === View.Table}
+    {#if $columns?.length}
+        <DropList bind:show={showSelectColumns} scrollable={true}>
+            <Button secondary on:click={() => (showSelectColumns = !showSelectColumns)}>
+                <span
+                    class="icon-view-boards u-opacity-50"
+                    aria-hidden="true"
+                    aria-label="columns" />
+                <span class="text">Columns</span>
+                <span class="inline-tag">{selectedColumnsNumber}</span>
+            </Button>
+            <svelte:fragment slot="list">
+                {#each $columns as column}
+                    <InputChoice
+                        id={column.id}
+                        label={column.title}
+                        bind:value={column.show}
+                        disabled={selectedColumnsNumber <= 1 && column.show} />
+                {/each}
+            </svelte:fragment>
+        </DropList>
+    {/if}
+{/if}
+
+{#if !hideView}
+    <div class="toggle-button">
+        <ul class="toggle-button-list">
+            {#key $page.url}
+                <li class="toggle-button-item">
+                    <a
+                        href={getViewLink(View.Table)}
+                        on:click={() => updateViewPreferences(View.Table)}
+                        class="toggle-button-element"
+                        aria-label="List View"
+                        type="button"
+                        class:is-selected={view === View.Table}>
+                        <span class="icon-view-list" aria-hidden="true" />
+                    </a>
+                </li>
+                <li class="toggle-button-item">
+                    <a
+                        href={getViewLink(View.Grid)}
+                        on:click={() => updateViewPreferences(View.Grid)}
+                        class="toggle-button-element"
+                        aria-label="Grid View"
+                        type="button"
+                        class:is-selected={view === View.Grid}>
+                        <span class="icon-view-grid" aria-hidden="true" />
+                    </a>
+                </li>
+            {/key}
+        </ul>
+    </div>
+{/if}
diff --git a/src/lib/elements/forms/button.svelte b/src/lib/elements/forms/button.svelte
index 27764b2a3..8ac92c1d8 100644
--- a/src/lib/elements/forms/button.svelte
+++ b/src/lib/elements/forms/button.svelte
@@ -1,5 +1,8 @@
 <script lang="ts">
     import { trackEvent } from '$lib/actions/analytics';
+    import { getContext, hasContext } from 'svelte';
+    import { readable } from 'svelte/store';
+    import type { FormContext } from './form.svelte';
 
     export let submit = false;
     export let secondary = false;
@@ -14,8 +17,11 @@
     export let noMargin = false;
     export let event: string = null;
 
-    //allows to add the disabled attribute to <a> tag without throwing an error
-    let attributes = { disabled } as Record<string, boolean>;
+    const isSubmitting = hasContext('form')
+        ? getContext<FormContext>('form').isSubmitting
+        : readable(false);
+
+    $: internalDisabled = (submit && $isSubmitting) || disabled;
 
     function track() {
         if (!event) {
@@ -31,11 +37,11 @@
 {#if href}
     <a
         on:click={track}
-        {...attributes}
         {href}
         target={external ? '_blank' : ''}
         rel={external ? 'noopener noreferrer' : ''}
         class="button"
+        class:is-disabled={disabled}
         class:is-only-icon={round}
         class:is-secondary={secondary}
         class:is-text={text}
@@ -49,7 +55,7 @@
     <button
         on:click
         on:click={track}
-        {disabled}
+        disabled={internalDisabled}
         class="button"
         class:is-only-icon={round}
         class:is-secondary={secondary}
diff --git a/src/lib/elements/forms/form.svelte b/src/lib/elements/forms/form.svelte
index b1ca522eb..fcb58760a 100644
--- a/src/lib/elements/forms/form.svelte
+++ b/src/lib/elements/forms/form.svelte
@@ -1,9 +1,35 @@
-<script lang="ts">
-    export let noMargin = false;
-    export let noStyle = false;
+<script context="module" lang="ts">
+    import type { Writable } from 'svelte/store';
+
+    export type FormContext = {
+        isSubmitting: Writable<boolean>;
+    };
 </script>
 
-<!-- svelte-ignore a11y-no-redundant-roles -->
-<form role="form" class:form={!noStyle} class:common-section={!noMargin} on:submit|preventDefault>
+<script lang="ts">
+    import { setContext } from 'svelte';
+    import { writable } from 'svelte/store';
+
+    export let noMargin = false;
+    export let noStyle = false;
+    export let isModal = false;
+    export let onSubmit: () => Promise<void> | void;
+
+    const { isSubmitting } = setContext<FormContext>('form', {
+        isSubmitting: writable(false)
+    });
+
+    async function submit() {
+        isSubmitting.set(true);
+        await onSubmit();
+        isSubmitting.set(false);
+    }
+</script>
+
+<form
+    class:form={!noStyle}
+    class:common-section={!noMargin}
+    class:modal-form={isModal}
+    on:submit|preventDefault={submit}>
     <slot />
 </form>
diff --git a/src/lib/elements/forms/inputFile.svelte b/src/lib/elements/forms/inputFile.svelte
index 2db31eaef..0d0ed3f01 100644
--- a/src/lib/elements/forms/inputFile.svelte
+++ b/src/lib/elements/forms/inputFile.svelte
@@ -77,7 +77,7 @@
             </div>
             <div class="u-min-width-0 u-text-center">
                 <h5 class="upload-file-box-title heading-level-7 u-inline">
-                    <span class="is-only-desktop">Drag and drop files here to upload</span>
+                    <span class="is-only-desktop">Drag and drop a file here to upload</span>
                     <span class="is-not-desktop">Upload a File</span>
                 </h5>
                 {#if allowedFileExtensions?.length}
diff --git a/src/lib/elements/forms/inputId.svelte b/src/lib/elements/forms/inputId.svelte
index b11c7b7a3..93aaecc55 100644
--- a/src/lib/elements/forms/inputId.svelte
+++ b/src/lib/elements/forms/inputId.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import { onMount } from 'svelte';
     import { FormItem } from '.';
+    import TextCounter from './textCounter.svelte';
 
     export let value = '';
 
@@ -42,11 +43,7 @@
             bind:value
             bind:this={element}
             on:invalid={handleInvalid} />
-        <span class="text-counter">
-            <span class="text-counter-count">{value?.length ?? 0}</span>
-            <span class="text-counter-separator" />
-            <span class="text-counter-max">36</span>
-        </span>
+        <TextCounter count={value?.length ?? 0} max={36} />
     </div>
 </FormItem>
 <div
diff --git a/src/lib/elements/forms/inputSelect.svelte b/src/lib/elements/forms/inputSelect.svelte
index 5bfe2220a..ff49b8f80 100644
--- a/src/lib/elements/forms/inputSelect.svelte
+++ b/src/lib/elements/forms/inputSelect.svelte
@@ -52,7 +52,8 @@
             {disabled}
             bind:this={element}
             bind:value
-            on:invalid={handleInvalid}>
+            on:invalid={handleInvalid}
+            on:change>
             {#if placeholder}
                 <option value={null} disabled selected hidden>{placeholder}</option>
             {/if}
diff --git a/src/lib/elements/forms/inputText.svelte b/src/lib/elements/forms/inputText.svelte
index 333f17369..f56963788 100644
--- a/src/lib/elements/forms/inputText.svelte
+++ b/src/lib/elements/forms/inputText.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import { onMount } from 'svelte';
     import { FormItem, Helper, Label } from '.';
+    import TextCounter from './textCounter.svelte';
 
     export let label: string;
     export let optionalText: string | undefined = undefined;
@@ -58,14 +59,11 @@
             type="text"
             class="input-text"
             bind:value
+            class:u-padding-inline-end-56={typeof maxlength === 'number'}
             bind:this={element}
             on:invalid={handleInvalid} />
         {#if maxlength}
-            <span class="text-counter">
-                <span class="text-counter-count">{value?.length ?? 0}</span>
-                <span class="text-counter-separator" />
-                <span class="text-counter-max">{maxlength}</span>
-            </span>
+            <TextCounter max={maxlength} count={value?.length ?? 0} />
         {/if}
     </div>
     {#if error}
diff --git a/src/lib/elements/forms/inputTextarea.svelte b/src/lib/elements/forms/inputTextarea.svelte
index 7285b6f24..f7cb270c1 100644
--- a/src/lib/elements/forms/inputTextarea.svelte
+++ b/src/lib/elements/forms/inputTextarea.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import { onMount } from 'svelte';
     import { FormItem, Helper, Label } from '.';
+    import TextCounter from './textCounter.svelte';
 
     export let label: string;
     export let showLabel = true;
@@ -12,6 +13,8 @@
     export let readonly = false;
     export let autofocus = false;
     export let maxlength: number = null;
+    export let optionalText: string | undefined = undefined;
+    export let tooltip: string = null;
 
     let element: HTMLTextAreaElement;
     let error: string;
@@ -37,7 +40,7 @@
 </script>
 
 <FormItem>
-    <Label {required} hide={!showLabel} for={id}>
+    <Label {required} {tooltip} {optionalText} hide={!showLabel} for={id}>
         {label}
     </Label>
 
@@ -53,6 +56,9 @@
             bind:value
             bind:this={element}
             on:invalid={handleInvalid} />
+        {#if maxlength}
+            <TextCounter max={maxlength} count={value?.length ?? 0} />
+        {/if}
     </div>
     {#if error}
         <Helper type="warning">{error}</Helper>
diff --git a/src/lib/elements/forms/textCounter.svelte b/src/lib/elements/forms/textCounter.svelte
new file mode 100644
index 000000000..14e707720
--- /dev/null
+++ b/src/lib/elements/forms/textCounter.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+    export let count: number;
+    export let max: number;
+</script>
+
+<span class="text-counter" class:active={count > 0}>
+    <span class="text-counter-count">{count}</span>
+    <span class="text-counter-separator" />
+    <span class="text-counter-max">{max}</span>
+</span>
+
+<style lang="scss">
+    .text-counter {
+        --p-text-counter-color: var(--color-neutral-50);
+
+        &.active {
+            --p-text-counter-color: var(--color-neutral-70);
+        }
+    }
+
+    :global(.theme-dark) .text-counter {
+        --p-text-counter-color: var(--color-neutral-70);
+
+        &.active {
+            --p-text-counter-color: var(--color-neutral-50);
+        }
+    }
+</style>
diff --git a/src/lib/elements/pill.svelte b/src/lib/elements/pill.svelte
index 2383ea194..ec56b84bb 100644
--- a/src/lib/elements/pill.svelte
+++ b/src/lib/elements/pill.svelte
@@ -11,9 +11,6 @@
     export let href: string = null;
     export let trim = false;
 
-    //allows to add the disabled attribute to <a> tag without throwing an error
-    let attributes = { disabled } as Record<string, boolean>;
-
     let element: HTMLButtonElement;
 
     const isOverflowing = (elem: HTMLButtonElement, iterator = 1) => {
@@ -44,7 +41,6 @@
 
 {#if href}
     <a
-        {...attributes}
         {href}
         target={external ? '_blank' : '_self'}
         rel={external ? 'noopener noreferrer' : ''}
diff --git a/src/lib/elements/table/cellLink.svelte b/src/lib/elements/table/cellLink.svelte
index 17892db57..839949f73 100644
--- a/src/lib/elements/table/cellLink.svelte
+++ b/src/lib/elements/table/cellLink.svelte
@@ -3,6 +3,6 @@
     export let title: string;
 </script>
 
-<div class="table-col" data-title={title} role="cell">
+<div class="table-col" data-title={title} role="cell" data-private>
     <a role="button" tabindex="0" class="link" {href}><slot /></a>
 </div>
diff --git a/src/lib/elements/table/cellText.svelte b/src/lib/elements/table/cellText.svelte
index 59dcba6e4..e2fb71b6d 100644
--- a/src/lib/elements/table/cellText.svelte
+++ b/src/lib/elements/table/cellText.svelte
@@ -10,6 +10,7 @@
     class:is-only-desktop={onlyDesktop}
     class:u-overflow-visible={showOverflow}
     data-title={title}
-    role="cell">
+    role="cell"
+    data-private>
     <Trim><slot /></Trim>
 </div>
diff --git a/src/lib/elements/table/table.svelte b/src/lib/elements/table/table.svelte
index 42e67b2cd..481477bb3 100644
--- a/src/lib/elements/table/table.svelte
+++ b/src/lib/elements/table/table.svelte
@@ -7,6 +7,7 @@
     class="table is-selected-columns-mobile"
     class:u-margin-block-start-32={!noMargin}
     class:is-remove-outer-styles={noStyles}
-    role="table">
+    role="table"
+    data-private>
     <slot />
 </div>
diff --git a/src/lib/elements/table/tableList.svelte b/src/lib/elements/table/tableList.svelte
index 4abe219de..da09c06a4 100644
--- a/src/lib/elements/table/tableList.svelte
+++ b/src/lib/elements/table/tableList.svelte
@@ -1,5 +1,5 @@
 <!-- TODO: is 100% height needed? -->
-<div class="table-with-scroll">
+<div class="table-with-scroll" data-private>
     <div class="table-wrapper">
         <div class="table is-remove-outer-styles">
             <ul class="table-thead">
diff --git a/src/lib/elements/table/tableScroll.svelte b/src/lib/elements/table/tableScroll.svelte
index 52b84a940..814fe00e5 100644
--- a/src/lib/elements/table/tableScroll.svelte
+++ b/src/lib/elements/table/tableScroll.svelte
@@ -1,10 +1,30 @@
 <script lang="ts">
+    import type { Action } from 'svelte/action';
+
     export let isSticky = false;
+
+    const hasOverflow: Action<HTMLDivElement, (value: boolean) => void> = (node, callback) => {
+        const observer = new ResizeObserver((entries) => {
+            for (const entry of entries) {
+                callback(entry.contentRect.width < entry.target.scrollWidth);
+            }
+        });
+
+        observer.observe(node);
+
+        return {
+            destroy() {
+                observer.disconnect();
+            }
+        };
+    };
+
+    let isOverflowing = false;
 </script>
 
-<div class="table-with-scroll u-margin-block-start-32">
-    <div class="table-wrapper">
-        <table class="table" class:is-sticky-scroll={isSticky}>
+<div class="table-with-scroll u-margin-block-start-32" data-private>
+    <div class="table-wrapper" use:hasOverflow={(v) => (isOverflowing = v)}>
+        <table class="table" class:is-sticky-scroll={isSticky && isOverflowing}>
             <slot />
         </table>
     </div>
diff --git a/src/lib/helpers/load.ts b/src/lib/helpers/load.ts
index dc7b0c9e7..6478fcd9f 100644
--- a/src/lib/helpers/load.ts
+++ b/src/lib/helpers/load.ts
@@ -1,7 +1,37 @@
+import { preferences } from '$lib/stores/preferences';
+import type { Page } from '@sveltejs/kit';
+
 export function pageToOffset(page: number, limit: number): number {
     return page ? page * limit - limit : 0;
 }
 
+export function getPage(url: URL): number {
+    return Number(url.searchParams.get('page'));
+}
+
+export function getLimit(url: URL, route: Page['route'], fallback: number): number {
+    return Number(url.searchParams.get('limit') ?? preferences.get(route).limit ?? fallback);
+}
+
+export enum View {
+    Table = 'table',
+    Grid = 'grid'
+}
+
+export function getView(url: URL, route: Page['route'], fallback: View): View {
+    return (url.searchParams.get('view') ?? preferences.get(route).view) === View.Grid
+        ? View.Grid
+        : View.Table ?? fallback;
+}
+
+export function getColumns(route: Page['route'], fallback: string[]): string[] {
+    return preferences.get(route).columns ?? fallback;
+}
+
+export function getSearch(url: URL): string | undefined {
+    return url.searchParams.get('search') ?? undefined;
+}
+
 type TabElement = { href: string; title: string; hasChildren?: boolean };
 
 export function isTabSelected(
diff --git a/src/lib/helpers/platform.ts b/src/lib/helpers/platform.ts
new file mode 100644
index 000000000..98920c7c6
--- /dev/null
+++ b/src/lib/helpers/platform.ts
@@ -0,0 +1,3 @@
+export function isMac(): boolean {
+    return window.navigator.platform.toUpperCase().indexOf('MAC') >= 0;
+}
diff --git a/src/lib/helpers/project.ts b/src/lib/helpers/project.ts
new file mode 100644
index 000000000..ff8f887b0
--- /dev/null
+++ b/src/lib/helpers/project.ts
@@ -0,0 +1,5 @@
+export function getProjectId() {
+    const pathname = window.location.pathname;
+    const projectMatch = pathname.match(/\/project-(.*?)\//);
+    return projectMatch?.[1] || null;
+}
diff --git a/src/lib/helpers/promises.ts b/src/lib/helpers/promises.ts
new file mode 100644
index 000000000..9f8459dcd
--- /dev/null
+++ b/src/lib/helpers/promises.ts
@@ -0,0 +1,3 @@
+export async function sleep(ms: number): Promise<void> {
+    return new Promise((r) => setTimeout(r, ms));
+}
diff --git a/src/lib/helpers/transition.ts b/src/lib/helpers/transition.ts
new file mode 100644
index 000000000..f8a80bd6b
--- /dev/null
+++ b/src/lib/helpers/transition.ts
@@ -0,0 +1,48 @@
+import { cubicOut } from 'svelte/easing';
+import type { EasingFunction, TransitionConfig } from 'svelte/transition';
+
+export interface SlideParams {
+    delay?: number;
+    duration?: number;
+    easing?: EasingFunction;
+    axis?: 'x' | 'y';
+}
+
+export function slide(
+    node: Element,
+    { delay = 0, duration = 400, easing = cubicOut, axis = 'y' }: SlideParams = {}
+): TransitionConfig {
+    const style = getComputedStyle(node);
+    const opacity = +style.opacity;
+    const primary_property = axis === 'y' ? 'height' : 'width';
+    const primary_property_value = parseFloat(style[primary_property]);
+    const secondary_properties = axis === 'y' ? ['top', 'bottom'] : ['left', 'right'];
+    const capitalized_secondary_properties = secondary_properties.map(
+        (e) => `${e[0].toUpperCase()}${e.slice(1)}`
+    );
+    const padding_start_value = parseFloat(style[`padding${capitalized_secondary_properties[0]}`]);
+    const padding_end_value = parseFloat(style[`padding${capitalized_secondary_properties[1]}`]);
+    const margin_start_value = parseFloat(style[`margin${capitalized_secondary_properties[0]}`]);
+    const margin_end_value = parseFloat(style[`margin${capitalized_secondary_properties[1]}`]);
+    const border_width_start_value = parseFloat(
+        style[`border${capitalized_secondary_properties[0]}Width`]
+    );
+    const border_width_end_value = parseFloat(
+        style[`border${capitalized_secondary_properties[1]}Width`]
+    );
+    return {
+        delay,
+        duration,
+        easing,
+        css: (t) =>
+            'overflow: hidden;' +
+            `opacity: ${Math.min(t * 20, 1) * opacity};` +
+            `${primary_property}: ${t * primary_property_value}px;` +
+            `padding-${secondary_properties[0]}: ${t * padding_start_value}px;` +
+            `padding-${secondary_properties[1]}: ${t * padding_end_value}px;` +
+            `margin-${secondary_properties[0]}: ${t * margin_start_value}px;` +
+            `margin-${secondary_properties[1]}: ${t * margin_end_value}px;` +
+            `border-${secondary_properties[0]}-width: ${t * border_width_start_value}px;` +
+            `border-${secondary_properties[1]}-width: ${t * border_width_end_value}px;`
+    };
+}
diff --git a/src/lib/layout/activity.svelte b/src/lib/layout/activity.svelte
index 113f89809..8afec6a43 100644
--- a/src/lib/layout/activity.svelte
+++ b/src/lib/layout/activity.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { AvatarInitials, EmptySearch, Pagination, Trim } from '$lib/components';
+    import { AvatarInitials, EmptySearch, Limit, Pagination, Trim } from '$lib/components';
     import {
         TableBody,
         TableHeader,
@@ -11,12 +11,11 @@
     } from '$lib/elements/table';
     import { Container } from '$lib/layout';
     import { toLocaleDateTime } from '$lib/helpers/date';
-    import { PAGE_LIMIT } from '$lib/constants';
     import type { Models } from '@aw-labs/appwrite-console';
 
     export let logs: Models.LogList;
-    export let path: string;
     export let offset = 0;
+    export let limit = 0;
 </script>
 
 <Container>
@@ -66,8 +65,8 @@
             </TableBody>
         </TableScroll>
         <div class="u-flex u-margin-block-start-32 u-main-space-between">
-            <p class="text">Total results: {logs.total}</p>
-            <Pagination limit={PAGE_LIMIT} {path} {offset} sum={logs.total} />
+            <Limit {limit} sum={logs.total} name="Logs" />
+            <Pagination {limit} {offset} sum={logs.total} />
         </div>
     {:else}
         <EmptySearch>
diff --git a/src/lib/layout/breadcrumbs.svelte b/src/lib/layout/breadcrumbs.svelte
index 50286fae1..d700654e2 100644
--- a/src/lib/layout/breadcrumbs.svelte
+++ b/src/lib/layout/breadcrumbs.svelte
@@ -18,7 +18,7 @@
 <nav class="breadcrumbs is-only-desktop" aria-label="breadcrumb">
     <ol class="breadcrumbs-list">
         {#each breadcrumbs as breadcrumb}
-            <li class="breadcrumbs-item">
+            <li class="breadcrumbs-item" data-private>
                 {#if breadcrumb.href}
                     <a href={breadcrumb.href} title={breadcrumb.title} on:click={track}>
                         {breadcrumb.title}
diff --git a/src/lib/layout/coverTitle.svelte b/src/lib/layout/coverTitle.svelte
index 5995570e1..6b0b582fa 100644
--- a/src/lib/layout/coverTitle.svelte
+++ b/src/lib/layout/coverTitle.svelte
@@ -5,12 +5,14 @@
 </script>
 
 <Heading size="4" tag="h1" trimmed={false}>
-    {#if href}
-        <a class="button is-text is-only-icon" {href} aria-label="page back">
-            <span class="icon-cheveron-left" aria-hidden="true" />
-        </a>
-    {/if}
-    <span class="text u-trim-1">
-        <slot />
-    </span>
+    <div class="u-flex u-cross-center">
+        {#if href}
+            <a class="button is-text is-only-icon" {href} aria-label="page back">
+                <span class="icon-cheveron-left" aria-hidden="true" />
+            </a>
+        {/if}
+        <span class="text u-trim-1" data-private>
+            <slot />
+        </span>
+    </div>
 </Heading>
diff --git a/src/lib/layout/footer.svelte b/src/lib/layout/footer.svelte
index 23f83e399..6ca938a4c 100644
--- a/src/lib/layout/footer.svelte
+++ b/src/lib/layout/footer.svelte
@@ -1,47 +1,68 @@
-<footer class="main-footer">
-    <div class="container">
-        <ul class="inline-links is-center">
+<script>
+    import { Mode, MODE } from '$lib/system';
+
+    import { version } from '$routes/console/store';
+
+    const currentYear = new Date().getFullYear();
+</script>
+
+<footer class="main-footer u-cross-center">
+    <div class="main-footer-start">
+        <ul class="inline-links is-no-padding-first-and-last u-x-small">
             <li class="inline-links-item">
-                <a
-                    class="link"
-                    href="https://github.com/appwrite/appwrite"
-                    target="_blank"
-                    rel="noopener noreferrer">
-                    <span class="icon-github-circled" aria-hidden="true" />
-                    <span class="text">GitHub</span>
+                <div class="u-flex u-cross-center u-gap-8">
+                    {#if MODE !== Mode.CLOUD}
+                        <span class="icon-cloud" />
+                    {/if}
+                    {#if $version}
+                        <a
+                            class="text"
+                            href="https://github.com/appwrite/appwrite/releases"
+                            target="_blank"
+                            rel="noreferrer">
+                            Version {$version}
+                        </a>
+                    {/if}
+                </div>
+            </li>
+            <li class="inline-links-item">
+                <a href="https://appwrite.io/policy/terms" target="_blank" rel="noreferrer">
+                    <span class="text">Terms</span>
                 </a>
             </li>
             <li class="inline-links-item">
-                <a
-                    class="link"
-                    href="https://appwrite.io/discord"
-                    target="_blank"
-                    rel="noopener noreferrer">
-                    <span class="icon-discord" aria-hidden="true" />
-                    <span class="text">Discord</span>
+                <a href="https://appwrite.io/policy/privacy" target="_blank" rel="noreferrer">
+                    <span class="text">Privacy</span>
                 </a>
             </li>
+        </ul>
+    </div>
+    <div class="main-footer-end">
+        <ul class="inline-links is-no-padding-first-and-last u-x-small">
             <li class="inline-links-item">
-                <a
-                    class="link"
-                    href="https://github.com/appwrite/appwrite/issues/new"
-                    target="_blank"
-                    rel="noopener noreferrer">
-                    <span class="text">Open an Issue</span>
-                </a>
+                <span class="text">ⓒ {currentYear} Appwrite. All rights reserved.</span>
             </li>
-            <li class="inline-links-item">
-                <a
-                    class="link"
-                    href="https://appwrite.io/docs"
-                    target="_blank"
-                    rel="noopener noreferrer">
-                    <span class="text">Docs</span>
+            <li class="inline-links-item u-flex u-gap-8">
+                <a href="https://github.com/appwrite/appwrite" target="_blank" rel="noreferrer">
+                    <span class="icon-github" aria-hidden="true" aria-label="Appwrite on Github" />
+                </a>
+                <a href="https://appwrite.io/discord" target="_blank" rel="noreferrer">
+                    <span
+                        class="icon-discord"
+                        aria-hidden="true"
+                        aria-label="Appwrite on Discord" />
                 </a>
-            </li>
-            <li class="inline-links-item">
-                <span class="text">API:0.13.2</span>
             </li>
         </ul>
     </div>
 </footer>
+
+<style lang="scss">
+    .main-footer {
+        margin-block-start: auto;
+    }
+
+    [class^='icon-']:not(.icon-cloud):not(:hover) {
+        color: hsl(var(--color-neutral-50));
+    }
+</style>
diff --git a/src/lib/layout/header.svelte b/src/lib/layout/header.svelte
index 88a9a0b4b..0cc8abfdd 100644
--- a/src/lib/layout/header.svelte
+++ b/src/lib/layout/header.svelte
@@ -20,7 +20,7 @@
     import { slide } from 'svelte/transition';
     import { page } from '$app/stores';
     import { Submit, trackEvent } from '$lib/actions/analytics';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { goto } from '$app/navigation';
 
     let showDropdown = false;
@@ -35,7 +35,7 @@
     }
 
     async function logout() {
-        await sdkForConsole.account.deleteSession('current');
+        await sdk.forConsole.account.deleteSession('current');
         trackEvent(Submit.AccountLogout);
         await goto(`${base}/login`);
     }
diff --git a/src/lib/layout/logs.svelte b/src/lib/layout/logs.svelte
index 314ec302e..7d92332af 100644
--- a/src/lib/layout/logs.svelte
+++ b/src/lib/layout/logs.svelte
@@ -6,7 +6,7 @@
     import { Button } from '$lib/elements/forms';
     import { base } from '$app/paths';
     import { app } from '$lib/stores/app';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { page } from '$app/stores';
     import { calculateTime } from '$lib/helpers/timeConversion';
     import type { Models } from '@aw-labs/appwrite-console';
@@ -17,7 +17,7 @@
     function isDeployment(data: Models.Deployment | Models.Execution): data is Models.Deployment {
         if ('buildId' in data) {
             selectedTab = 'logs';
-            rawData = `${sdkForConsole.client.config.endpoint}/functions/${$log.func.$id}/deployment/${$log.data.$id}?mode=admin&project=${$page.params.project}`;
+            rawData = `${sdk.forConsole.client.config.endpoint}/functions/${$log.func.$id}/deployment/${$log.data.$id}?mode=admin&project=${$page.params.project}`;
             return true;
         }
     }
@@ -25,7 +25,7 @@
     function isExecution(data: Models.Deployment | Models.Execution): data is Models.Execution {
         if ('trigger' in data) {
             selectedTab = 'response';
-            rawData = `${sdkForConsole.client.config.endpoint}/functions/${$log.func.$id}/execution/${$log.data.$id}?mode=admin&project=${$page.params.project}`;
+            rawData = `${sdk.forConsole.client.config.endpoint}/functions/${$log.func.$id}/execution/${$log.data.$id}?mode=admin&project=${$page.params.project}`;
             return true;
         }
     }
@@ -47,7 +47,7 @@
 <svelte:window on:keydown={handleKeydown} />
 
 {#if $log.data}
-    <section class="cover-frame">
+    <section class="cover-frame" data-private>
         <header class="cover-frame-header u-flex u-gap-16 u-main-space-between u-cross-center">
             <h1 class="body-text-1">Function ID: {$log.func.$id}</h1>
             <button
diff --git a/src/lib/layout/navigation.svelte b/src/lib/layout/navigation.svelte
index f7deb321f..bd2a9fbae 100644
--- a/src/lib/layout/navigation.svelte
+++ b/src/lib/layout/navigation.svelte
@@ -2,81 +2,171 @@
     import { base } from '$app/paths';
     import { page } from '$app/stores';
     import { trackEvent } from '$lib/actions/analytics';
+    import { tooltip } from '$lib/actions/tooltip';
+    import { isMac } from '$lib/helpers/platform';
+    import { slide } from '$lib/helpers/transition';
 
     $: project = $page.params.project;
-    $: path = `${base}/console/project-${project}`;
+    $: projectPath = `${base}/console/project-${project}`;
+
+    $: subNavigation = $page.data.subNavigation;
+    // We need to have this second variable, because we only want narrow
+    // to change automatically if we change from having a second side nav to
+    // not having one, not when the second side nav changes to a different value.
+    $: hasSubNavigation = !!subNavigation;
+
+    let narrow = false;
+    $: {
+        narrow = hasSubNavigation;
+    }
+
+    function handleKeyDown(event: KeyboardEvent) {
+        // If Alt + S is pressed
+        if (hasSubNavigation && event.altKey && event.keyCode === 83) {
+            event.preventDefault();
+            narrow = !narrow;
+        }
+    }
 </script>
 
-<div class="side-nav">
-    {#if project}
-        <div class="side-nav-main">
-            <section class="drop-section">
-                <ul class="drop-list">
-                    <li class="drop-list-item">
-                        <a
-                            class="drop-button"
-                            class:is-selected={$page.url.pathname.startsWith(`${path}/overview`)}
-                            on:click={() => trackEvent('click_menu_overview')}
-                            href={path}>
-                            <span class="icon-chart-bar" aria-hidden="true" />
-                            <span class="text">Overview</span>
-                        </a>
-                    </li>
-                    <li class="drop-list-item">
-                        <a
-                            class="drop-button"
-                            class:is-selected={$page.url.pathname.startsWith(`${path}/auth`)}
-                            on:click={() => trackEvent('click_menu_auth')}
-                            href={`${path}/auth`}>
-                            <span class="icon-user-group" aria-hidden="true" />
-                            <span class="text">Auth</span>
-                        </a>
-                    </li>
-                    <li class="drop-list-item">
-                        <a
-                            class="drop-button"
-                            class:is-selected={$page.url.pathname.startsWith(`${path}/databases`)}
-                            on:click={() => trackEvent('click_menu_databases')}
-                            href={`${path}/databases`}>
-                            <span class="icon-database" aria-hidden="true" />
-                            <span class="text">Databases</span>
-                        </a>
-                    </li>
-                    <li class="drop-list-item">
-                        <a
-                            class="drop-button"
-                            class:is-selected={$page.url.pathname.startsWith(`${path}/functions`)}
-                            on:click={() => trackEvent('click_menu_functions')}
-                            href={`${path}/functions`}>
-                            <span class="icon-lightning-bolt" aria-hidden="true" />
-                            <span class="text">Functions</span>
-                        </a>
-                    </li>
-                    <li class="drop-list-item">
-                        <a
-                            class="drop-button"
-                            class:is-selected={$page.url.pathname.startsWith(`${path}/storage`)}
-                            on:click={() => trackEvent('click_menu_storage')}
-                            href={`${path}/storage`}>
-                            <span class="icon-folder" aria-hidden="true" />
-                            <span class="text">Storage</span>
-                        </a>
-                    </li>
-                </ul>
-            </section>
-        </div>
+<svelte:window on:keydown={handleKeyDown} />
 
-        <div class="side-nav-bottom">
-            <section class="drop-section">
-                <a
-                    class="drop-button"
-                    href={`${path}/settings`}
-                    on:click={() => trackEvent('click_menu_settings')}
-                    class:is-selected={$page.url.pathname.startsWith(`${path}/settings`)}>
-                    <span class="icon-cog" aria-hidden="true" />
-                    <span class="text">Settings</span>
-                </a>
-            </section>
+<div class="side-nav" class:is-open-level-2={hasSubNavigation}>
+    <div class="side-nav-level-1" class:is-narrow={narrow}>
+        {#if project}
+            <div class="side-nav-main">
+                <section class="drop-section">
+                    <ul class="drop-list">
+                        <li class="drop-list-item">
+                            <a
+                                class="drop-button"
+                                class:is-selected={$page.url.pathname.startsWith(
+                                    `${projectPath}/overview`
+                                )}
+                                on:click={() => trackEvent('click_menu_overview')}
+                                href={projectPath}
+                                use:tooltip={{
+                                    content: 'Overview',
+                                    placement: 'right',
+                                    disabled: !narrow
+                                }}>
+                                <span class="icon-chart-bar" aria-hidden="true" />
+                                <span class="text">Overview</span>
+                            </a>
+                        </li>
+                        <li class="drop-list-item">
+                            <a
+                                class="drop-button"
+                                class:is-selected={$page.url.pathname.startsWith(
+                                    `${projectPath}/auth`
+                                )}
+                                on:click={() => trackEvent('click_menu_auth')}
+                                href={`${projectPath}/auth`}
+                                use:tooltip={{
+                                    content: 'Auth',
+                                    placement: 'right',
+                                    disabled: !narrow
+                                }}>
+                                <span class="icon-user-group" aria-hidden="true" />
+                                <span class="text">Auth</span>
+                            </a>
+                        </li>
+                        <li class="drop-list-item">
+                            <a
+                                class="drop-button"
+                                class:is-selected={$page.url.pathname.startsWith(
+                                    `${projectPath}/databases`
+                                )}
+                                on:click={() => trackEvent('click_menu_databases')}
+                                href={`${projectPath}/databases`}
+                                use:tooltip={{
+                                    content: 'Databases',
+                                    placement: 'right',
+                                    disabled: !narrow
+                                }}>
+                                <span class="icon-database" aria-hidden="true" />
+                                <span class="text">Databases</span>
+                            </a>
+                        </li>
+                        <li class="drop-list-item">
+                            <a
+                                class="drop-button"
+                                class:is-selected={$page.url.pathname.startsWith(
+                                    `${projectPath}/functions`
+                                )}
+                                on:click={() => trackEvent('click_menu_functions')}
+                                href={`${projectPath}/functions`}
+                                use:tooltip={{
+                                    content: 'Functions',
+                                    placement: 'right',
+                                    disabled: !narrow
+                                }}>
+                                <span class="icon-lightning-bolt" aria-hidden="true" />
+                                <span class="text">Functions</span>
+                            </a>
+                        </li>
+                        <li class="drop-list-item">
+                            <a
+                                class="drop-button"
+                                class:is-selected={$page.url.pathname.startsWith(
+                                    `${projectPath}/storage`
+                                )}
+                                on:click={() => trackEvent('click_menu_storage')}
+                                href={`${projectPath}/storage`}
+                                use:tooltip={{
+                                    content: 'Storage',
+                                    placement: 'right',
+                                    disabled: !narrow
+                                }}>
+                                <span class="icon-folder" aria-hidden="true" />
+                                <span class="text">Storage</span>
+                            </a>
+                        </li>
+                    </ul>
+                </section>
+            </div>
+
+            <div class="side-nav-bottom">
+                <section class="drop-section">
+                    <a
+                        class="drop-button"
+                        href={`${projectPath}/settings`}
+                        on:click={() => trackEvent('click_menu_settings')}
+                        class:is-selected={$page.url.pathname.startsWith(`${projectPath}/settings`)}
+                        title="Settings"
+                        use:tooltip={{
+                            content: 'Settings',
+                            placement: 'right',
+                            disabled: !narrow
+                        }}>
+                        <span class="icon-cog" aria-hidden="true" />
+                        <span class="text">Settings</span>
+                    </a>
+                </section>
+            </div>
+        {/if}
+
+        {#if subNavigation}
+            <button
+                class="side-nav-button button is-small is-secondary is-not-mobile"
+                aria-label="resize menu"
+                on:click={() => (narrow = !narrow)}
+                use:tooltip={{
+                    content: isMac() ? '⌥ + S' : 'Alt + S'
+                }}>
+                <span
+                    class:icon-cheveron-right={narrow}
+                    class:icon-cheveron-left={!narrow}
+                    aria-hidden="true" />
+            </button>
+        {/if}
+    </div>
+
+    {#if subNavigation}
+        <div class="side-nav-level-2 is-open" transition:slide={{ axis: 'x', duration: 250 }}>
+            <div class="side-nav-main">
+                <svelte:component this={subNavigation} />
+            </div>
         </div>
     {/if}
 </div>
diff --git a/src/lib/layout/notification.svelte b/src/lib/layout/notification.svelte
index c07d4d7b8..71c3b8edc 100644
--- a/src/lib/layout/notification.svelte
+++ b/src/lib/layout/notification.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { createEventDispatcher } from 'svelte';
+    import { fly } from 'svelte/transition';
     import type { Notification } from '../stores/notifications';
 
     export let type: Notification['type'] = 'info';
@@ -9,12 +10,13 @@
     const dispatch = createEventDispatcher();
 </script>
 
-<li
+<div
     class="alert-sticky"
     class:is-success={type === 'success'}
     class:is-warning={type === 'warning'}
     class:is-danger={type === 'error'}
-    class:is-info={type === 'info'}>
+    class:is-info={type === 'info'}
+    transition:fly={{ x: 50 }}>
     <button
         class="button is-text is-only-icon"
         style="--button-size:1.5rem;"
@@ -45,4 +47,4 @@
             {/each}
         </div>
     {/if}
-</li>
+</div>
diff --git a/src/lib/layout/notifications.svelte b/src/lib/layout/notifications.svelte
index 202702799..3200a1280 100644
--- a/src/lib/layout/notifications.svelte
+++ b/src/lib/layout/notifications.svelte
@@ -1,19 +1,22 @@
 <script lang="ts">
     import Notification from './notification.svelte';
     import { dismissNotification, notifications } from '../stores/notifications';
+    import { flip } from 'svelte/animate';
 </script>
 
 {#if $notifications}
     <section>
         <ul class="u-flex u-flex-vertical u-gap-16">
             {#each $notifications as notification (notification.id)}
-                <Notification
-                    type={notification.type}
-                    title={notification.title}
-                    on:dismiss={() => dismissNotification(notification.id)}
-                    buttons={notification?.buttons}>
-                    {notification.message}
-                </Notification>
+                <li animate:flip={{ duration: 500 }}>
+                    <Notification
+                        type={notification.type}
+                        title={notification.title}
+                        on:dismiss={() => dismissNotification(notification.id)}
+                        buttons={notification?.buttons}>
+                        {notification.message}
+                    </Notification>
+                </li>
             {/each}
         </ul>
     </section>
@@ -22,8 +25,15 @@
 <style lang="scss">
     section {
         position: fixed;
-        top: calc(var(--main-header-height) + 24px);
-        right: 24px;
+        top: calc(var(--main-header-height) + 12px);
+        right: 12px;
         z-index: 1000;
     }
+
+    @media (min-width: 768px) {
+        section {
+            top: calc(var(--main-header-height) + 24px);
+            right: 24px;
+        }
+    }
 </style>
diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index 70032a212..059b320e2 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -41,7 +41,6 @@
 
 <main
     class:grid-with-side={showSideNavigation}
-    class:grid={!showSideNavigation}
     class:is-open={isOpen}
     class:u-hide={$wizard.show || $log.show}>
     <header class="main-header u-padding-inline-end-0">
@@ -54,9 +53,11 @@
         </button>
         <slot name="header" />
     </header>
-    <nav class="main-side">
-        <slot name="side" />
-    </nav>
+    {#if showSideNavigation}
+        <nav class="main-side">
+            <slot name="side" />
+        </nav>
+    {/if}
     <section class="main-content">
         {#if $page.data?.header}
             <svelte:component this={$page.data.header} />
@@ -64,19 +65,35 @@
 
         <slot />
     </section>
+    <slot name="footer" />
 </main>
 
-<style>
-    .grid-with-side {
+<style lang="scss">
+    main {
         min-height: 100vh;
+
+        &:not(.grid-with-side) {
+            display: flex;
+            flex-direction: column;
+        }
     }
 
     .main-side {
         z-index: 25;
     }
+
     @media (max-width: 550.99px), (min-width: 551px) and (max-width: 1198.99px) {
         .main-side {
             top: 4.5rem;
         }
     }
+    @media (min-width: 1199px) {
+        .grid-with-side {
+            grid-template-columns: auto 1fr !important;
+        }
+    }
+
+    .main-content {
+        overflow: hidden;
+    }
 </style>
diff --git a/src/lib/layout/unauthenticated.svelte b/src/lib/layout/unauthenticated.svelte
index ba13c1248..e2470d309 100644
--- a/src/lib/layout/unauthenticated.svelte
+++ b/src/lib/layout/unauthenticated.svelte
@@ -6,6 +6,9 @@
     import { base } from '$app/paths';
     import { user } from '$lib/stores/user';
 
+    export let imgLight = LoginLight;
+    export let imgDark = LoginDark;
+
     const technologies = [
         'js',
         'flutter',
@@ -38,9 +41,9 @@
             class="container u-margin-block-start-20 is-not-mobile"
             style="--p-container-max-size: var(--container-size-large);">
             {#if $app.themeInUse === 'dark'}
-                <img src={LoginDark} alt="" class="u-only-dark" />
+                <img src={imgDark} alt="" class="u-only-dark" />
             {:else}
-                <img src={LoginLight} alt="" class="u-only-light" />
+                <img src={imgLight} alt="" class="u-only-light" />
             {/if}
         </div>
 
diff --git a/src/lib/layout/usage.svelte b/src/lib/layout/usage.svelte
index dc97d6314..fe00d9d62 100644
--- a/src/lib/layout/usage.svelte
+++ b/src/lib/layout/usage.svelte
@@ -58,7 +58,7 @@
     </div>
     <Card>
         {#if count}
-            <Heading tag="h6" size="6">{last(count).value}</Heading>
+            <Heading tag="h6" size="6">{total(count)}</Heading>
             <p>{countMetadata.title}</p>
             <div class="u-margin-block-start-16" />
             <div class="chart-container">
diff --git a/src/lib/layout/wizard.svelte b/src/lib/layout/wizard.svelte
index 9ae04c1ad..9dd6da750 100644
--- a/src/lib/layout/wizard.svelte
+++ b/src/lib/layout/wizard.svelte
@@ -122,7 +122,7 @@
         {/if}
     </div>
     <div class="wizard-main">
-        <Form noStyle on:submit={submit}>
+        <Form noStyle onSubmit={submit}>
             {#each sortedSteps as [step, { component }]}
                 {#if currentStep === step}
                     <svelte:component this={component} />
diff --git a/src/lib/layout/wizardExitModal.svelte b/src/lib/layout/wizardExitModal.svelte
index 8f29e59d9..6019a5898 100644
--- a/src/lib/layout/wizardExitModal.svelte
+++ b/src/lib/layout/wizardExitModal.svelte
@@ -11,7 +11,7 @@
     }
 </script>
 
-<Modal bind:show on:submit={handleSubmit} warning>
+<Modal bind:show onSubmit={handleSubmit} warning>
     <svelte:fragment slot="header">Exit Process</svelte:fragment>
     <p>
         Are you sure you want to exit from <slot />? All data will be deleted. This action is
diff --git a/src/lib/mock/form.test.svelte b/src/lib/mock/form.test.svelte
new file mode 100644
index 000000000..c900d26e1
--- /dev/null
+++ b/src/lib/mock/form.test.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+    import Form from '../elements/forms/form.svelte';
+    import Button from '../elements/forms/button.svelte';
+
+    export let onSubmit: () => Promise<void> | void;
+</script>
+
+<Form {onSubmit}>
+    <Button submit>Submit</Button>
+    <Button>Button</Button>
+</Form>
diff --git a/src/lib/sdk/project.ts b/src/lib/sdk/project.ts
new file mode 100644
index 000000000..35a5ac9fe
--- /dev/null
+++ b/src/lib/sdk/project.ts
@@ -0,0 +1,31 @@
+import type { Models, Payload } from '@aw-labs/appwrite-console';
+import { Service } from './service';
+
+export class Project extends Service {
+    /**
+     * Get usage stats for a project
+     *
+     *
+     * @param {string} range
+     * @throws {AppwriteException}
+     * @returns {Promise}
+     */
+    async getUsage(range?: string): Promise<Models.UsageProject> {
+        const path = '/project/usage';
+        const payload: Payload = {};
+
+        if (typeof range !== 'undefined') {
+            payload['range'] = range;
+        }
+
+        const uri = new URL(this.client.config.endpoint + path);
+        return await this.client.call(
+            'get',
+            uri,
+            {
+                'content-type': 'application/json'
+            },
+            payload
+        );
+    }
+}
diff --git a/src/lib/sdk/service.ts b/src/lib/sdk/service.ts
new file mode 100644
index 000000000..eb63e5771
--- /dev/null
+++ b/src/lib/sdk/service.ts
@@ -0,0 +1,28 @@
+import type { Client, Payload } from '@aw-labs/appwrite-console';
+
+export class Service {
+    static CHUNK_SIZE = 5 * 1024 * 1024; // 5MB
+
+    client: Client;
+
+    constructor(client: Client) {
+        this.client = client;
+    }
+
+    static flatten(data: Payload, prefix = ''): Payload {
+        let output: Payload = {};
+
+        for (const key in data) {
+            const value = data[key];
+            const finalKey = prefix ? `${prefix}[${key}]` : key;
+
+            if (Array.isArray(value)) {
+                output = Object.assign(output, this.flatten(value, finalKey));
+            } else {
+                output[finalKey] = value;
+            }
+        }
+
+        return output;
+    }
+}
diff --git a/src/lib/stores/app.ts b/src/lib/stores/app.ts
index 4ddd2e08a..66946f3f1 100644
--- a/src/lib/stores/app.ts
+++ b/src/lib/stores/app.ts
@@ -74,7 +74,7 @@ function createFeedbackStore() {
                     customFields: value ? [{ id: '40655', value }] : undefined
                 })
             });
-            if (response.status !== 200) {
+            if (response.status >= 400) {
                 throw new Error('Failed to submit feedback');
             }
         }
diff --git a/src/lib/stores/notifications.ts b/src/lib/stores/notifications.ts
index 397b578e4..25ba01968 100644
--- a/src/lib/stores/notifications.ts
+++ b/src/lib/stores/notifications.ts
@@ -33,11 +33,7 @@ export const addNotification = (notification: Omit<Notification, 'id'>) => {
 
     const n = { ...defaults, ...notification };
     notifications.update((all) => {
-        if (all.length < 3) {
-            return [n, ...all];
-        } else {
-            return [n, ...all.slice(0, 2)];
-        }
+        return [n, ...all.slice(0, 4)];
     });
 
     if (n.timeout) setTimeout(() => dismissNotification(n.id), n.timeout);
diff --git a/src/lib/stores/preferences.ts b/src/lib/stores/preferences.ts
new file mode 100644
index 000000000..f1184c7e2
--- /dev/null
+++ b/src/lib/stores/preferences.ts
@@ -0,0 +1,111 @@
+import { browser } from '$app/environment';
+import { page } from '$app/stores';
+import type { View } from '$lib/helpers/load';
+import type { Page } from '@sveltejs/kit';
+import { get, writable } from 'svelte/store';
+import { sdk } from './sdk';
+
+type Preferences = {
+    limit?: number;
+    view?: View;
+    columns?: string[];
+};
+
+type PreferencesStore = {
+    [key: string]: {
+        [key: string]: Preferences;
+        collections?: {
+            [key: string]: Preferences['columns'];
+        };
+    };
+};
+
+function createPreferences() {
+    const { subscribe, set, update } = writable<PreferencesStore>({});
+    if (browser) {
+        set(JSON.parse(globalThis.localStorage.getItem('preferences') ?? '{}'));
+    }
+    return {
+        subscribe,
+        get: (route: Page['route']): Preferences => {
+            let preferences: PreferencesStore;
+            subscribe((n) => (preferences = n))();
+
+            return (
+                preferences[sdk.forProject.client.config.project]?.[route.id] ?? {
+                    limit: null,
+                    view: null,
+                    columns: null
+                }
+            );
+        },
+        getCustomCollectionColumns: (collectionId: string): Preferences['columns'] => {
+            let preferences: PreferencesStore;
+            subscribe((n) => (preferences = n))();
+
+            return (
+                preferences[sdk.forProject.client.config.project]?.collections?.[collectionId] ??
+                null
+            );
+        },
+        setLimit: (limit: Preferences['limit']) =>
+            update((n) => {
+                const path = get(page).route.id;
+                const project = sdk.forProject.client.config.project;
+                if (!n[project]?.[path]) {
+                    n[project] ??= {};
+                    n[project][path] ??= {};
+                }
+
+                n[project][path].limit = limit;
+
+                return n;
+            }),
+        setView: (view: Preferences['view']) =>
+            update((n) => {
+                const path = get(page).route.id;
+                const project = sdk.forProject.client.config.project;
+                if (!n[project]?.[path]) {
+                    n[project] ??= {};
+                    n[project][path] ??= {};
+                }
+
+                n[project][path].view = view;
+
+                return n;
+            }),
+        setColumns: (columns: Preferences['columns']) =>
+            update((n) => {
+                const path = get(page).route.id;
+                const project = sdk.forProject.client.config.project;
+                if (!n[project]?.[path]) {
+                    n[project] ??= {};
+                    n[project][path] ??= {};
+                }
+
+                n[project][path].columns = columns;
+
+                return n;
+            }),
+        setCustomCollectionColumns: (columns: Preferences['columns']) =>
+            update((n) => {
+                const current = get(page);
+                const project = sdk.forProject.client.config.project;
+                const collection = current.params.collection;
+                if (!n[project]?.collections?.[collection]) {
+                    n[project] ??= {};
+                    n[project].collections ??= {};
+                }
+
+                n[project].collections[collection] = columns;
+
+                return n;
+            })
+    };
+}
+
+export const preferences = createPreferences();
+
+if (browser) {
+    preferences.subscribe((n) => globalThis.localStorage.setItem('preferences', JSON.stringify(n)));
+}
diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index ec05508fc..d0939adf7 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -1,3 +1,5 @@
+import { getProjectId } from '$lib/helpers/project';
+import { Project } from '$lib/sdk/project';
 import { VARS } from '$lib/system';
 import {
     Account,
@@ -14,26 +16,12 @@ import {
 } from '@aw-labs/appwrite-console';
 
 const endpoint = VARS.APPWRITE_ENDPOINT ?? `${globalThis?.location?.origin}/v1`;
+
 const clientConsole = new Client();
 clientConsole.setEndpoint(endpoint).setProject('console');
 
 const clientProject = new Client();
 clientProject.setEndpoint(endpoint).setMode('admin');
-
-const setProject = (projectId: string): Client => clientProject.setProject(projectId);
-
-const sdkForConsole = {
-    client: clientConsole,
-    account: new Account(clientConsole),
-    avatars: new Avatars(clientConsole),
-    functions: new Functions(clientConsole),
-    health: new Health(clientConsole),
-    locale: new Locale(clientConsole),
-    projects: new Projects(clientConsole),
-    teams: new Teams(clientConsole),
-    users: new Users(clientConsole)
-};
-
 const sdkForProject = {
     client: clientProject,
     account: new Account(clientProject),
@@ -42,10 +30,30 @@ const sdkForProject = {
     functions: new Functions(clientProject),
     health: new Health(clientProject),
     locale: new Locale(clientProject),
-    projects: new Projects(clientProject),
+    project: new Project(clientProject),
     storage: new Storage(clientProject),
     teams: new Teams(clientProject),
     users: new Users(clientProject)
 };
 
-export { sdkForConsole, sdkForProject, setProject };
+export const sdk = {
+    forConsole: {
+        client: clientConsole,
+        account: new Account(clientConsole),
+        avatars: new Avatars(clientConsole),
+        functions: new Functions(clientConsole),
+        health: new Health(clientConsole),
+        locale: new Locale(clientConsole),
+        projects: new Projects(clientConsole),
+        teams: new Teams(clientConsole),
+        users: new Users(clientConsole)
+    },
+    get forProject() {
+        const projectId = getProjectId();
+        if (projectId && projectId !== clientProject.config.project) {
+            clientProject.setProject(projectId);
+        }
+
+        return sdkForProject;
+    }
+};
diff --git a/src/lib/stores/uploader.ts b/src/lib/stores/uploader.ts
index 9538d0b79..ece61c0b7 100644
--- a/src/lib/stores/uploader.ts
+++ b/src/lib/stores/uploader.ts
@@ -1,6 +1,6 @@
 import type { Models } from '@aw-labs/appwrite-console';
 import { writable } from 'svelte/store';
-import { sdkForProject } from './sdk';
+import { sdk } from './sdk';
 
 type UploaderFile = {
     $id: string;
@@ -71,7 +71,7 @@ const createUploader = () => {
                 n.files.unshift(newFile);
                 return n;
             });
-            const uploadedFile = await sdkForProject.storage.createFile(
+            const uploadedFile = await sdk.forProject.storage.createFile(
                 bucketId,
                 id ?? 'unique()',
                 file,
diff --git a/src/lib/system.ts b/src/lib/system.ts
index fc00cbd8e..596e4faca 100644
--- a/src/lib/system.ts
+++ b/src/lib/system.ts
@@ -21,3 +21,5 @@ export const ENV = {
 };
 
 export const MODE = VARS.CONSOLE_MODE === Mode.CLOUD ? Mode.CLOUD : Mode.SELF_HOSTED;
+export const isCloud = MODE === Mode.CLOUD;
+export const isSelfHosted = MODE === Mode.SELF_HOSTED;
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
new file mode 100644
index 000000000..4e9d8e540
--- /dev/null
+++ b/src/routes/+error.svelte
@@ -0,0 +1,12 @@
+<script>
+    import { page } from '$app/stores';
+    import { Heading } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
+    import { Unauthenticated } from '$lib/layout';
+</script>
+
+<Unauthenticated>
+    <Heading size="1" tag="h3">{$page.status}</Heading>
+    <Heading size="3" tag="h4">{$page.error.message}</Heading>
+    <Button href="/">Back to the console</Button>
+</Unauthenticated>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 97d2b07a7..fcc41255e 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,19 +1,21 @@
 <script lang="ts">
+    import { browser } from '$app/environment';
     import { afterNavigate, goto } from '$app/navigation';
-    import { page } from '$app/stores';
-    import { user } from '$lib/stores/user';
-    import { onCLS, onFID, onLCP, onFCP, onINP, onTTFB } from 'web-vitals';
-    import { reportWebVitals } from '$lib/helpers/vitals';
-    import { onMount } from 'svelte';
     import { base } from '$app/paths';
-    import { browser, dev } from '$app/environment';
+    import { page } from '$app/stores';
+    import { isTrackingAllowed, trackPageView } from '$lib/actions/analytics';
+    import { reportWebVitals } from '$lib/helpers/vitals';
+    import { Notifications, Progress } from '$lib/layout';
     import { app } from '$lib/stores/app';
-    import { Progress, Notifications } from '$lib/layout';
-    import { loading } from './store';
-    import Loading from './loading.svelte';
-    import { trackPageView } from '$lib/actions/analytics';
+    import { user } from '$lib/stores/user';
+    import { ENV, isCloud } from '$lib/system';
     import * as Sentry from '@sentry/svelte';
+    import LogRocket from 'logrocket';
     import { BrowserTracing } from '@sentry/tracing';
+    import { onMount } from 'svelte';
+    import { onCLS, onFCP, onFID, onINP, onLCP, onTTFB } from 'web-vitals';
+    import Loading from './loading.svelte';
+    import { loading } from './store';
 
     if (browser) {
         window.VERCEL_ANALYTICS_ID = import.meta.env.VERCEL_ANALYTICS_ID?.toString() ?? false;
@@ -23,7 +25,7 @@
         /**
          * Reporting Web Vitals.
          */
-        if (!dev && window.VERCEL_ANALYTICS_ID) {
+        if (ENV.PROD && window.VERCEL_ANALYTICS_ID) {
             onCLS(reportWebVitals);
             onFID(reportWebVitals);
             onLCP(reportWebVitals);
@@ -32,15 +34,26 @@
             onTTFB(reportWebVitals);
         }
 
-        /**
-         * Sentry Error Logging
-         */
-        if (!dev) {
+        if (ENV.PROD) {
+            /**
+             * Sentry Error Logging
+             */
             Sentry.init({
                 dsn: 'https://c7ce178bdedd486480317b72f282fd39@o1063647.ingest.sentry.io/4504158071422976',
                 integrations: [new BrowserTracing()],
                 tracesSampleRate: 1.0
             });
+
+            /**
+             * LogRocket
+             */
+            if (isCloud && isTrackingAllowed()) {
+                LogRocket.init('rgthvf/appwrite', {
+                    dom: {
+                        inputSanitizer: true
+                    }
+                });
+            }
         }
 
         /**
@@ -59,7 +72,7 @@
                 }
                 loading.set(false);
             } else {
-                if (acceptedRoutes.includes($page.url.pathname)) {
+                if (acceptedRoutes.some((n) => $page.url.pathname.startsWith(n))) {
                     await goto(`${base}${$page.url.pathname}${$page.url.search}`);
                 } else {
                     await goto(`${base}/login`, {
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index e8ec15b77..de3611aee 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -1,7 +1,8 @@
 import '@appwrite.io/pink';
 import '@appwrite.io/pink-icons';
 import 'tippy.js/dist/tippy.css';
-import { sdkForConsole } from '$lib/stores/sdk';
+import LogRocket from 'logrocket';
+import { sdk } from '$lib/stores/sdk';
 import { redirect } from '@sveltejs/kit';
 import { Dependencies } from '$lib/constants';
 import type { LayoutLoad } from './$types';
@@ -11,11 +12,16 @@ export const ssr = false;
 export const load: LayoutLoad = async ({ depends, url }) => {
     depends(Dependencies.ACCOUNT);
     try {
-        const account = await sdkForConsole.account.get();
+        const account = await sdk.forConsole.account.get();
+
+        LogRocket.identify(account.$id, {
+            name: account.name,
+            email: account.email
+        });
 
         return {
             account,
-            organizations: sdkForConsole.teams.list()
+            organizations: sdk.forConsole.teams.list()
         };
     } catch (error) {
         const acceptedRoutes = [
@@ -28,7 +34,7 @@ export const load: LayoutLoad = async ({ depends, url }) => {
             '/auth/oauth2/failure'
         ];
 
-        if (!acceptedRoutes.includes(url.pathname)) {
+        if (!acceptedRoutes.some((n) => url.pathname.startsWith(n))) {
             throw redirect(303, '/login');
         }
     }
diff --git a/src/routes/console/+layout.svelte b/src/routes/console/+layout.svelte
index 8ceaba15b..870794b40 100644
--- a/src/routes/console/+layout.svelte
+++ b/src/routes/console/+layout.svelte
@@ -1,18 +1,19 @@
 <script lang="ts">
-    import Shell from '$lib/layout/shell.svelte';
-    import SideNavigation from '$lib/layout/navigation.svelte';
-    import Header from '$lib/layout/header.svelte';
-    import { newOrgModal } from '$lib/stores/organization';
-    import Create from './createOrganization.svelte';
-    import { page } from '$app/stores';
     import { beforeNavigate } from '$app/navigation';
-    import { wizard } from '$lib/stores/wizard';
+    import { page } from '$app/stores';
+    import { INTERVAL } from '$lib/constants';
     import { Logs } from '$lib/layout';
+    import Footer from '$lib/layout/footer.svelte';
+    import Header from '$lib/layout/header.svelte';
+    import SideNavigation from '$lib/layout/navigation.svelte';
+    import Shell from '$lib/layout/shell.svelte';
+    import { feedback } from '$lib/stores/app';
     import { log } from '$lib/stores/logs';
+    import { newOrgModal } from '$lib/stores/organization';
+    import { wizard } from '$lib/stores/wizard';
     import { onMount } from 'svelte';
     import { loading } from '../store';
-    import { feedback } from '$lib/stores/app';
-    import { INTERVAL } from '$lib/constants';
+    import Create from './createOrganization.svelte';
 
     onMount(() => {
         loading.set(false);
@@ -50,14 +51,10 @@
         !$page?.params.organization &&
         !$page.url.pathname.includes('/console/account') &&
         !$page.url.pathname.includes('/console/onboarding')}>
-    <svelte:fragment slot="header">
-        <Header />
-    </svelte:fragment>
-    <svelte:fragment slot="side">
-        <SideNavigation />
-    </svelte:fragment>
+    <Header slot="header" />
+    <SideNavigation slot="side" />
     <slot />
-    <footer class="main-footer" />
+    <Footer slot="footer" />
 </Shell>
 
 {#if $wizard.show && $wizard.component}
diff --git a/src/routes/console/+layout.ts b/src/routes/console/+layout.ts
new file mode 100644
index 000000000..65de11ecd
--- /dev/null
+++ b/src/routes/console/+layout.ts
@@ -0,0 +1,11 @@
+import { sdk } from '$lib/stores/sdk';
+import type { LayoutLoad } from './$types';
+
+export const load: LayoutLoad = async () => {
+    const response = await fetch(`${sdk.forConsole.client.config.endpoint}/health/version`);
+    const data = await response.json();
+
+    return {
+        version: data?.version ?? null
+    };
+};
diff --git a/src/routes/console/account/+page.svelte b/src/routes/console/account/+page.svelte
index b94dc86cc..b32240d16 100644
--- a/src/routes/console/account/+page.svelte
+++ b/src/routes/console/account/+page.svelte
@@ -4,7 +4,7 @@
     import { Container } from '$lib/layout';
     import { onMount } from 'svelte';
     import { user } from '$lib/stores/user';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { addNotification } from '$lib/stores/notifications';
     import { base } from '$app/paths';
     import Delete from './delete.svelte';
@@ -26,7 +26,7 @@
 
     async function updateName() {
         try {
-            await sdkForConsole.account.updateName(name);
+            await sdk.forConsole.account.updateName(name);
             invalidate(Dependencies.ACCOUNT);
             addNotification({
                 message: 'Name has been updated',
@@ -43,7 +43,7 @@
     }
     async function updateEmail() {
         try {
-            await sdkForConsole.account.updateEmail(email, emailPassword);
+            await sdk.forConsole.account.updateEmail(email, emailPassword);
             invalidate(Dependencies.ACCOUNT);
             addNotification({
                 message: 'Email has been updated',
@@ -61,7 +61,7 @@
 
     async function updatePassword() {
         try {
-            await sdkForConsole.account.updatePassword(newPassword, oldPassword);
+            await sdk.forConsole.account.updatePassword(newPassword, oldPassword);
             newPassword = oldPassword = null;
             addNotification({
                 message: 'Password has been updated',
@@ -79,9 +79,9 @@
 </script>
 
 <Container>
-    <Form on:submit={updateName}>
+    <Form onSubmit={updateName}>
         <CardGrid>
-            <Heading tag="h6" size="7">Update Name</Heading>
+            <Heading tag="h6" size="7">Name</Heading>
 
             <svelte:fragment slot="aside">
                 <ul>
@@ -94,9 +94,9 @@
             </svelte:fragment>
         </CardGrid>
     </Form>
-    <Form on:submit={updateEmail}>
+    <Form onSubmit={updateEmail}>
         <CardGrid>
-            <Heading tag="h6" size="7">Update Email</Heading>
+            <Heading tag="h6" size="7">Email</Heading>
 
             <svelte:fragment slot="aside">
                 <FormList>
@@ -122,9 +122,9 @@
             </svelte:fragment>
         </CardGrid>
     </Form>
-    <Form on:submit={updatePassword}>
+    <Form onSubmit={updatePassword}>
         <CardGrid>
-            <Heading tag="h6" size="7">Update Password</Heading>
+            <Heading tag="h6" size="7">Password</Heading>
             <p class="text">
                 Forgot your password? <a class="link" href={`${base}/recover`}
                     >Recover your password</a>
diff --git a/src/routes/console/account/activity/[[page]]/+page.svelte b/src/routes/console/account/activity/+page.svelte
similarity index 59%
rename from src/routes/console/account/activity/[[page]]/+page.svelte
rename to src/routes/console/account/activity/+page.svelte
index c7f2c38da..d3939555d 100644
--- a/src/routes/console/account/activity/[[page]]/+page.svelte
+++ b/src/routes/console/account/activity/+page.svelte
@@ -3,7 +3,6 @@
     import type { PageData } from './$types';
 
     export let data: PageData;
-    const path = '/console/account/activity';
 </script>
 
-<Activity {path} logs={data.logs} offset={data.offset} />
+<Activity {...data} />
diff --git a/src/routes/console/account/activity/+page.ts b/src/routes/console/account/activity/+page.ts
new file mode 100644
index 000000000..8b6fb15c3
--- /dev/null
+++ b/src/routes/console/account/activity/+page.ts
@@ -0,0 +1,17 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, pageToOffset } from '$lib/helpers/load';
+import { PAGE_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ url, route }) => {
+    const page = getPage(url);
+    const limit = getLimit(url, route, PAGE_LIMIT);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        logs: await sdk.forConsole.account.listLogs([Query.offset(offset), Query.limit(limit)])
+    };
+};
diff --git a/src/routes/console/account/activity/[[page]]/+page.ts b/src/routes/console/account/activity/[[page]]/+page.ts
deleted file mode 100644
index 6ac71de8d..000000000
--- a/src/routes/console/account/activity/[[page]]/+page.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForConsole } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { PAGE_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params }) => {
-    const page = Number(params.page);
-    const offset = pageToOffset(page, PAGE_LIMIT);
-
-    return {
-        offset,
-        logs: await sdkForConsole.account.listLogs([Query.offset(offset), Query.limit(PAGE_LIMIT)])
-    };
-};
diff --git a/src/routes/console/account/delete.svelte b/src/routes/console/account/delete.svelte
index cf981d4e9..139098292 100644
--- a/src/routes/console/account/delete.svelte
+++ b/src/routes/console/account/delete.svelte
@@ -5,13 +5,13 @@
     import { Dependencies } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
 
     export let showDelete = false;
 
     const deleteAccount = async () => {
         try {
-            await sdkForConsole.account.updateStatus();
+            await sdk.forConsole.account.updateStatus();
             showDelete = false;
             invalidate(Dependencies.ACCOUNT);
             addNotification({
@@ -29,7 +29,7 @@
     };
 </script>
 
-<Modal bind:show={showDelete} on:submit={deleteAccount} warning>
+<Modal bind:show={showDelete} onSubmit={deleteAccount} warning>
     <svelte:fragment slot="header">Delete Account</svelte:fragment>
     <p>Are you sure you want to delete your account?</p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/account/header.svelte b/src/routes/console/account/header.svelte
index d298924d8..71d54f3d3 100644
--- a/src/routes/console/account/header.svelte
+++ b/src/routes/console/account/header.svelte
@@ -7,7 +7,7 @@
     import { Button } from '$lib/elements/forms';
     import { isTabSelected } from '$lib/helpers/load';
     import { Cover, CoverTitle } from '$lib/layout';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { user } from '$lib/stores/user';
 
     const path = `/console/account`;
@@ -38,7 +38,7 @@
     ];
 
     async function logout() {
-        await sdkForConsole.account.deleteSession('current');
+        await sdk.forConsole.account.deleteSession('current');
         trackEvent(Submit.AccountLogout);
         await goto(`${base}/login`);
     }
diff --git a/src/routes/console/account/organizations/[[page]]/+page.svelte b/src/routes/console/account/organizations/+page.svelte
similarity index 82%
rename from src/routes/console/account/organizations/[[page]]/+page.svelte
rename to src/routes/console/account/organizations/+page.svelte
index 60d477e6e..99c580f9b 100644
--- a/src/routes/console/account/organizations/[[page]]/+page.svelte
+++ b/src/routes/console/account/organizations/+page.svelte
@@ -6,19 +6,19 @@
         Pagination,
         AvatarGroup,
         CardContainer,
-        Heading
+        Heading,
+        Limit
     } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
-    import CreateOrganization from '../../../createOrganization.svelte';
-    import { sdkForConsole } from '$lib/stores/sdk';
-    import { CARD_LIMIT } from '$lib/constants';
+    import CreateOrganization from '../../createOrganization.svelte';
+    import { sdk } from '$lib/stores/sdk';
     import type { PageData } from './$types';
 
     export let data: PageData;
 
     const getMemberships = async (teamId: string) => {
-        const memberships = await sdkForConsole.teams.listMemberships(teamId);
+        const memberships = await sdk.forConsole.teams.listMemberships(teamId);
         return memberships.memberships.map((team) => team.userName);
     };
 
@@ -67,12 +67,8 @@
         </Empty>
     {/if}
     <div class="u-flex u-margin-block-start-32 u-main-space-between">
-        <p class="text">Total results: {data.organizations.total}</p>
-        <Pagination
-            limit={CARD_LIMIT}
-            path="/console/account/organizations"
-            offset={data.offset}
-            sum={data.organizations.total} />
+        <Limit limit={data.limit} sum={data.organizations.total} name="Organizations" />
+        <Pagination limit={data.limit} offset={data.offset} sum={data.organizations.total} />
     </div>
 </Container>
 
diff --git a/src/routes/console/account/organizations/+page.ts b/src/routes/console/account/organizations/+page.ts
new file mode 100644
index 000000000..d80bc5036
--- /dev/null
+++ b/src/routes/console/account/organizations/+page.ts
@@ -0,0 +1,21 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, pageToOffset } from '$lib/helpers/load';
+import { CARD_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ url, route }) => {
+    const page = getPage(url);
+    const limit = getLimit(url, route, CARD_LIMIT);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        organizations: await sdk.forConsole.teams.list([
+            Query.offset(offset),
+            Query.limit(limit),
+            Query.orderDesc('$createdAt')
+        ])
+    };
+};
diff --git a/src/routes/console/account/organizations/[[page]]/+page.ts b/src/routes/console/account/organizations/[[page]]/+page.ts
deleted file mode 100644
index e51c4b146..000000000
--- a/src/routes/console/account/organizations/[[page]]/+page.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForConsole } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { CARD_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params }) => {
-    const page = Number(params.page);
-    const offset = pageToOffset(page, CARD_LIMIT);
-
-    return {
-        offset,
-        organizations: await sdkForConsole.teams.list([
-            Query.offset(offset),
-            Query.limit(CARD_LIMIT),
-            Query.orderDesc('$createdAt')
-        ])
-    };
-};
diff --git a/src/routes/console/account/sessions/[[page]]/+page.svelte b/src/routes/console/account/sessions/+page.svelte
similarity index 91%
rename from src/routes/console/account/sessions/[[page]]/+page.svelte
rename to src/routes/console/account/sessions/+page.svelte
index 5e6fd5787..b67215de8 100644
--- a/src/routes/console/account/sessions/[[page]]/+page.svelte
+++ b/src/routes/console/account/sessions/+page.svelte
@@ -12,7 +12,7 @@
         TableScroll
     } from '$lib/elements/table';
     import { Container } from '$lib/layout';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { goto, invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import type { Models } from '@aw-labs/appwrite-console';
@@ -23,11 +23,11 @@
     export let data: PageData;
 
     const getBrowser = (clientCode: string) => {
-        return sdkForConsole.avatars.getBrowser(clientCode, 40, 40);
+        return sdk.forConsole.avatars.getBrowser(clientCode, 40, 40);
     };
 
     const logout = async (session: Models.Session) => {
-        await sdkForConsole.account.deleteSession(session.$id);
+        await sdk.forConsole.account.deleteSession(session.$id);
         trackEvent(Submit.AccountDeleteSession);
         if (session.current) {
             await goto(`${base}/login`);
@@ -35,7 +35,7 @@
         invalidate(Dependencies.ACCOUNT_SESSIONS);
     };
     const logoutAll = async () => {
-        await sdkForConsole.account.deleteSessions();
+        await sdk.forConsole.account.deleteSessions();
         trackEvent(Submit.AccountDeleteAllSessions);
         await goto(`${base}/login`);
         invalidate(Dependencies.ACCOUNT_SESSIONS);
@@ -115,7 +115,7 @@
                     <Button
                         external
                         secondary
-                        href="https://appwrite.io/docs/server/auth?sdk=nodejs-default#usersGetsessions">
+                        href="https://appwrite.io/docs/client/account#accountCreateEmailSession">
                         Documentation
                     </Button>
                 </div>
@@ -124,6 +124,5 @@
     {/if}
     <div class="u-flex u-margin-block-start-32 u-main-space-between">
         <p class="text">Total results: {data.sessions.total}</p>
-        <!-- <Pagination limit={PAGE_LIMIT} offset={data.offset} sum={data.sessions.total} /> -->
     </div>
 </Container>
diff --git a/src/routes/console/account/sessions/[[page]]/+page.ts b/src/routes/console/account/sessions/+page.ts
similarity index 65%
rename from src/routes/console/account/sessions/[[page]]/+page.ts
rename to src/routes/console/account/sessions/+page.ts
index ed1eaba0f..6165d5472 100644
--- a/src/routes/console/account/sessions/[[page]]/+page.ts
+++ b/src/routes/console/account/sessions/+page.ts
@@ -1,11 +1,11 @@
 import { Dependencies } from '$lib/constants';
-import { sdkForConsole } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ depends }) => {
     depends(Dependencies.ACCOUNT_SESSIONS);
 
     return {
-        sessions: await sdkForConsole.account.listSessions()
+        sessions: await sdk.forConsole.account.listSessions()
     };
 };
diff --git a/src/routes/console/createOrganization.svelte b/src/routes/console/createOrganization.svelte
index 6fc75f52b..ab3c4ee22 100644
--- a/src/routes/console/createOrganization.svelte
+++ b/src/routes/console/createOrganization.svelte
@@ -3,7 +3,7 @@
     import { Pill } from '$lib/elements';
     import { InputText, Button, FormList } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { createEventDispatcher } from 'svelte';
     import { goto, invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
@@ -21,7 +21,7 @@
 
     const create = async () => {
         try {
-            const org = await sdkForConsole.teams.create(id ?? ID.unique(), name);
+            const org = await sdk.forConsole.teams.create(id ?? ID.unique(), name);
             await invalidate(Dependencies.ACCOUNT);
             dispatch('created');
             await goto(`/console/organization-${org.$id}`);
@@ -42,7 +42,7 @@
     };
 </script>
 
-<Modal {error} on:submit={create} size="big" bind:show>
+<Modal {error} onSubmit={create} size="big" bind:show>
     <svelte:fragment slot="header">Create New Organization</svelte:fragment>
     <FormList>
         <InputText
diff --git a/src/routes/console/onboarding/+page.svelte b/src/routes/console/onboarding/+page.svelte
index 83a4f8063..7f8cffad3 100644
--- a/src/routes/console/onboarding/+page.svelte
+++ b/src/routes/console/onboarding/+page.svelte
@@ -9,19 +9,17 @@
     import FormList from '$lib/elements/forms/formList.svelte';
     import { Container } from '$lib/layout';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { ID } from '@aw-labs/appwrite-console';
 
     let name: string;
     let id: string;
     let showCustomId = false;
-    let loading = false;
 
     async function createProject() {
         try {
-            loading = true;
             const org = await createOrganization();
-            const project = await sdkForConsole.projects.create(
+            const project = await sdk.forConsole.projects.create(
                 id ?? ID.unique(),
                 name,
                 org.$id,
@@ -34,7 +32,6 @@
                 teamId: org.$id
             });
         } catch (error) {
-            loading = false;
             addNotification({
                 message: error.message,
                 type: 'error'
@@ -44,20 +41,19 @@
     }
 
     async function createOrganization() {
-        return await sdkForConsole.teams.create(ID.unique(), 'Personal Projects');
+        return await sdk.forConsole.teams.create(ID.unique(), 'Personal Projects');
     }
 </script>
 
 <Container overlapCover size="large">
     <Card>
-        <Form on:submit={createProject}>
+        <Form onSubmit={createProject}>
             <FormList>
                 <InputText
                     id="name"
                     label="Project name"
                     placeholder="First Appwrite Project"
                     required
-                    disabled={loading}
                     bind:value={name} />
                 {#if !showCustomId}
                     <div>
@@ -70,7 +66,7 @@
                 {:else}
                     <CustomId bind:show={showCustomId} name="Project" bind:id />
                 {/if}
-                <Button fullWidth submit disabled={loading || name === ''} event="create_project">
+                <Button fullWidth submit disabled={name === ''} event="create_project">
                     Create project
                 </Button>
             </FormList>
diff --git a/src/routes/console/organization-[organization]/+layout.ts b/src/routes/console/organization-[organization]/+layout.ts
index 97de8b900..96da66f11 100644
--- a/src/routes/console/organization-[organization]/+layout.ts
+++ b/src/routes/console/organization-[organization]/+layout.ts
@@ -1,20 +1,19 @@
 import Header from './header.svelte';
 import Breadcrumbs from './breadcrumbs.svelte';
-import { sdkForConsole } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import type { LayoutLoad } from './$types';
 import { error } from '@sveltejs/kit';
 import { Dependencies } from '$lib/constants';
 
-export const load: LayoutLoad = async ({ params, parent, depends }) => {
-    await parent();
+export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.ORGANIZATION);
 
     try {
         return {
             header: Header,
             breadcrumbs: Breadcrumbs,
-            organization: await sdkForConsole.teams.get(params.organization),
-            members: await sdkForConsole.teams.listMemberships(params.organization)
+            organization: await sdk.forConsole.teams.get(params.organization),
+            members: await sdk.forConsole.teams.listMemberships(params.organization)
         };
     } catch (e) {
         localStorage.removeItem('organization');
diff --git a/src/routes/console/organization-[organization]/[[page]]/+page.svelte b/src/routes/console/organization-[organization]/+page.svelte
similarity index 88%
rename from src/routes/console/organization-[organization]/[[page]]/+page.svelte
rename to src/routes/console/organization-[organization]/+page.svelte
index b3150f59e..888056de7 100644
--- a/src/routes/console/organization-[organization]/[[page]]/+page.svelte
+++ b/src/routes/console/organization-[organization]/+page.svelte
@@ -1,13 +1,12 @@
 <script lang="ts">
     import { base } from '$app/paths';
     import { Pill } from '$lib/elements';
-    import { GridItem1, Heading, Empty, CardContainer, Pagination } from '$lib/components';
+    import { GridItem1, Heading, Empty, CardContainer, Pagination, Limit } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
-    import CreateProject from '../createProject.svelte';
-    import CreateOrganization from '../../createOrganization.svelte';
+    import CreateProject from './createProject.svelte';
+    import CreateOrganization from '../createOrganization.svelte';
     import type { PageData } from './$types';
-    import { CARD_LIMIT } from '$lib/constants';
     import { page } from '$app/stores';
 
     export let data: PageData;
@@ -96,12 +95,8 @@
         </Empty>
     {/if}
     <div class="u-flex u-margin-block-start-32 u-main-space-between">
-        <p class="text">Total results: {data.projects.total}</p>
-        <Pagination
-            path={`/console/organization-${$page.params.organization}`}
-            limit={CARD_LIMIT}
-            offset={data.offset}
-            sum={data.projects.total} />
+        <Limit limit={data.limit} sum={data.projects.total} name="Projects" />
+        <Pagination limit={data.limit} offset={data.offset} sum={data.projects.total} />
     </div>
 </Container>
 
diff --git a/src/routes/console/organization-[organization]/+page.ts b/src/routes/console/organization-[organization]/+page.ts
new file mode 100644
index 000000000..e5b5e6526
--- /dev/null
+++ b/src/routes/console/organization-[organization]/+page.ts
@@ -0,0 +1,22 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, pageToOffset } from '$lib/helpers/load';
+import { CARD_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, url, route }) => {
+    const page = getPage(url);
+    const limit = getLimit(url, route, CARD_LIMIT);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        projects: await sdk.forConsole.projects.list([
+            Query.offset(offset),
+            Query.limit(limit),
+            Query.equal('teamId', params.organization),
+            Query.orderDesc('$createdAt')
+        ])
+    };
+};
diff --git a/src/routes/console/organization-[organization]/[[page]]/+page.ts b/src/routes/console/organization-[organization]/[[page]]/+page.ts
deleted file mode 100644
index e6f6520c3..000000000
--- a/src/routes/console/organization-[organization]/[[page]]/+page.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForConsole } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { CARD_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params }) => {
-    const page = Number(params.page);
-    const offset = pageToOffset(page, CARD_LIMIT);
-
-    return {
-        offset,
-        projects: await sdkForConsole.projects.list([
-            Query.offset(offset),
-            Query.limit(CARD_LIMIT),
-            Query.equal('teamId', params.organization),
-            Query.orderDesc('$createdAt')
-        ])
-    };
-};
diff --git a/src/routes/console/organization-[organization]/createMember.svelte b/src/routes/console/organization-[organization]/createMember.svelte
index 1fec569ce..679f82d7d 100644
--- a/src/routes/console/organization-[organization]/createMember.svelte
+++ b/src/routes/console/organization-[organization]/createMember.svelte
@@ -3,7 +3,7 @@
     import { Modal } from '$lib/components';
     import { InputText, InputEmail, Button, FormList } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { createEventDispatcher } from 'svelte';
     import { organization } from '$lib/stores/organization';
     import { invalidate } from '$app/navigation';
@@ -19,7 +19,7 @@
 
     const create = async () => {
         try {
-            const team = await sdkForConsole.teams.createMembership(
+            const team = await sdk.forConsole.teams.createMembership(
                 $organization.$id,
                 email,
                 ['owner'],
@@ -47,7 +47,7 @@
     }
 </script>
 
-<Modal {error} size="big" bind:show={showCreate} on:submit={create}>
+<Modal {error} size="big" bind:show={showCreate} onSubmit={create}>
     <svelte:fragment slot="header">Invite Member</svelte:fragment>
     <FormList>
         <InputEmail
diff --git a/src/routes/console/organization-[organization]/createProject.svelte b/src/routes/console/organization-[organization]/createProject.svelte
index 288692efd..1caa4ed6a 100644
--- a/src/routes/console/organization-[organization]/createProject.svelte
+++ b/src/routes/console/organization-[organization]/createProject.svelte
@@ -5,7 +5,7 @@
     import { Pill } from '$lib/elements';
     import { InputText, Button, FormList } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { ID } from '@aw-labs/appwrite-console';
     import { createEventDispatcher } from 'svelte';
 
@@ -18,12 +18,10 @@
     let name: string;
     let showCustomId = false;
     let error: string;
-    let isCreating = false;
 
     async function create() {
         try {
-            isCreating = true;
-            const project = await sdkForConsole.projects.create(
+            const project = await sdk.forConsole.projects.create(
                 id ?? ID.unique(),
                 name,
                 teamId,
@@ -40,23 +38,16 @@
             });
             await goto(`/console/project-${project.$id}`);
         } catch (e) {
-            isCreating = false;
             error = e.message;
             trackError(e, Submit.ProjectCreate);
         }
     }
 </script>
 
-<Modal {error} on:submit={create} size="big" bind:show>
+<Modal {error} onSubmit={create} size="big" bind:show>
     <svelte:fragment slot="header">Create Project</svelte:fragment>
     <FormList>
-        <InputText
-            id="name"
-            label="Name"
-            bind:value={name}
-            required
-            autofocus={true}
-            disabled={isCreating} />
+        <InputText id="name" label="Name" bind:value={name} required autofocus={true} />
         {#if !showCustomId}
             <div>
                 <Pill button on:click={() => (showCustomId = !showCustomId)}>
@@ -71,6 +62,6 @@
     </FormList>
     <svelte:fragment slot="footer">
         <Button secondary on:click={() => (show = false)}>Cancel</Button>
-        <Button submit disabled={isCreating}>Create</Button>
+        <Button submit>Create</Button>
     </svelte:fragment>
 </Modal>
diff --git a/src/routes/console/organization-[organization]/deleteMember.svelte b/src/routes/console/organization-[organization]/deleteMember.svelte
index ac8613166..3e5eeb081 100644
--- a/src/routes/console/organization-[organization]/deleteMember.svelte
+++ b/src/routes/console/organization-[organization]/deleteMember.svelte
@@ -4,7 +4,7 @@
     import { Modal } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@aw-labs/appwrite-console';
     import { createEventDispatcher } from 'svelte';
     import { user } from '$lib/stores/user';
@@ -17,10 +17,10 @@
 
     const deleteMembership = async () => {
         try {
-            await sdkForConsole.teams.deleteMembership(selectedMember.teamId, selectedMember.$id);
+            await sdk.forConsole.teams.deleteMembership(selectedMember.teamId, selectedMember.$id);
 
             if (isUser) {
-                await sdkForConsole.account.deleteSession('current');
+                await sdk.forConsole.account.deleteSession('current');
                 await goto(`${base}/login`);
             } else {
                 dispatch('deleted');
@@ -43,11 +43,11 @@
     $: isUser = selectedMember?.userId === $user?.$id;
 </script>
 
-<Modal bind:show={showDelete} on:submit={deleteMembership} warning>
+<Modal bind:show={showDelete} onSubmit={deleteMembership} warning>
     <svelte:fragment slot="header">
         {isUser ? 'Leave Organization' : 'Delete Member'}
     </svelte:fragment>
-    <p>
+    <p data-private>
         {isUser
             ? `Are you sure you want to leave '${selectedMember?.teamName}'?`
             : `Are you sure you want to delete ${selectedMember?.userName} from '${selectedMember?.teamName}'?`}
diff --git a/src/routes/console/organization-[organization]/deleteOrganization.svelte b/src/routes/console/organization-[organization]/deleteOrganization.svelte
index a6dc3f020..49b3ebc5f 100644
--- a/src/routes/console/organization-[organization]/deleteOrganization.svelte
+++ b/src/routes/console/organization-[organization]/deleteOrganization.svelte
@@ -2,7 +2,7 @@
     import { Modal } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { organization, organizationList } from '$lib/stores/organization';
     import { goto, invalidate } from '$app/navigation';
     import { base } from '$app/paths';
@@ -13,7 +13,7 @@
 
     const deleteOrg = async () => {
         try {
-            await sdkForConsole.teams.delete($organization.$id);
+            await sdk.forConsole.teams.delete($organization.$id);
             addNotification({
                 type: 'success',
                 message: `${$organization.name} has been deleted`
@@ -37,7 +37,7 @@
     };
 </script>
 
-<Modal on:submit={deleteOrg} bind:show={showDelete} warning>
+<Modal onSubmit={deleteOrg} bind:show={showDelete} warning>
     <svelte:fragment slot="header">Delete Organization</svelte:fragment>
     <p>
         Are you sure you want to delete <b>{$organization.name}</b>? All projects ({$organization.total})
diff --git a/src/routes/console/organization-[organization]/header.svelte b/src/routes/console/organization-[organization]/header.svelte
index d7b7137ed..8f115ad1b 100644
--- a/src/routes/console/organization-[organization]/header.svelte
+++ b/src/routes/console/organization-[organization]/header.svelte
@@ -72,7 +72,9 @@
         </DropList>
         <div class="u-margin-inline-start-auto">
             <div class="u-flex u-gap-16">
-                <AvatarGroup size={40} {avatars} total={$members?.total ?? 0} />
+                <a href={`${path}/members`}>
+                    <AvatarGroup size={40} {avatars} total={$members?.total ?? 0} />
+                </a>
                 <Button secondary on:click={() => newMemberModal.set(true)}>
                     <span class="icon-plus" aria-hidden="true" />
                     <span class="text">Invite</span>
diff --git a/src/routes/console/organization-[organization]/members/[[page]]/+page.svelte b/src/routes/console/organization-[organization]/members/+page.svelte
similarity index 82%
rename from src/routes/console/organization-[organization]/members/[[page]]/+page.svelte
rename to src/routes/console/organization-[organization]/members/+page.svelte
index 939cef299..e59e4acd1 100644
--- a/src/routes/console/organization-[organization]/members/[[page]]/+page.svelte
+++ b/src/routes/console/organization-[organization]/members/+page.svelte
@@ -1,38 +1,37 @@
 <script lang="ts">
+    import { invalidate } from '$app/navigation';
+    import { page } from '$app/stores';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
+    import { AvatarInitials, Heading, Limit, Pagination } from '$lib/components';
+    import { Dependencies } from '$lib/constants';
+    import { Pill } from '$lib/elements';
+    import { Button } from '$lib/elements/forms';
     import {
-        TableHeader,
         TableBody,
-        TableCellHead,
         TableCell,
+        TableCellHead,
         TableCellText,
+        TableHeader,
         TableRow,
         TableScroll
     } from '$lib/elements/table';
-    import { AvatarInitials, Heading, Pagination } from '$lib/components';
-    import { Pill } from '$lib/elements';
-    import { Button } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
-    import { organization, members, newMemberModal } from '$lib/stores/organization';
-    import { sdkForConsole } from '$lib/stores/sdk';
-    import { page } from '$app/stores';
     import { addNotification } from '$lib/stores/notifications';
-    import { invalidate } from '$app/navigation';
-    import { Dependencies, PAGE_LIMIT } from '$lib/constants';
-    import Delete from '../../deleteMember.svelte';
+    import { members, newMemberModal, organization } from '$lib/stores/organization';
+    import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@aw-labs/appwrite-console';
     import type { PageData } from './$types';
-    import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import Delete from '../deleteMember.svelte';
 
     export let data: PageData;
 
     let selectedMember: Models.Membership;
     let showDelete = false;
-
     const url = `${$page.url.origin}/console/`;
     const deleted = () => invalidate(Dependencies.ACCOUNT);
     const resend = async (member: Models.Membership) => {
         try {
-            await sdkForConsole.teams.createMembership(
+            await sdk.forConsole.teams.createMembership(
                 $organization.$id,
                 member.userEmail,
                 member.roles,
@@ -69,7 +68,7 @@
             <TableHeader>
                 <TableCellHead width={140}>Name</TableCellHead>
                 <TableCellHead width={120}>Email</TableCellHead>
-                <TableCellHead width={90}>Role</TableCellHead>
+                <TableCellHead width={90} />
                 <TableCellHead width={30} />
             </TableHeader>
             <TableBody>
@@ -87,17 +86,14 @@
                             </div>
                         </TableCell>
                         <TableCellText title="Email">{member.userEmail}</TableCellText>
-                        <TableCell title="Roles">
+                        <TableCell>
                             {#if member.invited && !member.joined}
                                 <Button
                                     secondary
                                     event="invite_resend"
                                     on:click={() => resend(member)}>Resend</Button>
-                            {:else}
-                                {member.roles}
                             {/if}
                         </TableCell>
-
                         <TableCell>
                             <button
                                 class="button is-only-icon is-text"
@@ -115,12 +111,8 @@
             </TableBody>
         </TableScroll>
         <div class="u-flex u-margin-block-start-32 u-main-space-between">
-            <p class="text">Total results: {data.organizationMembers.total}</p>
-            <Pagination
-                offset={data.offset}
-                limit={PAGE_LIMIT}
-                path={`/console/organization-${$page.params.organization}/members`}
-                sum={data.members.total} />
+            <Limit limit={data.limit} sum={data.members.total} name="Members" />
+            <Pagination limit={data.limit} offset={data.offset} sum={data.members.total} />
         </div>
     {/if}
 </Container>
diff --git a/src/routes/console/organization-[organization]/members/+page.ts b/src/routes/console/organization-[organization]/members/+page.ts
new file mode 100644
index 000000000..778250c49
--- /dev/null
+++ b/src/routes/console/organization-[organization]/members/+page.ts
@@ -0,0 +1,20 @@
+import { PAGE_LIMIT } from '$lib/constants';
+import { getLimit, getPage, pageToOffset } from '$lib/helpers/load';
+import { sdk } from '$lib/stores/sdk';
+import { Query } from '@aw-labs/appwrite-console';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ url, params, route }) => {
+    const page = getPage(url);
+    const limit = getLimit(url, route, PAGE_LIMIT);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        organizationMembers: await sdk.forConsole.teams.listMemberships(params.organization, [
+            Query.limit(limit),
+            Query.offset(offset)
+        ])
+    };
+};
diff --git a/src/routes/console/organization-[organization]/members/[[page]]/+page.ts b/src/routes/console/organization-[organization]/members/[[page]]/+page.ts
deleted file mode 100644
index b827b1811..000000000
--- a/src/routes/console/organization-[organization]/members/[[page]]/+page.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { PAGE_LIMIT } from '$lib/constants';
-import { pageToOffset } from '$lib/helpers/load';
-import { sdkForConsole } from '$lib/stores/sdk';
-import { Query } from '@aw-labs/appwrite-console';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent }) => {
-    await parent();
-    const page = Number(params.page);
-    const offset = pageToOffset(page, PAGE_LIMIT);
-
-    return {
-        offset,
-        organizationMembers: await sdkForConsole.teams.listMemberships(params.organization, [
-            Query.limit(PAGE_LIMIT),
-            Query.offset(offset)
-        ])
-    };
-};
diff --git a/src/routes/console/organization-[organization]/settings/+page.svelte b/src/routes/console/organization-[organization]/settings/+page.svelte
index 0af80131b..3c49e296d 100644
--- a/src/routes/console/organization-[organization]/settings/+page.svelte
+++ b/src/routes/console/organization-[organization]/settings/+page.svelte
@@ -3,7 +3,7 @@
     import { InputText, Form, Button } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { members, organization } from '$lib/stores/organization';
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
@@ -20,7 +20,7 @@
 
     async function updateName() {
         try {
-            await sdkForConsole.teams.update($organization.$id, name);
+            await sdk.forConsole.teams.update($organization.$id, name);
             await invalidate(Dependencies.ORGANIZATION);
             addNotification({
                 message: 'Name has been updated',
@@ -41,9 +41,9 @@
 
 <Container>
     {#if $organization}
-        <Form on:submit={updateName}>
+        <Form onSubmit={updateName}>
             <CardGrid>
-                <Heading tag="h6" size="7">Update Name</Heading>
+                <Heading tag="h6" size="7">Name</Heading>
 
                 <svelte:fragment slot="aside">
                     <ul>
diff --git a/src/routes/console/project-[project]/+error.svelte b/src/routes/console/project-[project]/+error.svelte
index eaba0eba1..0dfcff9d1 100644
--- a/src/routes/console/project-[project]/+error.svelte
+++ b/src/routes/console/project-[project]/+error.svelte
@@ -6,5 +6,5 @@
 
 <Container>
     <Heading size="1" tag="h3">{$page.status}</Heading>
-    <Heading size="3" tag="h4">{$page.error.message}</Heading>
+    <p class="body-text-2 u-margin-block-start-4">{$page.error.message}</p>
 </Container>
diff --git a/src/routes/console/project-[project]/+layout.svelte b/src/routes/console/project-[project]/+layout.svelte
index 004daed0f..eb2816695 100644
--- a/src/routes/console/project-[project]/+layout.svelte
+++ b/src/routes/console/project-[project]/+layout.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
     import { UploadBox } from '$lib/components';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onDestroy, onMount } from 'svelte';
     import { stats } from './store';
 
     let unsubscribe: { (): void };
 
     onMount(() => {
-        unsubscribe = sdkForConsole.client.subscribe(['project', 'console'], (response) => {
+        unsubscribe = sdk.forConsole.client.subscribe(['project', 'console'], (response) => {
             if (response.events.includes('stats.connections')) {
                 for (const [projectId, value] of Object.entries(response.payload)) {
                     stats.add(projectId, [new Date(response.timestamp).toISOString(), value]);
diff --git a/src/routes/console/project-[project]/+layout.ts b/src/routes/console/project-[project]/+layout.ts
index a4cd803fe..f2747454a 100644
--- a/src/routes/console/project-[project]/+layout.ts
+++ b/src/routes/console/project-[project]/+layout.ts
@@ -1,23 +1,19 @@
 import { Dependencies } from '$lib/constants';
-import { sdkForConsole, sdkForProject, setProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import { error } from '@sveltejs/kit';
 import type { LayoutLoad } from './$types';
 
 export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.PROJECT);
 
-    if (sdkForProject.client.config.project !== params.project) {
-        setProject(params.project);
-    }
-
     try {
-        const project = await sdkForConsole.projects.get(params.project);
+        const project = await sdk.forConsole.projects.get(params.project);
         localStorage.setItem('project', project.$id);
         localStorage.setItem('organization', project.teamId);
 
         return {
             project,
-            organization: await sdkForConsole.teams.get(project.teamId)
+            organization: await sdk.forConsole.teams.get(project.teamId)
         };
     } catch (e) {
         throw error(e.code, e.message);
diff --git a/src/routes/console/project-[project]/auth/+layout.ts b/src/routes/console/project-[project]/auth/+layout.ts
index 12cc3f795..7db345058 100644
--- a/src/routes/console/project-[project]/auth/+layout.ts
+++ b/src/routes/console/project-[project]/auth/+layout.ts
@@ -2,9 +2,7 @@ import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
 import type { LayoutLoad } from './$types';
 
-export const load: LayoutLoad = async ({ parent }) => {
-    await parent();
-
+export const load: LayoutLoad = async () => {
     return {
         header: Header,
         breadcrumbs: Breadcrumbs
diff --git a/src/routes/console/project-[project]/auth/[[page]]/+page.svelte b/src/routes/console/project-[project]/auth/+page.svelte
similarity index 92%
rename from src/routes/console/project-[project]/auth/[[page]]/+page.svelte
rename to src/routes/console/project-[project]/auth/+page.svelte
index bab5b91f2..82708e6fb 100644
--- a/src/routes/console/project-[project]/auth/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/auth/+page.svelte
@@ -6,7 +6,8 @@
         Pagination,
         Copy,
         SearchQuery,
-        AvatarInitials
+        AvatarInitials,
+        Limit
     } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import {
@@ -23,8 +24,7 @@
     import { Container } from '$lib/layout';
     import { base } from '$app/paths';
     import { goto } from '$app/navigation';
-    import { PAGE_LIMIT } from '$lib/constants';
-    import Create from '../createUser.svelte';
+    import Create from './createUser.svelte';
     import type { Models } from '@aw-labs/appwrite-console';
     import type { PageData } from './$types';
 
@@ -32,9 +32,9 @@
 
     let showCreate = false;
     const projectId = $page.params.project;
-    const userCreated = async (event: CustomEvent<Models.User<Record<string, unknown>>>) => {
+    async function userCreated(event: CustomEvent<Models.User<Record<string, unknown>>>) {
         await goto(`${base}/console/project-${projectId}/auth/user-${event.detail.$id}`);
-    };
+    }
 </script>
 
 <Container>
@@ -111,12 +111,8 @@
             </TableBody>
         </Table>
         <div class="u-flex u-margin-block-start-32 u-main-space-between">
-            <p class="text">Total results: {data.users.total}</p>
-            <Pagination
-                offset={data.offset}
-                limit={PAGE_LIMIT}
-                sum={data.users.total}
-                path={`/console/project-${projectId}/auth`} />
+            <Limit limit={data.limit} sum={data.users.total} name="Users" />
+            <Pagination limit={data.limit} offset={data.offset} sum={data.users.total} />
         </div>
     {:else if data.search}
         <EmptySearch>
diff --git a/src/routes/console/project-[project]/auth/+page.ts b/src/routes/console/project-[project]/auth/+page.ts
new file mode 100644
index 000000000..badf0ca4e
--- /dev/null
+++ b/src/routes/console/project-[project]/auth/+page.ts
@@ -0,0 +1,23 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, getSearch, pageToOffset } from '$lib/helpers/load';
+import { PAGE_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ url, route }) => {
+    const page = getPage(url);
+    const search = getSearch(url);
+    const limit = getLimit(url, route, PAGE_LIMIT);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        search,
+        page,
+        users: await sdk.forProject.users.list(
+            [Query.limit(limit), Query.offset(offset), Query.orderDesc('$createdAt')],
+            search
+        )
+    };
+};
diff --git a/src/routes/console/project-[project]/auth/[[page]]/+page.ts b/src/routes/console/project-[project]/auth/[[page]]/+page.ts
deleted file mode 100644
index 132a73b2e..000000000
--- a/src/routes/console/project-[project]/auth/[[page]]/+page.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { PAGE_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent, url }) => {
-    await parent();
-    const page = Number(params.page);
-    const offset = pageToOffset(page, PAGE_LIMIT);
-    const search = url.search.slice(1) ?? undefined;
-
-    return {
-        offset,
-        search,
-        page,
-        users: await sdkForProject.users.list(
-            [Query.limit(PAGE_LIMIT), Query.offset(offset), Query.orderDesc('$createdAt')],
-            search
-        )
-    };
-};
diff --git a/src/routes/console/project-[project]/auth/appleOAuth.svelte b/src/routes/console/project-[project]/auth/appleOAuth.svelte
index d741025cc..c62ab4db4 100644
--- a/src/routes/console/project-[project]/auth/appleOAuth.svelte
+++ b/src/routes/console/project-[project]/auth/appleOAuth.svelte
@@ -3,7 +3,7 @@
     import { Modal, CopyInput, Alert } from '$lib/components';
     import { Button, InputText, InputTextarea, InputSwitch, FormList } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Provider } from '$lib/stores/oauth-providers';
     import { onMount } from 'svelte';
     import { invalidate } from '$app/navigation';
@@ -29,7 +29,7 @@
     const projectId = $page.params.project;
     const update = async () => {
         try {
-            await sdkForConsole.projects.updateOAuth2(
+            await sdk.forConsole.projects.updateOAuth2(
                 projectId,
                 provider.name.toLowerCase(),
                 appId,
@@ -57,7 +57,7 @@
     $: secret = keyID && teamID && p8 ? JSON.stringify({ keyID, teamID, p8 }) : provider.secret;
 </script>
 
-<Modal {error} on:submit={update} size="big" show on:close>
+<Modal {error} onSubmit={update} size="big" show on:close>
     <svelte:fragment slot="header">{provider.name} OAuth2 Settings</svelte:fragment>
     <FormList>
         <p>
@@ -84,7 +84,7 @@
             <p>URI</p>
             <CopyInput
                 value={`${
-                    sdkForConsole.client.config.endpoint
+                    sdk.forConsole.client.config.endpoint
                 }/account/sessions/oauth2/callback/${provider.name.toLocaleLowerCase()}/${projectId}`} />
         </div>
     </FormList>
diff --git a/src/routes/console/project-[project]/auth/auth0OAuth.svelte b/src/routes/console/project-[project]/auth/auth0OAuth.svelte
index a8a190cda..ff9bc2c32 100644
--- a/src/routes/console/project-[project]/auth/auth0OAuth.svelte
+++ b/src/routes/console/project-[project]/auth/auth0OAuth.svelte
@@ -2,7 +2,7 @@
     import { page } from '$app/stores';
     import { Modal, CopyInput, Alert } from '$lib/components';
     import { Button, InputPassword, InputText, InputSwitch, FormList } from '$lib/elements/forms';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Provider } from '$lib/stores/oauth-providers';
     import { addNotification } from '$lib/stores/notifications';
     import { onMount } from 'svelte';
@@ -27,7 +27,7 @@
     const projectId = $page.params.project;
     const update = async () => {
         try {
-            await sdkForConsole.projects.updateOAuth2(
+            await sdk.forConsole.projects.updateOAuth2(
                 projectId,
                 provider.name.toLowerCase(),
                 appId,
@@ -58,7 +58,7 @@
             : provider.secret;
 </script>
 
-<Modal {error} size="big" show on:submit={update} on:close>
+<Modal {error} size="big" show onSubmit={update} on:close>
     <svelte:fragment slot="header">{provider.name} OAuth2 Settings</svelte:fragment>
     <FormList>
         <p>
@@ -93,7 +93,7 @@
             <p>URI</p>
             <CopyInput
                 value={`${
-                    sdkForConsole.client.config.endpoint
+                    sdk.forConsole.client.config.endpoint
                 }/account/sessions/oauth2/callback/${provider.name.toLocaleLowerCase()}/${projectId}`} />
         </div>
     </FormList>
diff --git a/src/routes/console/project-[project]/auth/authentikOAuth.svelte b/src/routes/console/project-[project]/auth/authentikOAuth.svelte
index fa6929b10..d798177a5 100644
--- a/src/routes/console/project-[project]/auth/authentikOAuth.svelte
+++ b/src/routes/console/project-[project]/auth/authentikOAuth.svelte
@@ -2,7 +2,7 @@
     import { page } from '$app/stores';
     import { Modal, CopyInput, Alert } from '$lib/components';
     import { Button, InputPassword, InputText, InputSwitch, FormList } from '$lib/elements/forms';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Provider } from '$lib/stores/oauth-providers';
     import { addNotification } from '$lib/stores/notifications';
     import { onMount } from 'svelte';
@@ -27,7 +27,7 @@
     const projectId = $page.params.project;
     const update = async () => {
         try {
-            await sdkForConsole.projects.updateOAuth2(
+            await sdk.forConsole.projects.updateOAuth2(
                 projectId,
                 provider.name.toLowerCase(),
                 appId,
@@ -58,7 +58,7 @@
             : provider.secret;
 </script>
 
-<Modal {error} size="big" show on:submit={update} on:close>
+<Modal {error} size="big" show onSubmit={update} on:close>
     <svelte:fragment slot="header">{provider.name} OAuth2 Settings</svelte:fragment>
     <FormList>
         <p>
@@ -93,7 +93,7 @@
             <p>URI</p>
             <CopyInput
                 value={`${
-                    sdkForConsole.client.config.endpoint
+                    sdk.forConsole.client.config.endpoint
                 }/account/sessions/oauth2/callback/${provider.name.toLocaleLowerCase()}/${projectId}`} />
         </div>
     </FormList>
diff --git a/src/routes/console/project-[project]/auth/createTeam.svelte b/src/routes/console/project-[project]/auth/createTeam.svelte
index 73a109d13..0875e522c 100644
--- a/src/routes/console/project-[project]/auth/createTeam.svelte
+++ b/src/routes/console/project-[project]/auth/createTeam.svelte
@@ -4,7 +4,7 @@
     import { Pill } from '$lib/elements';
     import { InputText, Button, FormList } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { ID } from '@aw-labs/appwrite-console';
     import { createEventDispatcher } from 'svelte';
 
@@ -17,7 +17,7 @@
 
     const create = async () => {
         try {
-            const team = await sdkForProject.teams.create(id ?? ID.unique(), name);
+            const team = await sdk.forProject.teams.create(id ?? ID.unique(), name);
             name = '';
             showCreate = false;
             showCustomId = false;
@@ -41,7 +41,7 @@
     }
 </script>
 
-<Modal {error} size="big" bind:show={showCreate} on:submit={create}>
+<Modal {error} size="big" bind:show={showCreate} onSubmit={create}>
     <svelte:fragment slot="header">Create Team</svelte:fragment>
     <FormList>
         <InputText
diff --git a/src/routes/console/project-[project]/auth/createUser.svelte b/src/routes/console/project-[project]/auth/createUser.svelte
index 13e4108a3..bbd280f66 100644
--- a/src/routes/console/project-[project]/auth/createUser.svelte
+++ b/src/routes/console/project-[project]/auth/createUser.svelte
@@ -11,7 +11,7 @@
         FormList
     } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { ID } from '@aw-labs/appwrite-console';
     import { createEventDispatcher } from 'svelte';
 
@@ -25,7 +25,7 @@
 
     const create = async () => {
         try {
-            const user = await sdkForProject.users.create(
+            const user = await sdk.forProject.users.create(
                 id ?? ID.unique(),
                 mail,
                 phone,
@@ -58,7 +58,7 @@
     }
 </script>
 
-<Modal {error} size="big" bind:show={showCreate} on:submit={create}>
+<Modal {error} size="big" bind:show={showCreate} onSubmit={create}>
     <svelte:fragment slot="header">Create User</svelte:fragment>
     <FormList>
         <InputText
diff --git a/src/routes/console/project-[project]/auth/gitlabOAuth.svelte b/src/routes/console/project-[project]/auth/gitlabOAuth.svelte
index f01901f83..507c2eca9 100644
--- a/src/routes/console/project-[project]/auth/gitlabOAuth.svelte
+++ b/src/routes/console/project-[project]/auth/gitlabOAuth.svelte
@@ -2,7 +2,7 @@
     import { page } from '$app/stores';
     import { Modal, CopyInput, Alert } from '$lib/components';
     import { Button, InputPassword, InputText, InputSwitch, FormList } from '$lib/elements/forms';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Provider } from '$lib/stores/oauth-providers';
     import { addNotification } from '$lib/stores/notifications';
     import { onMount } from 'svelte';
@@ -27,7 +27,7 @@
     const projectId = $page.params.project;
     const update = async () => {
         try {
-            await sdkForConsole.projects.updateOAuth2(
+            await sdk.forConsole.projects.updateOAuth2(
                 projectId,
                 provider.name.toLowerCase(),
                 appId,
@@ -56,7 +56,7 @@
         clientSecret && endpoint ? JSON.stringify({ clientSecret, endpoint }) : provider.secret;
 </script>
 
-<Modal {error} size="big" show on:submit={update} on:close>
+<Modal {error} size="big" show onSubmit={update} on:close>
     <svelte:fragment slot="header">{provider.name} OAuth2 Settings</svelte:fragment>
     <FormList>
         <p>
@@ -91,7 +91,7 @@
             <p>URI</p>
             <CopyInput
                 value={`${
-                    sdkForConsole.client.config.endpoint
+                    sdk.forConsole.client.config.endpoint
                 }/account/sessions/oauth2/callback/${provider.name.toLocaleLowerCase()}/${projectId}`} />
         </div>
     </FormList>
diff --git a/src/routes/console/project-[project]/auth/mainOAuth.svelte b/src/routes/console/project-[project]/auth/mainOAuth.svelte
index 12b84ca97..c7a327a84 100644
--- a/src/routes/console/project-[project]/auth/mainOAuth.svelte
+++ b/src/routes/console/project-[project]/auth/mainOAuth.svelte
@@ -2,7 +2,7 @@
     import { page } from '$app/stores';
     import { Modal, CopyInput, Alert } from '$lib/components';
     import { Button, InputPassword, InputText, InputSwitch, FormList } from '$lib/elements/forms';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Provider } from '$lib/stores/oauth-providers';
     import { addNotification } from '$lib/stores/notifications';
     import { onMount } from 'svelte';
@@ -28,7 +28,7 @@
 
     const update = async () => {
         try {
-            await sdkForConsole.projects.updateOAuth2(
+            await sdk.forConsole.projects.updateOAuth2(
                 projectId,
                 provider.name.toLowerCase(),
                 appId,
@@ -54,7 +54,7 @@
     };
 </script>
 
-<Modal {error} size="big" show on:submit={update} on:close>
+<Modal {error} size="big" show onSubmit={update} on:close>
     <svelte:fragment slot="header">{provider.name} OAuth2 Settings</svelte:fragment>
     <FormList>
         <p>
@@ -84,7 +84,7 @@
             <p>URI</p>
             <CopyInput
                 value={`${
-                    sdkForConsole.client.config.endpoint
+                    sdk.forConsole.client.config.endpoint
                 }/account/sessions/oauth2/callback/${provider.name.toLocaleLowerCase()}/${projectId}`} />
         </div>
     </FormList>
diff --git a/src/routes/console/project-[project]/auth/microsoftOAuth.svelte b/src/routes/console/project-[project]/auth/microsoftOAuth.svelte
index 41dc6f1b2..d715c16b8 100644
--- a/src/routes/console/project-[project]/auth/microsoftOAuth.svelte
+++ b/src/routes/console/project-[project]/auth/microsoftOAuth.svelte
@@ -2,7 +2,7 @@
     import { page } from '$app/stores';
     import { Modal, CopyInput, Alert } from '$lib/components';
     import { Button, InputPassword, InputText, InputSwitch, FormList } from '$lib/elements/forms';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Provider } from '$lib/stores/oauth-providers';
     import { addNotification } from '$lib/stores/notifications';
     import { onMount } from 'svelte';
@@ -28,7 +28,7 @@
 
     const update = async () => {
         try {
-            await sdkForConsole.projects.updateOAuth2(
+            await sdk.forConsole.projects.updateOAuth2(
                 projectId,
                 provider.name.toLowerCase(),
                 appId,
@@ -57,7 +57,7 @@
         clientSecret && tenantID ? JSON.stringify({ clientSecret, tenantID }) : provider.secret;
 </script>
 
-<Modal {error} on:submit={update} size="big" show on:close>
+<Modal {error} onSubmit={update} size="big" show on:close>
     <svelte:fragment slot="header">{provider.name} OAuth2 Settings</svelte:fragment>
     <FormList>
         <p>
@@ -93,7 +93,7 @@
             <p>URI</p>
             <CopyInput
                 value={`${
-                    sdkForConsole.client.config.endpoint
+                    sdk.forConsole.client.config.endpoint
                 }/account/sessions/oauth2/callback/${provider.name.toLocaleLowerCase()}/${projectId}`} />
         </div>
     </FormList>
diff --git a/src/routes/console/project-[project]/auth/oktaOAuth.svelte b/src/routes/console/project-[project]/auth/oktaOAuth.svelte
index 39e3a3c04..4ebeb51ab 100644
--- a/src/routes/console/project-[project]/auth/oktaOAuth.svelte
+++ b/src/routes/console/project-[project]/auth/oktaOAuth.svelte
@@ -2,7 +2,7 @@
     import { page } from '$app/stores';
     import { Modal, CopyInput, Alert } from '$lib/components';
     import { Button, InputPassword, InputText, InputSwitch, FormList } from '$lib/elements/forms';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Provider } from '$lib/stores/oauth-providers';
     import { addNotification } from '$lib/stores/notifications';
     import { onMount } from 'svelte';
@@ -31,7 +31,7 @@
 
     const update = async () => {
         try {
-            await sdkForConsole.projects.updateOAuth2(
+            await sdk.forConsole.projects.updateOAuth2(
                 projectId,
                 provider.name.toLowerCase(),
                 appId,
@@ -62,7 +62,7 @@
             : provider.secret;
 </script>
 
-<Modal {error} on:submit={update} size="big" show on:close>
+<Modal {error} onSubmit={update} size="big" show on:close>
     <svelte:fragment slot="header">{provider.name} OAuth2 Settings</svelte:fragment>
     <FormList>
         <p>
@@ -103,7 +103,7 @@
             <p>URI</p>
             <CopyInput
                 value={`${
-                    sdkForConsole.client.config.endpoint
+                    sdk.forConsole.client.config.endpoint
                 }/account/sessions/oauth2/callback/${provider.name.toLocaleLowerCase()}/${projectId}`} />
         </div>
     </FormList>
diff --git a/src/routes/console/project-[project]/auth/security/updateSessionLength.svelte b/src/routes/console/project-[project]/auth/security/updateSessionLength.svelte
index 778ed6e0e..053fc4fea 100644
--- a/src/routes/console/project-[project]/auth/security/updateSessionLength.svelte
+++ b/src/routes/console/project-[project]/auth/security/updateSessionLength.svelte
@@ -6,7 +6,7 @@
     import { Button, InputNumber, InputSelect } from '$lib/elements/forms';
     import { createTimeUnitPair } from '$lib/helpers/unit';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { project } from '../../store';
 
     const projectId = $project.$id;
@@ -15,7 +15,7 @@
 
     async function updateSessionLength() {
         try {
-            await sdkForConsole.projects.updateAuthDuration(projectId, $baseValue);
+            await sdk.forConsole.projects.updateAuthDuration(projectId, $baseValue);
             invalidate(Dependencies.PROJECT);
 
             addNotification({
diff --git a/src/routes/console/project-[project]/auth/security/updateSessionsLimit.svelte b/src/routes/console/project-[project]/auth/security/updateSessionsLimit.svelte
index 46e8e3f3d..f85374284 100644
--- a/src/routes/console/project-[project]/auth/security/updateSessionsLimit.svelte
+++ b/src/routes/console/project-[project]/auth/security/updateSessionsLimit.svelte
@@ -3,7 +3,7 @@
     import { CardGrid, Heading } from '$lib/components';
     import { Button, Form, InputNumber } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { project } from '../../store';
 
     const projectId = $project.$id;
@@ -12,7 +12,7 @@
 
     async function updateSessionsLimit() {
         try {
-            await sdkForConsole.projects.updateAuthSessionsLimit(projectId, maxSessions);
+            await sdk.forConsole.projects.updateAuthSessionsLimit(projectId, maxSessions);
 
             addNotification({
                 type: 'success',
@@ -29,7 +29,7 @@
     }
 </script>
 
-<Form on:submit={updateSessionsLimit}>
+<Form onSubmit={updateSessionsLimit}>
     <CardGrid>
         <Heading tag="h2" size="6">Sessions Limit</Heading>
         <p>Maximum number of active sessions allowed per user.</p>
diff --git a/src/routes/console/project-[project]/auth/security/updateUsersLimit.svelte b/src/routes/console/project-[project]/auth/security/updateUsersLimit.svelte
index 807630fdb..3e0dade55 100644
--- a/src/routes/console/project-[project]/auth/security/updateUsersLimit.svelte
+++ b/src/routes/console/project-[project]/auth/security/updateUsersLimit.svelte
@@ -7,7 +7,7 @@
     import { Button } from '$lib/elements/forms';
     import { clickOnEnter } from '$lib/helpers/a11y';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { project } from '../../store';
 
     const projectId = $project.$id;
@@ -31,7 +31,7 @@
     async function updateLimit() {
         submitting = true;
         try {
-            await sdkForConsole.projects.updateAuthLimit(projectId, isLimited ? newLimit : 0);
+            await sdk.forConsole.projects.updateAuthLimit(projectId, isLimited ? newLimit : 0);
             invalidate(Dependencies.PROJECT).then(() => (submitting = false));
             addNotification({
                 type: 'success',
diff --git a/src/routes/console/project-[project]/auth/settings/+page.svelte b/src/routes/console/project-[project]/auth/settings/+page.svelte
index 78786f524..c40d7934e 100644
--- a/src/routes/console/project-[project]/auth/settings/+page.svelte
+++ b/src/routes/console/project-[project]/auth/settings/+page.svelte
@@ -4,7 +4,7 @@
     import { InputSwitch } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { project } from '../../store';
     import { authMethods, type AuthMethod } from '$lib/stores/auth-methods';
     import { OAuthProviders } from '$lib/stores/oauth-providers';
@@ -22,7 +22,7 @@
 
     async function authUpdate(box: AuthMethod) {
         try {
-            await sdkForConsole.projects.updateAuthStatus(projectId, box.method, box.value);
+            await sdk.forConsole.projects.updateAuthStatus(projectId, box.method, box.value);
             addNotification({
                 type: 'success',
                 message: `${box.label} authentication has been ${
diff --git a/src/routes/console/project-[project]/auth/teams/[[page]]/+page.svelte b/src/routes/console/project-[project]/auth/teams/+page.svelte
similarity index 86%
rename from src/routes/console/project-[project]/auth/teams/[[page]]/+page.svelte
rename to src/routes/console/project-[project]/auth/teams/+page.svelte
index 3d88b3544..bc0e643a3 100644
--- a/src/routes/console/project-[project]/auth/teams/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/auth/teams/+page.svelte
@@ -10,15 +10,21 @@
         TableCell
     } from '$lib/elements/table';
     import { Button } from '$lib/elements/forms';
-    import { Empty, EmptySearch, AvatarInitials, Pagination, SearchQuery } from '$lib/components';
-    import Create from '../../createTeam.svelte';
+    import {
+        Empty,
+        EmptySearch,
+        AvatarInitials,
+        Pagination,
+        SearchQuery,
+        Limit
+    } from '$lib/components';
+    import Create from '../createTeam.svelte';
     import { goto } from '$app/navigation';
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { Container } from '$lib/layout';
     import { base } from '$app/paths';
     import type { Models } from '@aw-labs/appwrite-console';
     import type { PageData } from './$types';
-    import { PAGE_LIMIT } from '$lib/constants';
 
     export let data: PageData;
 
@@ -63,12 +69,8 @@
             </TableBody>
         </Table>
         <div class="u-flex u-margin-block-start-32 u-main-space-between">
-            <p class="text">Total results: {data.teams.total}</p>
-            <Pagination
-                limit={PAGE_LIMIT}
-                path={`/console/project-${$page.params.project}/auth/teams`}
-                offset={data.offset}
-                sum={data.teams.total} />
+            <Limit limit={data.limit} sum={data.teams.total} name="Teams" />
+            <Pagination limit={data.limit} offset={data.offset} sum={data.teams.total} />
         </div>
     {:else if data.search}
         <EmptySearch>
diff --git a/src/routes/console/project-[project]/auth/teams/+page.ts b/src/routes/console/project-[project]/auth/teams/+page.ts
new file mode 100644
index 000000000..42b4f5c1c
--- /dev/null
+++ b/src/routes/console/project-[project]/auth/teams/+page.ts
@@ -0,0 +1,23 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, getSearch, pageToOffset } from '$lib/helpers/load';
+import { PAGE_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ url, route }) => {
+    const page = getPage(url);
+    const search = getSearch(url);
+    const limit = getLimit(url, route, PAGE_LIMIT);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        search,
+        page,
+        teams: await sdk.forProject.teams.list(
+            [Query.limit(limit), Query.offset(offset), Query.orderDesc('$createdAt')],
+            search
+        )
+    };
+};
diff --git a/src/routes/console/project-[project]/auth/teams/[[page]]/+page.ts b/src/routes/console/project-[project]/auth/teams/[[page]]/+page.ts
deleted file mode 100644
index dfd5d40df..000000000
--- a/src/routes/console/project-[project]/auth/teams/[[page]]/+page.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { PAGE_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent, url }) => {
-    await parent();
-    const page = Number(params.page);
-    const offset = pageToOffset(page, PAGE_LIMIT);
-    const search = url.search.slice(1) ?? undefined;
-
-    return {
-        offset,
-        search,
-        page,
-        teams: await sdkForProject.teams.list(
-            [Query.limit(PAGE_LIMIT), Query.offset(offset), Query.orderDesc('$createdAt')],
-            search
-        )
-    };
-};
diff --git a/src/routes/console/project-[project]/auth/teams/team-[team]/+layout.ts b/src/routes/console/project-[project]/auth/teams/team-[team]/+layout.ts
index f7b8997b6..9859dfe08 100644
--- a/src/routes/console/project-[project]/auth/teams/team-[team]/+layout.ts
+++ b/src/routes/console/project-[project]/auth/teams/team-[team]/+layout.ts
@@ -1,18 +1,17 @@
 import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
-import { sdkForProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import type { LayoutLoad } from './$types';
 import { Dependencies } from '$lib/constants';
 import { error } from '@sveltejs/kit';
 
-export const load: LayoutLoad = async ({ params, parent, depends }) => {
-    await parent();
+export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.TEAM);
     try {
         return {
             header: Header,
             breadcrumbs: Breadcrumbs,
-            team: await sdkForProject.teams.get(params.team)
+            team: await sdk.forProject.teams.get(params.team)
         };
     } catch (e) {
         throw error(e.code, e.message);
diff --git a/src/routes/console/project-[project]/auth/teams/team-[team]/+page.svelte b/src/routes/console/project-[project]/auth/teams/team-[team]/+page.svelte
index 10dd00347..b7e60e08d 100644
--- a/src/routes/console/project-[project]/auth/teams/team-[team]/+page.svelte
+++ b/src/routes/console/project-[project]/auth/teams/team-[team]/+page.svelte
@@ -4,7 +4,7 @@
     import { CardGrid, Box, Heading, AvatarInitials } from '$lib/components';
     import { Container } from '$lib/layout';
     import { Button, InputText, Form } from '$lib/elements/forms';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { addNotification } from '$lib/stores/notifications';
     import { team } from './store';
@@ -22,7 +22,7 @@
 
     async function updateName() {
         try {
-            await sdkForProject.teams.update($page.params.team, teamName);
+            await sdk.forProject.teams.update($page.params.team, teamName);
             invalidate(Dependencies.TEAM);
             addNotification({
                 message: 'Name has been updated',
@@ -55,9 +55,9 @@
         </svelte:fragment>
     </CardGrid>
 
-    <Form on:submit={updateName}>
+    <Form onSubmit={updateName}>
         <CardGrid>
-            <Heading tag="h6" size="7">Update Name</Heading>
+            <Heading tag="h6" size="7">Name</Heading>
 
             <svelte:fragment slot="aside">
                 <ul>
@@ -78,7 +78,7 @@
 
     <CardGrid danger>
         <div>
-            <Heading tag="h6" size="7">Danger Zone</Heading>
+            <Heading tag="h6" size="7">Delete Team</Heading>
         </div>
 
         <p>
diff --git a/src/routes/console/project-[project]/auth/teams/team-[team]/activity/+page.svelte b/src/routes/console/project-[project]/auth/teams/team-[team]/activity/+page.svelte
new file mode 100644
index 000000000..f805a79f0
--- /dev/null
+++ b/src/routes/console/project-[project]/auth/teams/team-[team]/activity/+page.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+    import type { PageData } from './$types';
+    import { Activity } from '$lib/layout';
+
+    export let data: PageData;
+</script>
+
+<Activity {...data} />
diff --git a/src/routes/console/project-[project]/auth/teams/team-[team]/activity/+page.ts b/src/routes/console/project-[project]/auth/teams/team-[team]/activity/+page.ts
new file mode 100644
index 000000000..ea9009d74
--- /dev/null
+++ b/src/routes/console/project-[project]/auth/teams/team-[team]/activity/+page.ts
@@ -0,0 +1,20 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, pageToOffset } from '$lib/helpers/load';
+import { PAGE_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, url, route }) => {
+    const page = getPage(url);
+    const limit = getLimit(url, route, PAGE_LIMIT);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        logs: await sdk.forProject.teams.listLogs(params.team, [
+            Query.limit(limit),
+            Query.offset(offset)
+        ])
+    };
+};
diff --git a/src/routes/console/project-[project]/auth/teams/team-[team]/activity/[[page]]/+page.svelte b/src/routes/console/project-[project]/auth/teams/team-[team]/activity/[[page]]/+page.svelte
deleted file mode 100644
index 3647857fd..000000000
--- a/src/routes/console/project-[project]/auth/teams/team-[team]/activity/[[page]]/+page.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-    import type { PageData } from './$types';
-    import { page } from '$app/stores';
-    import { Activity } from '$lib/layout';
-
-    export let data: PageData;
-    const path = `/console/project-${$page.params.project}/auth/teams/team-${$page.params.team}/activity`;
-</script>
-
-<Activity {path} logs={data.logs} offset={data.offset} />
diff --git a/src/routes/console/project-[project]/auth/teams/team-[team]/activity/[[page]]/+page.ts b/src/routes/console/project-[project]/auth/teams/team-[team]/activity/[[page]]/+page.ts
deleted file mode 100644
index a3a5fa8d0..000000000
--- a/src/routes/console/project-[project]/auth/teams/team-[team]/activity/[[page]]/+page.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { PAGE_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent }) => {
-    await parent();
-    const page = Number(params.page);
-    const offset = pageToOffset(page, PAGE_LIMIT);
-
-    return {
-        offset,
-        logs: await sdkForProject.teams.listLogs(params.team, [
-            Query.limit(PAGE_LIMIT),
-            Query.offset(offset)
-        ])
-    };
-};
diff --git a/src/routes/console/project-[project]/auth/teams/team-[team]/createMembership.svelte b/src/routes/console/project-[project]/auth/teams/team-[team]/createMembership.svelte
index d7b50dfb1..fb6e9fe49 100644
--- a/src/routes/console/project-[project]/auth/teams/team-[team]/createMembership.svelte
+++ b/src/routes/console/project-[project]/auth/teams/team-[team]/createMembership.svelte
@@ -4,7 +4,7 @@
     import { Modal, Alert } from '$lib/components';
     import { Button, InputEmail, InputText, InputTags, FormList } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { createEventDispatcher } from 'svelte';
 
     export let showCreate = false;
@@ -19,7 +19,7 @@
         const url = `${$page.url.origin}/console/project-${$page.params.project}/auth/teams/team-${$page.params.team}/members`;
 
         try {
-            const user = await sdkForProject.teams.createMembership(
+            const user = await sdk.forProject.teams.createMembership(
                 teamId,
                 email,
                 roles,
@@ -42,7 +42,7 @@
     };
 </script>
 
-<Modal {error} on:submit={create} size="big" bind:show={showCreate}>
+<Modal {error} onSubmit={create} size="big" bind:show={showCreate}>
     <svelte:fragment slot="header">Create Membership</svelte:fragment>
     <FormList>
         <InputEmail
diff --git a/src/routes/console/project-[project]/auth/teams/team-[team]/deleteMembership.svelte b/src/routes/console/project-[project]/auth/teams/team-[team]/deleteMembership.svelte
index e6ff3ca9f..34ff901db 100644
--- a/src/routes/console/project-[project]/auth/teams/team-[team]/deleteMembership.svelte
+++ b/src/routes/console/project-[project]/auth/teams/team-[team]/deleteMembership.svelte
@@ -6,7 +6,7 @@
     import { Modal } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@aw-labs/appwrite-console';
     import { createEventDispatcher } from 'svelte';
 
@@ -17,7 +17,7 @@
 
     const deleteMembership = async () => {
         try {
-            await sdkForProject.teams.deleteMembership(
+            await sdk.forProject.teams.deleteMembership(
                 selectedMembership.teamId,
                 selectedMembership.$id
             );
@@ -37,9 +37,9 @@
     };
 </script>
 
-<Modal bind:show={showDelete} on:submit={deleteMembership} warning>
+<Modal bind:show={showDelete} onSubmit={deleteMembership} warning>
     <svelte:fragment slot="header">Delete Member</svelte:fragment>
-    <p>
+    <p data-private>
         Are you sure you want to delete <b>{selectedMembership.userName}</b> from '{selectedMembership.teamName}'?
     </p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/auth/teams/team-[team]/deleteTeam.svelte b/src/routes/console/project-[project]/auth/teams/team-[team]/deleteTeam.svelte
index 32bccf712..bf99459eb 100644
--- a/src/routes/console/project-[project]/auth/teams/team-[team]/deleteTeam.svelte
+++ b/src/routes/console/project-[project]/auth/teams/team-[team]/deleteTeam.svelte
@@ -6,7 +6,7 @@
     import { Modal } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@aw-labs/appwrite-console';
 
     export let showDelete = false;
@@ -14,7 +14,7 @@
 
     const deleteTeam = async () => {
         try {
-            await sdkForProject.teams.delete(team.$id);
+            await sdk.forProject.teams.delete(team.$id);
             showDelete = false;
             trackEvent(Submit.TeamDelete);
             await goto(`${base}/console/project-${$page.params.project}/auth/teams`);
@@ -28,10 +28,9 @@
     };
 </script>
 
-<Modal bind:show={showDelete} on:submit={deleteTeam} warning>
+<Modal bind:show={showDelete} onSubmit={deleteTeam} warning>
     <svelte:fragment slot="header">Delete Team</svelte:fragment>
-
-    <p>
+    <p data-private>
         Are you sure you want to delete <b>{team.name}</b>?
     </p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/auth/teams/team-[team]/members/[[page]]/+page.svelte b/src/routes/console/project-[project]/auth/teams/team-[team]/members/+page.svelte
similarity index 87%
rename from src/routes/console/project-[project]/auth/teams/team-[team]/members/[[page]]/+page.svelte
rename to src/routes/console/project-[project]/auth/teams/team-[team]/members/+page.svelte
index e2c29e12e..f7518114c 100644
--- a/src/routes/console/project-[project]/auth/teams/team-[team]/members/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/auth/teams/team-[team]/members/+page.svelte
@@ -1,6 +1,13 @@
 <script lang="ts">
     import { page } from '$app/stores';
-    import { Empty, EmptySearch, AvatarInitials, Pagination, SearchQuery } from '$lib/components';
+    import {
+        Empty,
+        EmptySearch,
+        AvatarInitials,
+        Pagination,
+        SearchQuery,
+        Limit
+    } from '$lib/components';
     import {
         Table,
         TableHeader,
@@ -17,9 +24,9 @@
     import { base } from '$app/paths';
     import { toLocaleDateTime } from '$lib/helpers/date';
     import type { PageData } from './$types';
-    import CreateMember from '../../createMembership.svelte';
-    import DeleteMembership from '../../deleteMembership.svelte';
-    import { Dependencies, PAGE_LIMIT } from '$lib/constants';
+    import CreateMember from '../createMembership.svelte';
+    import DeleteMembership from '../deleteMembership.svelte';
+    import { Dependencies } from '$lib/constants';
     import { trackEvent } from '$lib/actions/analytics';
 
     export let data: PageData;
@@ -81,12 +88,8 @@
             </TableBody>
         </Table>
         <div class="u-flex u-margin-block-start-32 u-main-space-between">
-            <p class="text">Total results: {data.memberships.total}</p>
-            <Pagination
-                limit={PAGE_LIMIT}
-                path={`/console/project-${$page.params.project}/auth/teams/team-${$page.params.team}/members`}
-                offset={data.offset}
-                sum={data.memberships.total} />
+            <Limit limit={data.limit} sum={data.memberships.total} name="Memberships" />
+            <Pagination limit={data.limit} offset={data.offset} sum={data.memberships.total} />
         </div>
     {:else if data.search}
         <EmptySearch>
diff --git a/src/routes/console/project-[project]/auth/teams/team-[team]/members/+page.ts b/src/routes/console/project-[project]/auth/teams/team-[team]/members/+page.ts
new file mode 100644
index 000000000..e8e342b84
--- /dev/null
+++ b/src/routes/console/project-[project]/auth/teams/team-[team]/members/+page.ts
@@ -0,0 +1,25 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, getSearch, pageToOffset } from '$lib/helpers/load';
+import { Dependencies, PAGE_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, depends, url, route }) => {
+    depends(Dependencies.MEMBERSHIPS);
+    const teamId = params.team;
+    const page = getPage(url);
+    const search = getSearch(url);
+    const limit = getLimit(url, route, PAGE_LIMIT);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        search,
+        limit,
+        memberships: await sdk.forProject.teams.listMemberships(
+            teamId,
+            [Query.limit(limit), Query.offset(offset), Query.orderDesc('$createdAt')],
+            search
+        )
+    };
+};
diff --git a/src/routes/console/project-[project]/auth/teams/team-[team]/members/[[page]]/+page.ts b/src/routes/console/project-[project]/auth/teams/team-[team]/members/[[page]]/+page.ts
deleted file mode 100644
index 38c6fd930..000000000
--- a/src/routes/console/project-[project]/auth/teams/team-[team]/members/[[page]]/+page.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { Dependencies, PAGE_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent, depends, url }) => {
-    await parent();
-    depends(Dependencies.MEMBERSHIPS);
-    const teamId = params.team;
-    const page = Number(params.page);
-    const offset = pageToOffset(page, PAGE_LIMIT);
-    const search = url.search.slice(1) ?? undefined;
-
-    return {
-        offset,
-        search,
-        memberships: await sdkForProject.teams.listMemberships(
-            teamId,
-            [Query.limit(PAGE_LIMIT), Query.offset(offset), Query.orderDesc('$createdAt')],
-            search
-        )
-    };
-};
diff --git a/src/routes/console/project-[project]/auth/usage/[[period]]/+page.ts b/src/routes/console/project-[project]/auth/usage/[[period]]/+page.ts
index fbc99f708..063aa0ba2 100644
--- a/src/routes/console/project-[project]/auth/usage/[[period]]/+page.ts
+++ b/src/routes/console/project-[project]/auth/usage/[[period]]/+page.ts
@@ -1,16 +1,20 @@
 import type { Models } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
+import { error } from '@sveltejs/kit';
 
-export const load: PageLoad = async ({ params, parent }) => {
-    await parent();
+export const load: PageLoad = async ({ params }) => {
     const { period } = params;
-    const response = await sdkForProject.users.getUsage(period ?? '30d');
-    return {
-        count: response.usersCount as unknown as Models.Metric[],
-        created: response.usersCreate as unknown as Models.Metric[],
-        read: response.usersRead as unknown as Models.Metric[],
-        updated: response.usersUpdate as unknown as Models.Metric[],
-        deleted: response.usersDelete as unknown as Models.Metric[]
-    };
+    try {
+        const response = await sdk.forProject.users.getUsage(period ?? '30d');
+        return {
+            count: response.usersCount as unknown as Models.Metric[],
+            created: response.usersCreate as unknown as Models.Metric[],
+            read: response.usersRead as unknown as Models.Metric[],
+            updated: response.usersUpdate as unknown as Models.Metric[],
+            deleted: response.usersDelete as unknown as Models.Metric[]
+        };
+    } catch (err) {
+        throw error(err.code, err.message);
+    }
 };
diff --git a/src/routes/console/project-[project]/auth/user-[user]/+layout.ts b/src/routes/console/project-[project]/auth/user-[user]/+layout.ts
index 2cbe498c2..64adc0d20 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/+layout.ts
+++ b/src/routes/console/project-[project]/auth/user-[user]/+layout.ts
@@ -1,19 +1,18 @@
 import type { LayoutLoad } from './$types';
 import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
-import { sdkForProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import { Dependencies } from '$lib/constants';
 import { error } from '@sveltejs/kit';
 
-export const load: LayoutLoad = async ({ params, parent, depends }) => {
-    await parent();
+export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.USER);
 
     try {
         return {
             header: Header,
             breadcrumbs: Breadcrumbs,
-            user: await sdkForProject.users.get(params.user)
+            user: await sdk.forProject.users.get(params.user)
         };
     } catch (e) {
         throw error(e.code, e.message);
diff --git a/src/routes/console/project-[project]/auth/user-[user]/activity/+page.svelte b/src/routes/console/project-[project]/auth/user-[user]/activity/+page.svelte
new file mode 100644
index 000000000..4870c8b9b
--- /dev/null
+++ b/src/routes/console/project-[project]/auth/user-[user]/activity/+page.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+    import type { PageData } from './$types';
+    import { Activity } from '$lib/layout';
+
+    export let data: PageData;
+</script>
+
+<Activity logs={data.logs} offset={data.offset} />
diff --git a/src/routes/console/project-[project]/auth/user-[user]/activity/+page.ts b/src/routes/console/project-[project]/auth/user-[user]/activity/+page.ts
new file mode 100644
index 000000000..168f3add5
--- /dev/null
+++ b/src/routes/console/project-[project]/auth/user-[user]/activity/+page.ts
@@ -0,0 +1,19 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, pageToOffset } from '$lib/helpers/load';
+import { PAGE_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, url, route }) => {
+    const page = getPage(url);
+    const limit = getLimit(url, route, PAGE_LIMIT);
+    const offset = pageToOffset(page, limit);
+    return {
+        offset,
+        limit,
+        logs: await sdk.forProject.users.listLogs(params.user, [
+            Query.limit(limit),
+            Query.offset(offset)
+        ])
+    };
+};
diff --git a/src/routes/console/project-[project]/auth/user-[user]/activity/[[page]]/+page.svelte b/src/routes/console/project-[project]/auth/user-[user]/activity/[[page]]/+page.svelte
deleted file mode 100644
index f703612b7..000000000
--- a/src/routes/console/project-[project]/auth/user-[user]/activity/[[page]]/+page.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-    import type { PageData } from './$types';
-    import { page } from '$app/stores';
-    import { Activity } from '$lib/layout';
-
-    export let data: PageData;
-    const path = `/console/project-${$page.params.project}/auth/user-${$page.params.user}/activity`;
-</script>
-
-<Activity {path} logs={data.logs} offset={data.offset} />
diff --git a/src/routes/console/project-[project]/auth/user-[user]/activity/[[page]]/+page.ts b/src/routes/console/project-[project]/auth/user-[user]/activity/[[page]]/+page.ts
deleted file mode 100644
index 829f37d4a..000000000
--- a/src/routes/console/project-[project]/auth/user-[user]/activity/[[page]]/+page.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { PAGE_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent }) => {
-    await parent();
-    const page = Number(params.page);
-    const offset = pageToOffset(page, PAGE_LIMIT);
-
-    return {
-        offset,
-        logs: await sdkForProject.users.listLogs(params.user, [
-            Query.limit(PAGE_LIMIT),
-            Query.offset(offset)
-        ])
-    };
-};
diff --git a/src/routes/console/project-[project]/auth/user-[user]/dangerZone.svelte b/src/routes/console/project-[project]/auth/user-[user]/dangerZone.svelte
index 207f1badd..8fa2ff05d 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/dangerZone.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/dangerZone.svelte
@@ -9,7 +9,7 @@
 
 <CardGrid danger>
     <div>
-        <Heading tag="h6" size="7">Danger Zone</Heading>
+        <Heading tag="h6" size="7">Delete User</Heading>
     </div>
     <p>
         The user will be permanently deleted, including all data associated with this user. This
@@ -33,11 +33,11 @@
                 {/if}
             </svelte:fragment>
             <svelte:fragment slot="title">
-                <h6 class="u-bold u-trim-1">
+                <h6 class="u-bold u-trim-1" data-private>
                     {$user.name || $user.email || $user.phone || 'Anonymous'}
                 </h6>
             </svelte:fragment>
-            <p class="u-trim-1">
+            <p class="u-trim-1" data-private>
                 {$user.email && $user.phone
                     ? [$user.email, $user.phone].join(',')
                     : $user.email || $user.phone}
diff --git a/src/routes/console/project-[project]/auth/user-[user]/deleteAllSessions.svelte b/src/routes/console/project-[project]/auth/user-[user]/deleteAllSessions.svelte
index 8f02e4a92..0ec466683 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/deleteAllSessions.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/deleteAllSessions.svelte
@@ -6,14 +6,14 @@
     import { Dependencies } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { user } from './store';
 
     export let showDeleteAll = false;
 
     const deleteAllSessions = async () => {
         try {
-            await sdkForProject.users.deleteSessions($page.params.user);
+            await sdk.forProject.users.deleteSessions($page.params.user);
             invalidate(Dependencies.SESSIONS);
             showDeleteAll = false;
             addNotification({
@@ -31,9 +31,9 @@
     };
 </script>
 
-<Modal bind:show={showDeleteAll} on:submit={deleteAllSessions} warning>
+<Modal bind:show={showDeleteAll} onSubmit={deleteAllSessions} warning>
     <svelte:fragment slot="header">Delete All Sessions</svelte:fragment>
-    <p>
+    <p data-private>
         Are you sure you want to delete <b>all of {$user.name}'s sessions?</b>
     </p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/auth/user-[user]/deleteMembership.svelte b/src/routes/console/project-[project]/auth/user-[user]/deleteMembership.svelte
index 25a1f760c..d02d963c7 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/deleteMembership.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/deleteMembership.svelte
@@ -7,7 +7,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@aw-labs/appwrite-console';
 
     export let showDelete = false;
@@ -15,7 +15,7 @@
 
     const deleteMembership = async () => {
         try {
-            await sdkForProject.teams.deleteMembership(
+            await sdk.forProject.teams.deleteMembership(
                 selectedMembership.teamId,
                 selectedMembership.$id
             );
@@ -40,10 +40,10 @@
     };
 </script>
 
-<Modal bind:show={showDelete} on:submit={deleteMembership} warning>
+<Modal bind:show={showDelete} onSubmit={deleteMembership} warning>
     <svelte:fragment slot="header">Delete Member</svelte:fragment>
     {#if selectedMembership}
-        <p>
+        <p data-private>
             Are you sure you want to delete <b>{selectedMembership.userName}</b> from '{selectedMembership.teamName}'?
         </p>
     {/if}
diff --git a/src/routes/console/project-[project]/auth/user-[user]/deleteSession.svelte b/src/routes/console/project-[project]/auth/user-[user]/deleteSession.svelte
index 72b97f33c..972b4c228 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/deleteSession.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/deleteSession.svelte
@@ -6,14 +6,14 @@
     import { Dependencies } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
 
     export let showDelete = false;
     export let selectedSessionId: string;
 
     const deleteSession = async () => {
         try {
-            await sdkForProject.users.deleteSession($page.params.user, selectedSessionId);
+            await sdk.forProject.users.deleteSession($page.params.user, selectedSessionId);
             invalidate(Dependencies.SESSIONS);
             addNotification({
                 type: 'success',
@@ -30,7 +30,7 @@
     };
 </script>
 
-<Modal bind:show={showDelete} on:submit={deleteSession} warning>
+<Modal bind:show={showDelete} onSubmit={deleteSession} warning>
     <svelte:fragment slot="header">Delete Sessions</svelte:fragment>
 
     <p>Are you sure you want to delete this session?</p>
diff --git a/src/routes/console/project-[project]/auth/user-[user]/deleteUser.svelte b/src/routes/console/project-[project]/auth/user-[user]/deleteUser.svelte
index e48a4b9c4..60ec7865a 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/deleteUser.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/deleteUser.svelte
@@ -5,7 +5,7 @@
     import { Modal } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { user } from './store';
     import { project } from '../../store';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
@@ -14,7 +14,7 @@
 
     const deleteUser = async () => {
         try {
-            await sdkForProject.users.delete($user.$id);
+            await sdk.forProject.users.delete($user.$id);
             showDelete = false;
             addNotification({
                 type: 'success',
@@ -32,9 +32,9 @@
     };
 </script>
 
-<Modal bind:show={showDelete} on:submit={deleteUser} warning>
+<Modal bind:show={showDelete} onSubmit={deleteUser} warning>
     <svelte:fragment slot="header">Delete User</svelte:fragment>
-    <p>Are you sure you want to delete <b>{$user.name}</b> from '{$project.name}'?</p>
+    <p data-private>Are you sure you want to delete <b>{$user.name}</b> from '{$project.name}'?</p>
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showDelete = false)}>Cancel</Button>
         <Button secondary submit>Delete</Button>
diff --git a/src/routes/console/project-[project]/auth/user-[user]/memberships/[[page]]/+page.svelte b/src/routes/console/project-[project]/auth/user-[user]/memberships/+page.svelte
similarity index 81%
rename from src/routes/console/project-[project]/auth/user-[user]/memberships/[[page]]/+page.svelte
rename to src/routes/console/project-[project]/auth/user-[user]/memberships/+page.svelte
index 0b594b862..a477b1a3b 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/memberships/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/memberships/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { page } from '$app/stores';
     import { base } from '$app/paths';
-    import { Empty, AvatarInitials } from '$lib/components';
+    import { AvatarInitials, EmptySearch } from '$lib/components';
     import {
         Table,
         TableHeader,
@@ -13,7 +13,7 @@
     } from '$lib/elements/table';
     import { Button } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
-    import DeleteMembership from '../../deleteMembership.svelte';
+    import DeleteMembership from '../deleteMembership.svelte';
     import type { Models } from '@aw-labs/appwrite-console';
     import type { PageData } from './$types';
     import { trackEvent } from '$lib/actions/analytics';
@@ -41,7 +41,7 @@
                     <TableRowLink
                         href={`${base}/console/project-${project}/auth/teams/team-${membership.teamId}`}>
                         <TableCellText title="Name">
-                            <div class="u-flex u-gap-12">
+                            <div class="u-flex u-cross-center u-gap-12">
                                 <AvatarInitials size={32} name={membership.teamName} />
                                 <span>{membership.teamName ? membership.teamName : 'n/a'}</span>
                             </div>
@@ -67,19 +67,15 @@
             </TableBody>
         </Table>
     {:else}
-        <Empty single>
-            <p>No memberships available</p>
-            <Button
-                external
-                secondary
-                href="https://appwrite.io/docs/server/users?sdk=nodejs-default#usersListMemberships">
-                Documentation
-            </Button>
-        </Empty>
+        <EmptySearch>
+            <div class="u-flex u-flex-vertical u-cross-center u-gap-24">
+                <p class="text u-line-height-1-5">No memberships available</p>
+                <Button external secondary href="https://appwrite.io/docs/client/teams">
+                    Documentation
+                </Button>
+            </div>
+        </EmptySearch>
     {/if}
-    <div class="u-flex u-margin-block-start-32 u-main-space-between">
-        <p class="text">Total results: {data.memberships.total}</p>
-    </div>
 </Container>
 
 <DeleteMembership {selectedMembership} bind:showDelete />
diff --git a/src/routes/console/project-[project]/auth/user-[user]/memberships/+page.ts b/src/routes/console/project-[project]/auth/user-[user]/memberships/+page.ts
new file mode 100644
index 000000000..15b388871
--- /dev/null
+++ b/src/routes/console/project-[project]/auth/user-[user]/memberships/+page.ts
@@ -0,0 +1,8 @@
+import { sdk } from '$lib/stores/sdk';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params }) => {
+    return {
+        memberships: await sdk.forProject.users.listMemberships(params.user)
+    };
+};
diff --git a/src/routes/console/project-[project]/auth/user-[user]/memberships/[[page]]/+page.ts b/src/routes/console/project-[project]/auth/user-[user]/memberships/[[page]]/+page.ts
deleted file mode 100644
index 6d3659337..000000000
--- a/src/routes/console/project-[project]/auth/user-[user]/memberships/[[page]]/+page.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { sdkForProject } from '$lib/stores/sdk';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent }) => {
-    await parent();
-
-    return {
-        memberships: await sdkForProject.users.listMemberships(params.user)
-    };
-};
diff --git a/src/routes/console/project-[project]/auth/user-[user]/sessions/[[page]]/+page.svelte b/src/routes/console/project-[project]/auth/user-[user]/sessions/+page.svelte
similarity index 81%
rename from src/routes/console/project-[project]/auth/user-[user]/sessions/[[page]]/+page.svelte
rename to src/routes/console/project-[project]/auth/user-[user]/sessions/+page.svelte
index 98d16da89..3afc40dc4 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/sessions/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/sessions/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { Empty } from '$lib/components';
+    import { EmptySearch } from '$lib/components';
     import {
         Table,
         TableBody,
@@ -12,9 +12,9 @@
     import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
-    import { sdkForProject } from '$lib/stores/sdk';
-    import DeleteAllSessions from '../../deleteAllSessions.svelte';
-    import DeleteSessions from '../../deleteSession.svelte';
+    import { sdk } from '$lib/stores/sdk';
+    import DeleteAllSessions from '../deleteAllSessions.svelte';
+    import DeleteSessions from '../deleteSession.svelte';
     import type { PageData } from './$types';
 
     export let data: PageData;
@@ -23,7 +23,8 @@
     let showDeleteAll = false;
     let selectedSessionId: string;
 
-    const getBrowser = (clientCode: string) => sdkForProject.avatars.getBrowser(clientCode, 40, 40);
+    const getBrowser = (clientCode: string) =>
+        sdk.forProject.avatars.getBrowser(clientCode, 40, 40);
 </script>
 
 <Container>
@@ -84,19 +85,18 @@
             </TableBody>
         </Table>
     {:else}
-        <Empty single>
-            <p>No sessions available</p>
-            <Button
-                external
-                secondary
-                href="https://appwrite.io/docs/server/auth?sdk=nodejs-default#usersGetSessions">
-                Documentation
-            </Button>
-        </Empty>
+        <EmptySearch>
+            <div class="u-flex u-flex-vertical u-cross-center u-gap-24">
+                <p class="text u-line-height-1-5">No sessions available</p>
+                <Button
+                    external
+                    secondary
+                    href="https://appwrite.io/docs/client/account#accountCreateEmailSession">
+                    Documentation
+                </Button>
+            </div>
+        </EmptySearch>
     {/if}
-    <div class="u-flex u-margin-block-start-32 u-main-space-between">
-        <p class="text">Total results: {data.sessions.total}</p>
-    </div>
 </Container>
 
 <DeleteSessions {selectedSessionId} bind:showDelete />
diff --git a/src/routes/console/project-[project]/auth/user-[user]/sessions/+page.ts b/src/routes/console/project-[project]/auth/user-[user]/sessions/+page.ts
new file mode 100644
index 000000000..20a1e6f4e
--- /dev/null
+++ b/src/routes/console/project-[project]/auth/user-[user]/sessions/+page.ts
@@ -0,0 +1,11 @@
+import { Dependencies } from '$lib/constants';
+import { sdk } from '$lib/stores/sdk';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, depends }) => {
+    depends(Dependencies.SESSIONS);
+
+    return {
+        sessions: await sdk.forProject.users.listSessions(params.user)
+    };
+};
diff --git a/src/routes/console/project-[project]/auth/user-[user]/sessions/[[page]]/+page.ts b/src/routes/console/project-[project]/auth/user-[user]/sessions/[[page]]/+page.ts
deleted file mode 100644
index 530b91396..000000000
--- a/src/routes/console/project-[project]/auth/user-[user]/sessions/[[page]]/+page.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Dependencies } from '$lib/constants';
-import { sdkForProject } from '$lib/stores/sdk';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent, depends }) => {
-    depends(Dependencies.SESSIONS);
-    await parent();
-
-    return {
-        sessions: await sdkForProject.users.listSessions(params.user)
-    };
-};
diff --git a/src/routes/console/project-[project]/auth/user-[user]/updateEmail.svelte b/src/routes/console/project-[project]/auth/user-[user]/updateEmail.svelte
index 893d7f726..e35b98a0e 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/updateEmail.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/updateEmail.svelte
@@ -5,7 +5,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, InputEmail } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { user } from './store';
 
@@ -16,7 +16,7 @@
 
     async function updateEmail() {
         try {
-            await sdkForProject.users.updateEmail($user.$id, userEmail);
+            await sdk.forProject.users.updateEmail($user.$id, userEmail);
             invalidate(Dependencies.USER);
             addNotification({
                 message: 'Email has been updated',
@@ -33,9 +33,9 @@
     }
 </script>
 
-<Form on:submit={updateEmail}>
+<Form onSubmit={updateEmail}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Email</Heading>
+        <Heading tag="h6" size="7">Email</Heading>
         <svelte:fragment slot="aside">
             <ul>
                 <InputEmail
diff --git a/src/routes/console/project-[project]/auth/user-[user]/updateName.svelte b/src/routes/console/project-[project]/auth/user-[user]/updateName.svelte
index 03cac6582..dbdbf6ec5 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/updateName.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/updateName.svelte
@@ -5,7 +5,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { user } from './store';
 
@@ -16,7 +16,7 @@
 
     async function updateName() {
         try {
-            await sdkForProject.users.updateName($user.$id, userName);
+            await sdk.forProject.users.updateName($user.$id, userName);
             invalidate(Dependencies.USER);
             addNotification({
                 message: 'Name has been updated',
@@ -33,12 +33,12 @@
     }
 </script>
 
-<Form on:submit={updateName}>
+<Form onSubmit={updateName}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Name</Heading>
+        <Heading tag="h6" size="7">Name</Heading>
 
         <svelte:fragment slot="aside">
-            <ul>
+            <ul data-private>
                 <InputText
                     id="name"
                     label="Name"
diff --git a/src/routes/console/project-[project]/auth/user-[user]/updatePassword.svelte b/src/routes/console/project-[project]/auth/user-[user]/updatePassword.svelte
index 9a21b40da..044408912 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/updatePassword.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/updatePassword.svelte
@@ -3,14 +3,14 @@
     import { CardGrid, Heading } from '$lib/components';
     import { Button, Form, InputPassword } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { user } from './store';
 
     let newPassword: string = null;
 
     async function updatePassword() {
         try {
-            await sdkForProject.users.updatePassword($user.$id, newPassword);
+            await sdk.forProject.users.updatePassword($user.$id, newPassword);
             newPassword = null;
             addNotification({
                 message: 'Password has been updated',
@@ -27,10 +27,10 @@
     }
 </script>
 
-<Form on:submit={updatePassword}>
+<Form onSubmit={updatePassword}>
     <CardGrid>
         <div>
-            <Heading tag="h6" size="7">Update Password</Heading>
+            <Heading tag="h6" size="7">Password</Heading>
         </div>
 
         <p>
diff --git a/src/routes/console/project-[project]/auth/user-[user]/updatePhone.svelte b/src/routes/console/project-[project]/auth/user-[user]/updatePhone.svelte
index de0cb9584..2fd01da7f 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/updatePhone.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/updatePhone.svelte
@@ -5,7 +5,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, InputPhone } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { user } from './store';
 
@@ -16,7 +16,7 @@
 
     async function updatePhone() {
         try {
-            await sdkForProject.users.updatePhone($user.$id, userPhone);
+            await sdk.forProject.users.updatePhone($user.$id, userPhone);
             invalidate(Dependencies.USER);
             addNotification({
                 message: 'Phone has been updated',
@@ -33,9 +33,9 @@
     }
 </script>
 
-<Form on:submit={updatePhone}>
+<Form onSubmit={updatePhone}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Phone</Heading>
+        <Heading tag="h6" size="7">Phone</Heading>
         <svelte:fragment slot="aside">
             <ul>
                 <InputPhone
diff --git a/src/routes/console/project-[project]/auth/user-[user]/updatePrefs.svelte b/src/routes/console/project-[project]/auth/user-[user]/updatePrefs.svelte
index 5b2bd623c..4a90b0e49 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/updatePrefs.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/updatePrefs.svelte
@@ -5,7 +5,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { user } from './store';
 
@@ -35,7 +35,7 @@
         try {
             let updatedPrefs = Object.fromEntries(prefs);
 
-            await sdkForProject.users.updatePrefs($user.$id, updatedPrefs);
+            await sdk.forProject.users.updatePrefs($user.$id, updatedPrefs);
             invalidate(Dependencies.USER);
             arePrefsDisabled = true;
 
@@ -54,7 +54,7 @@
     }
 </script>
 
-<Form on:submit={updatePrefs}>
+<Form onSubmit={updatePrefs}>
     <CardGrid>
         <Heading tag="h6" size="7">User Preferences</Heading>
         <p>
diff --git a/src/routes/console/project-[project]/auth/user-[user]/updateStatus.svelte b/src/routes/console/project-[project]/auth/user-[user]/updateStatus.svelte
index aed011f7c..25da5891e 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/updateStatus.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/updateStatus.svelte
@@ -7,7 +7,7 @@
     import { Button } from '$lib/elements/forms';
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { user } from './store';
 
     let showVerifcationDropdown = false;
@@ -15,7 +15,7 @@
     async function updateVerificationEmail() {
         showVerifcationDropdown = false;
         try {
-            await sdkForProject.users.updateEmailVerification($user.$id, !$user.emailVerification);
+            await sdk.forProject.users.updateEmailVerification($user.$id, !$user.emailVerification);
             invalidate(Dependencies.USER);
             addNotification({
                 message: `${$user.name || $user.email || $user.phone || 'The account'} has been ${
@@ -35,7 +35,7 @@
     async function updateVerificationPhone() {
         showVerifcationDropdown = false;
         try {
-            await sdkForProject.users.updatePhoneVerification($user.$id, !$user.phoneVerification);
+            await sdk.forProject.users.updatePhoneVerification($user.$id, !$user.phoneVerification);
             invalidate(Dependencies.USER);
             addNotification({
                 message: `${$user.name || $user.email || $user.phone || 'The account'} has been ${
@@ -54,7 +54,7 @@
     }
     async function updateStatus() {
         try {
-            await sdkForProject.users.updateStatus($user.$id, !$user.status);
+            await sdk.forProject.users.updateStatus($user.$id, !$user.status);
             await invalidate(Dependencies.USER);
             addNotification({
                 message: `${$user.name || $user.email || $user.phone || 'The account'} has been ${
@@ -74,7 +74,7 @@
 </script>
 
 <CardGrid>
-    <div class="grid-1-2-col-1 u-flex u-cross-center u-gap-16">
+    <div class="grid-1-2-col-1 u-flex u-cross-center u-gap-16" data-private>
         {#if $user.email || $user.phone}
             {#if $user.name}
                 <AvatarInitials size={48} name={$user.name} />
@@ -92,7 +92,7 @@
     </div>
     <svelte:fragment slot="aside">
         <div class="u-flex u-main-space-between">
-            <div>
+            <div data-private>
                 {#if $user.email}
                     <p class="title">{$user.email}</p>
                 {/if}
diff --git a/src/routes/console/project-[project]/databases/+layout.ts b/src/routes/console/project-[project]/databases/+layout.ts
index 12cc3f795..3cccf8185 100644
--- a/src/routes/console/project-[project]/databases/+layout.ts
+++ b/src/routes/console/project-[project]/databases/+layout.ts
@@ -1,10 +1,8 @@
+import type { LayoutLoad } from './$types';
 import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
-import type { LayoutLoad } from './$types';
-
-export const load: LayoutLoad = async ({ parent }) => {
-    await parent();
 
+export const load: LayoutLoad = async () => {
     return {
         header: Header,
         breadcrumbs: Breadcrumbs
diff --git a/src/routes/console/project-[project]/databases/+page.svelte b/src/routes/console/project-[project]/databases/+page.svelte
new file mode 100644
index 000000000..34348305b
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/+page.svelte
@@ -0,0 +1,60 @@
+<script lang="ts">
+    import { page } from '$app/stores';
+    import { goto } from '$app/navigation';
+    import { Button } from '$lib/elements/forms';
+    import { Empty, Heading, Pagination, Limit, ViewSelector } from '$lib/components';
+    import { Container } from '$lib/layout';
+    import { base } from '$app/paths';
+    import Create from './create.svelte';
+    import Grid from './grid.svelte';
+    import Table from './table.svelte';
+    import type { Models } from '@aw-labs/appwrite-console';
+    import type { PageData } from './$types';
+    import { columns } from './store';
+
+    export let data: PageData;
+
+    let showCreate = false;
+    const project = $page.params.project;
+
+    async function handleCreate(event: CustomEvent<Models.Database>) {
+        showCreate = false;
+        await goto(`${base}/console/project-${project}/databases/database-${event.detail.$id}`);
+    }
+</script>
+
+<Container>
+    <div class="u-flex u-gap-12 common-section u-main-space-between">
+        <Heading tag="h2" size="5">Databases</Heading>
+
+        <div class="u-flex u-gap-16">
+            <ViewSelector view={data.view} {columns} />
+
+            <Button on:click={() => (showCreate = true)} event="create_database">
+                <span class="icon-plus" aria-hidden="true" />
+                <span class="text">Create database</span>
+            </Button>
+        </div>
+    </div>
+
+    {#if data.databases.total}
+        {#if data.view === 'grid'}
+            <Grid {data} />
+        {:else}
+            <Table {data} />
+        {/if}
+
+        <div class="u-flex u-margin-block-start-32 u-main-space-between">
+            <Limit limit={data.limit} sum={data.databases.total} name="Databases" />
+            <Pagination limit={data.limit} offset={data.offset} sum={data.databases.total} />
+        </div>
+    {:else}
+        <Empty
+            single
+            href="https://appwrite.io/docs/databases"
+            target="database"
+            on:click={() => (showCreate = true)} />
+    {/if}
+</Container>
+
+<Create bind:showCreate on:created={handleCreate} />
diff --git a/src/routes/console/project-[project]/databases/+page.ts b/src/routes/console/project-[project]/databases/+page.ts
new file mode 100644
index 000000000..e83bc2cac
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/+page.ts
@@ -0,0 +1,23 @@
+import { CARD_LIMIT } from '$lib/constants';
+import { getLimit, getPage, getView, pageToOffset, View } from '$lib/helpers/load';
+import { sdk } from '$lib/stores/sdk';
+import { Query } from '@aw-labs/appwrite-console';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ url, route }) => {
+    const page = getPage(url);
+    const limit = getLimit(url, route, CARD_LIMIT);
+    const view = getView(url, route, View.Grid);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        view,
+        databases: await sdk.forProject.databases.list([
+            Query.limit(limit),
+            Query.offset(offset),
+            Query.orderDesc('$createdAt')
+        ])
+    };
+};
diff --git a/src/routes/console/project-[project]/databases/[[page]]/+page.svelte b/src/routes/console/project-[project]/databases/[[page]]/+page.svelte
deleted file mode 100644
index a879b8678..000000000
--- a/src/routes/console/project-[project]/databases/[[page]]/+page.svelte
+++ /dev/null
@@ -1,72 +0,0 @@
-<script lang="ts">
-    import { page } from '$app/stores';
-    import { goto } from '$app/navigation';
-    import { Button } from '$lib/elements/forms';
-    import { Empty, Copy, GridItem1, CardContainer, Heading, Pagination } from '$lib/components';
-    import { Pill } from '$lib/elements';
-    import { Container } from '$lib/layout';
-    import { base } from '$app/paths';
-    import Create from '../create.svelte';
-    import type { Models } from '@aw-labs/appwrite-console';
-    import type { PageData } from './$types';
-    import { CARD_LIMIT } from '$lib/constants';
-
-    export let data: PageData;
-
-    let showCreate = false;
-    const project = $page.params.project;
-
-    async function handleCreate(event: CustomEvent<Models.Database>) {
-        showCreate = false;
-        await goto(`${base}/console/project-${project}/databases/database-${event.detail.$id}`);
-    }
-</script>
-
-<Container>
-    <div class="u-flex u-gap-12 common-section u-main-space-between">
-        <Heading tag="h2" size="5">Databases</Heading>
-
-        <Button on:click={() => (showCreate = true)} event="create_database">
-            <span class="icon-plus" aria-hidden="true" /> <span class="text">Create database</span>
-        </Button>
-    </div>
-
-    {#if data.databases.total}
-        <CardContainer
-            total={data.databases.total}
-            on:click={() => (showCreate = true)}
-            event="database">
-            {#each data.databases.databases as database}
-                <GridItem1
-                    href={`${base}/console/project-${project}/databases/database-${database.$id}`}>
-                    <!-- <svelte:fragment slot="eyebrow">X Collections</svelte:fragment> -->
-                    <svelte:fragment slot="title">{database.name}</svelte:fragment>
-
-                    <Copy value={database.$id}>
-                        <Pill button><i class="icon-duplicate" />Database ID</Pill>
-                    </Copy>
-                </GridItem1>
-            {/each}
-            <svelte:fragment slot="empty">
-                <p>Create a new database</p>
-            </svelte:fragment>
-        </CardContainer>
-
-        <div class="u-flex u-margin-block-start-32 u-main-space-between">
-            <p class="text">Total results: {data.databases.total}</p>
-            <Pagination
-                limit={CARD_LIMIT}
-                path={`/console/project-${$page.params.project}/databases`}
-                offset={data.offset}
-                sum={data.databases.total} />
-        </div>
-    {:else}
-        <Empty
-            single
-            href="https://appwrite.io/docs/databases"
-            target="database"
-            on:click={() => (showCreate = true)} />
-    {/if}
-</Container>
-
-<Create bind:showCreate on:created={handleCreate} />
diff --git a/src/routes/console/project-[project]/databases/[[page]]/+page.ts b/src/routes/console/project-[project]/databases/[[page]]/+page.ts
deleted file mode 100644
index 47cc014c6..000000000
--- a/src/routes/console/project-[project]/databases/[[page]]/+page.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { CARD_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent }) => {
-    await parent();
-    const page = Number(params.page);
-    const offset = pageToOffset(page, CARD_LIMIT);
-
-    return {
-        offset,
-        databases: await sdkForProject.databases.list([
-            Query.limit(CARD_LIMIT),
-            Query.offset(offset),
-            Query.orderDesc('$createdAt')
-        ])
-    };
-};
diff --git a/src/routes/console/project-[project]/databases/create.svelte b/src/routes/console/project-[project]/databases/create.svelte
index 237ed836a..ca42e67b1 100644
--- a/src/routes/console/project-[project]/databases/create.svelte
+++ b/src/routes/console/project-[project]/databases/create.svelte
@@ -4,7 +4,7 @@
     import { Pill } from '$lib/elements';
     import { Button, InputText, FormList } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { ID } from '@aw-labs/appwrite-console';
     import { createEventDispatcher } from 'svelte';
 
@@ -18,7 +18,7 @@
 
     const create = async () => {
         try {
-            const database = await sdkForProject.databases.create(id ? id : ID.unique(), name);
+            const database = await sdk.forProject.databases.create(id ? id : ID.unique(), name);
             showCreate = false;
             dispatch('created', database);
             addNotification({
@@ -39,7 +39,7 @@
     };
 </script>
 
-<Modal size="big" on:submit={create} bind:show={showCreate}>
+<Modal size="big" onSubmit={create} bind:show={showCreate}>
     <svelte:fragment slot="header">Create Database</svelte:fragment>
     <FormList>
         <InputText
diff --git a/src/routes/console/project-[project]/databases/database-[database]/+layout.svelte b/src/routes/console/project-[project]/databases/database-[database]/+layout.svelte
index 766790be1..730daa660 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/+layout.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/+layout.svelte
@@ -1,5 +1,28 @@
+<script lang="ts">
+    import { goto, invalidate } from '$app/navigation';
+    import type { Models } from '@aw-labs/appwrite-console';
+    import CreateCollection from './createCollection.svelte';
+    import { showCreate } from './store';
+    import { base } from '$app/paths';
+    import { page } from '$app/stores';
+    import { Dependencies } from '$lib/constants';
+
+    const project = $page.params.project;
+    const databaseId = $page.params.database;
+
+    async function handleCreate(event: CustomEvent<Models.Collection>) {
+        $showCreate = false;
+        await invalidate(Dependencies.DATABASE);
+        await goto(
+            `${base}/console/project-${project}/databases/database-${databaseId}/collection-${event.detail.$id}`
+        );
+    }
+</script>
+
 <svelte:head>
     <title>Database - Appwrite</title>
 </svelte:head>
 
 <slot />
+
+<CreateCollection bind:showCreate={$showCreate} on:created={handleCreate} />
diff --git a/src/routes/console/project-[project]/databases/database-[database]/+layout.ts b/src/routes/console/project-[project]/databases/database-[database]/+layout.ts
index fc344a75e..5ee2dffce 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/+layout.ts
+++ b/src/routes/console/project-[project]/databases/database-[database]/+layout.ts
@@ -1,19 +1,18 @@
-import { sdkForProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import { Dependencies } from '$lib/constants';
+import { error } from '@sveltejs/kit';
 import type { LayoutLoad } from './$types';
 import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
-import { error } from '@sveltejs/kit';
 
-export const load: LayoutLoad = async ({ params, parent, depends }) => {
-    await parent();
+export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.DATABASE);
 
     try {
         return {
             header: Header,
             breadcrumbs: Breadcrumbs,
-            database: await sdkForProject.databases.get(params.database)
+            database: await sdk.forProject.databases.get(params.database)
         };
     } catch (e) {
         throw error(e.code, e.message);
diff --git a/src/routes/console/project-[project]/databases/database-[database]/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/+page.svelte
new file mode 100644
index 000000000..769595469
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database-[database]/+page.svelte
@@ -0,0 +1,44 @@
+<script lang="ts">
+    import { Empty, Heading, Limit, Pagination, ViewSelector } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
+    import { Container } from '$lib/layout';
+    import { columns, showCreate } from './store';
+    import Table from './table.svelte';
+    import Grid from './grid.svelte';
+    import type { PageData } from './$types';
+
+    export let data: PageData;
+</script>
+
+<Container>
+    <div class="u-flex u-gap-12 common-section u-main-space-between">
+        <Heading tag="h2" size="5">Collections</Heading>
+        <div class="u-flex u-gap-16">
+            <ViewSelector view={data.view} {columns} />
+
+            <Button on:click={() => ($showCreate = true)} event="create_collection">
+                <span class="icon-plus" aria-hidden="true" />
+                <span class="text">Create collection</span>
+            </Button>
+        </div>
+    </div>
+
+    {#if data.collections.total}
+        {#if data.view === 'grid'}
+            <Grid {data} />
+        {:else}
+            <Table {data} />
+        {/if}
+
+        <div class="u-flex u-margin-block-start-32 u-main-space-between">
+            <Limit limit={data.limit} sum={data.collections.total} name="Collections" />
+            <Pagination limit={data.limit} offset={data.offset} sum={data.collections.total} />
+        </div>
+    {:else}
+        <Empty
+            single
+            href="https://appwrite.io/docs/databases#collection"
+            target="collection"
+            on:click={() => ($showCreate = true)} />
+    {/if}
+</Container>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/+page.ts
new file mode 100644
index 000000000..3d646166b
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database-[database]/+page.ts
@@ -0,0 +1,23 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, getView, pageToOffset, View } from '$lib/helpers/load';
+import { CARD_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, url, route }) => {
+    const page = getPage(url);
+    const limit = getLimit(url, route, CARD_LIMIT);
+    const view = getView(url, route, View.Grid);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        view,
+        collections: await sdk.forProject.databases.listCollections(params.database, [
+            Query.limit(limit),
+            Query.offset(offset),
+            Query.orderDesc('$createdAt')
+        ])
+    };
+};
diff --git a/src/routes/console/project-[project]/databases/database-[database]/[[page]]/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/[[page]]/+page.svelte
deleted file mode 100644
index 7a33759a6..000000000
--- a/src/routes/console/project-[project]/databases/database-[database]/[[page]]/+page.svelte
+++ /dev/null
@@ -1,83 +0,0 @@
-<script lang="ts">
-    import { page } from '$app/stores';
-    import { goto } from '$app/navigation';
-    import { Button } from '$lib/elements/forms';
-    import { Empty, Copy, GridItem1, CardContainer, Heading, Pagination } from '$lib/components';
-    import { Pill } from '$lib/elements';
-    import { Container } from '$lib/layout';
-    import { base } from '$app/paths';
-    import { cardLimit } from '$lib/stores/layout';
-    import { createPersistentPagination } from '$lib/stores/pagination';
-    import type { PageData } from './$types';
-    import type { Models } from '@aw-labs/appwrite-console';
-    import Create from '../create.svelte';
-    import { CARD_LIMIT } from '$lib/constants';
-
-    export let data: PageData;
-    let showCreate = false;
-
-    const project = $page.params.project;
-    const databaseId = $page.params.database;
-    const offset = createPersistentPagination($cardLimit);
-
-    async function handleCreate(event: CustomEvent<Models.Collection>) {
-        showCreate = false;
-        await goto(
-            `${base}/console/project-${project}/databases/database-${databaseId}/collection-${event.detail.$id}`
-        );
-    }
-</script>
-
-<Container>
-    <div class="u-flex u-gap-12 common-section u-main-space-between">
-        <Heading tag="h2" size="5">Collections</Heading>
-
-        <Button on:click={() => (showCreate = true)} event="create_collection">
-            <span class="icon-plus" aria-hidden="true" />
-            <span class="text">Create collection</span>
-        </Button>
-    </div>
-
-    {#if data.collections.total}
-        <CardContainer
-            event="collection"
-            total={data.collections.total}
-            offset={$offset}
-            on:click={() => (showCreate = true)}>
-            {#each data.collections.collections as collection}
-                <GridItem1
-                    href={`${base}/console/project-${project}/databases/database-${databaseId}/collection-${collection.$id}`}>
-                    <svelte:fragment slot="title">{collection.name}</svelte:fragment>
-                    <svelte:fragment slot="status">
-                        {#if !collection.enabled}
-                            <Pill>disabled</Pill>
-                        {/if}</svelte:fragment>
-
-                    <Copy value={collection.$id}>
-                        <Pill button><i class="icon-duplicate" />Collection ID</Pill>
-                    </Copy>
-                </GridItem1>
-            {/each}
-            <svelte:fragment slot="empty">
-                <p>Create a new collection</p>
-            </svelte:fragment>
-        </CardContainer>
-
-        <div class="u-flex u-margin-block-start-32 u-main-space-between">
-            <p class="text">Total results: {data.collections.total}</p>
-            <Pagination
-                limit={CARD_LIMIT}
-                path={`/console/project-${$page.params.project}/databases/database-${$page.params.database}`}
-                offset={data.offset}
-                sum={data.collections.total} />
-        </div>
-    {:else}
-        <Empty
-            single
-            href="https://appwrite.io/docs/databases#collection"
-            target="collection"
-            on:click={() => (showCreate = true)} />
-    {/if}
-</Container>
-
-<Create bind:showCreate on:created={handleCreate} />
diff --git a/src/routes/console/project-[project]/databases/database-[database]/[[page]]/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/[[page]]/+page.ts
deleted file mode 100644
index d7c69f3ca..000000000
--- a/src/routes/console/project-[project]/databases/database-[database]/[[page]]/+page.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { CARD_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent }) => {
-    await parent();
-    const page = Number(params.page);
-    const offset = pageToOffset(page, CARD_LIMIT);
-
-    return {
-        offset,
-        collections: await sdkForProject.databases.listCollections(params.database, [
-            Query.limit(CARD_LIMIT),
-            Query.offset(offset),
-            Query.orderDesc('$createdAt')
-        ])
-    };
-};
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.svelte
index eb15b0dca..e8c0d8ccc 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onDestroy, onMount } from 'svelte';
     import { collection } from './store';
 
     let unsubscribe: { (): void };
 
     onMount(() => {
-        unsubscribe = sdkForConsole.client.subscribe('console', (response) => {
+        unsubscribe = sdk.forConsole.client.subscribe('console', (response) => {
             if (
                 response.events.includes('databases.*.collections.*.attributes.*') ||
                 response.events.includes('databases.*.collections.*.indexes.*')
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.ts
index 4cff24c2d..93d275019 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.ts
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+layout.ts
@@ -1,22 +1,26 @@
-import { sdkForProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import { Dependencies } from '$lib/constants';
 import type { LayoutLoad } from './$types';
 import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
 import { error } from '@sveltejs/kit';
+import SubNavigation from './subNavigation.svelte';
+import { Query } from '@aw-labs/appwrite-console';
 
-export const load: LayoutLoad = async ({ params, parent, depends }) => {
+export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.COLLECTION);
-    await parent();
-
     try {
         return {
             header: Header,
             breadcrumbs: Breadcrumbs,
-            collection: await sdkForProject.databases.getCollection(
+            collection: await sdk.forProject.databases.getCollection(
                 params.database,
                 params.collection
-            )
+            ),
+            subNavigation: SubNavigation,
+            allCollections: await sdk.forProject.databases.listCollections(params.database, [
+                Query.orderDesc('$createdAt')
+            ])
         };
     } catch (e) {
         throw error(e.code, e.message);
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
new file mode 100644
index 000000000..1656253ac
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.svelte
@@ -0,0 +1,72 @@
+<script lang="ts">
+    import { Empty, Heading, Pagination, Limit, ViewSelector } from '$lib/components';
+    import { Container } from '$lib/layout';
+    import { Button } from '$lib/elements/forms';
+    import { wizard } from '$lib/stores/wizard';
+    import Create from './createDocument.svelte';
+    import type { PageData } from './$types';
+    import { collection, columns } from './store';
+    import CreateAttribute from './createAttribute.svelte';
+    import Table from './table.svelte';
+    import { preferences } from '$lib/stores/preferences';
+    import { page } from '$app/stores';
+
+    export let data: PageData;
+
+    let showCreateAttribute = false;
+
+    $: selected = preferences.getCustomCollectionColumns($page.params.collection);
+    $: columns.set(
+        $collection.attributes.map((attribute) => ({
+            id: attribute.key,
+            title: attribute.key,
+            type: attribute.type,
+            show: selected?.includes(attribute.key) ?? true
+        }))
+    );
+
+    function openWizard() {
+        wizard.start(Create);
+    }
+</script>
+
+<Container>
+    <div class="u-flex u-gap-12 common-section u-main-space-between">
+        <Heading tag="h2" size="5">Documents</Heading>
+        <div class="u-flex u-gap-16">
+            <ViewSelector view={data.view} {columns} hideView isCustomCollection />
+            <Button
+                disabled={!$collection?.attributes?.length}
+                on:click={openWizard}
+                event="create_document">
+                <span class="icon-plus" aria-hidden="true" />
+                <span class="text">Create document</span>
+            </Button>
+        </div>
+    </div>
+
+    {#if $collection?.attributes?.length}
+        {#if data.documents.total}
+            <Table {data} />
+
+            <div class="u-flex common-section u-main-space-between">
+                <Limit limit={data.limit} sum={data.documents.total} name="Documents" />
+                <Pagination limit={data.limit} offset={data.offset} sum={data.documents.total} />
+            </div>
+        {:else}
+            <Empty
+                single
+                href="https://appwrite.io/docs/databases#create-documents"
+                target="document"
+                on:click={openWizard} />
+        {/if}
+    {:else}
+        <Empty
+            single
+            href="https://appwrite.io/docs/databases#attributes"
+            target="attribute"
+            on:click={() => (showCreateAttribute = true)} />
+    {/if}
+</Container>
+
+<CreateAttribute bind:showCreate={showCreateAttribute} />
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
new file mode 100644
index 000000000..e5adcafdf
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/+page.ts
@@ -0,0 +1,24 @@
+import { Dependencies, PAGE_LIMIT } from '$lib/constants';
+import { getLimit, getPage, getView, pageToOffset, View } from '$lib/helpers/load';
+import { sdk } from '$lib/stores/sdk';
+import { Query } from '@aw-labs/appwrite-console';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, depends, url, route }) => {
+    depends(Dependencies.DOCUMENTS);
+    const page = getPage(url);
+    const limit = getLimit(url, route, PAGE_LIMIT);
+    const view = getView(url, route, View.Grid);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        view,
+        documents: await sdk.forProject.databases.listDocuments(
+            params.database,
+            params.collection,
+            [Query.limit(limit), Query.offset(offset), Query.orderDesc('$createdAt')]
+        )
+    };
+};
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/[[page]]/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/[[page]]/+page.svelte
deleted file mode 100644
index 9b479eb83..000000000
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/[[page]]/+page.svelte
+++ /dev/null
@@ -1,152 +0,0 @@
-<script lang="ts">
-    import {
-        TableScroll,
-        TableRowLink,
-        TableBody,
-        TableHeader,
-        TableCellHead,
-        TableCell
-    } from '$lib/elements/table';
-    import { Empty, Copy, Heading, Pagination } from '$lib/components';
-    import { Pill } from '$lib/elements';
-    import { Container } from '$lib/layout';
-    import { Button } from '$lib/elements/forms';
-    import { base } from '$app/paths';
-    import { wizard } from '$lib/stores/wizard';
-    import Create from '../createDocument.svelte';
-    import type { PageData } from './$types';
-    import { collection } from '../store';
-    import { page } from '$app/stores';
-    import { PAGE_LIMIT } from '$lib/constants';
-    import CreateAttribute from '../createAttribute.svelte';
-    import { tooltip } from '$lib/actions/tooltip';
-
-    export let data: PageData;
-    let showCreateAttribute = false;
-
-    function openWizard() {
-        wizard.start(Create);
-    }
-
-    $: columns = [
-        ...$collection.attributes.map((attribute) => ({
-            key: attribute.key,
-            title: attribute.key
-        }))
-    ];
-
-    function formatArray(array: unknown[]) {
-        if (array.length === 0) return '[ ]';
-
-        let formattedFields: string[] = [];
-        for (const item of array) {
-            if (typeof item === 'string') {
-                formattedFields.push(`"${item}"`);
-            } else {
-                formattedFields.push(`${item}`);
-            }
-        }
-
-        return `[${formattedFields.join(', ')}]`;
-    }
-
-    function formatColumn(column: unknown) {
-        let formattedColumn: string;
-
-        if (typeof column === 'string') {
-            formattedColumn = column;
-        } else if (Array.isArray(column)) {
-            formattedColumn = formatArray(column);
-        } else if (!column) {
-            formattedColumn = 'n/a';
-        } else {
-            formattedColumn = `${column}`;
-        }
-
-        return {
-            value:
-                formattedColumn.length > 20
-                    ? `${formattedColumn.slice(0, 20)}...`
-                    : formattedColumn,
-            truncated: formattedColumn.length > 20,
-            whole: formattedColumn
-        };
-    }
-</script>
-
-<Container>
-    <div class="u-flex u-gap-12 common-section u-main-space-between">
-        <Heading tag="h2" size="5">Documents</Heading>
-
-        <Button
-            disabled={!$collection?.attributes?.length}
-            on:click={openWizard}
-            event="create_document">
-            <span class="icon-plus" aria-hidden="true" />
-            <span class="text">Create document</span>
-        </Button>
-    </div>
-
-    {#if $collection?.attributes?.length}
-        {#if data.documents.total}
-            <TableScroll isSticky>
-                <TableHeader>
-                    <TableCellHead eyebrow={false}>Document ID</TableCellHead>
-                    {#each columns as column}
-                        <TableCellHead eyebrow={false}>{column.title}</TableCellHead>
-                    {/each}
-                </TableHeader>
-                <TableBody>
-                    {#each data.documents.documents as document}
-                        <TableRowLink
-                            href={`${base}/console/project-${$page.params.project}/databases/database-${$page.params.database}/collection-${$collection.$id}/document-${document.$id}`}>
-                            <TableCell width={230}>
-                                <Copy value={document.$id}>
-                                    <Pill button>
-                                        <span class="icon-duplicate" aria-hidden="true" />
-                                        <span class="text u-trim-start">{document.$id}</span>
-                                    </Pill>
-                                </Copy>
-                            </TableCell>
-                            {#each columns as column}
-                                {@const formatted = formatColumn(document[column.key])}
-                                <TableCell>
-                                    <div
-                                        use:tooltip={{
-                                            content: formatted.whole,
-                                            disabled: !formatted.truncated
-                                        }}>
-                                        {formatted.value}
-                                    </div>
-                                </TableCell>
-                            {/each}
-                        </TableRowLink>
-                    {/each}
-                </TableBody>
-            </TableScroll>
-
-            <div class="u-flex common-section u-main-space-between">
-                <p class="text">Total results: {data.documents.total}</p>
-                <Pagination
-                    limit={PAGE_LIMIT}
-                    path={`/console/project-${$page.params.project}/databases/database-${$page.params.database}/collection-${$page.params.collection}`}
-                    offset={data.offset}
-                    sum={data.documents.total} />
-            </div>
-        {:else}
-            <Empty
-                single
-                href="https://appwrite.io/docs/databases#create-documents"
-                target="document"
-                on:click={openWizard} />
-        {/if}
-    {:else}
-        <Empty
-            single
-            href="https://appwrite.io/docs/databases#attributes"
-            target="attribute"
-            on:click={() => (showCreateAttribute = true)} />
-    {/if}
-</Container>
-
-<CreateAttribute bind:showCreate={showCreateAttribute} />
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/[[page]]/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/[[page]]/+page.ts
deleted file mode 100644
index 7c19bb9dc..000000000
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/[[page]]/+page.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { Dependencies, PAGE_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent, depends }) => {
-    await parent();
-    depends(Dependencies.DOCUMENTS);
-    const page = Number(params.page);
-    const offset = pageToOffset(page, PAGE_LIMIT);
-
-    return {
-        offset,
-        documents: await sdkForProject.databases.listDocuments(params.database, params.collection, [
-            Query.limit(PAGE_LIMIT),
-            Query.offset(offset),
-            Query.orderDesc('$createdAt')
-        ])
-    };
-};
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/activity/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/activity/+page.svelte
new file mode 100644
index 000000000..d3939555d
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/activity/+page.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+    import { Activity } from '$lib/layout';
+    import type { PageData } from './$types';
+
+    export let data: PageData;
+</script>
+
+<Activity {...data} />
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/activity/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/activity/+page.ts
new file mode 100644
index 000000000..3fb3a619d
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/activity/+page.ts
@@ -0,0 +1,21 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, pageToOffset } from '$lib/helpers/load';
+import { PAGE_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, url, route }) => {
+    const page = getPage(url);
+    const limit = getLimit(url, route, PAGE_LIMIT);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        logs: await sdk.forProject.databases.listCollectionLogs(
+            params.database,
+            params.collection,
+            [Query.limit(limit), Query.offset(offset)]
+        )
+    };
+};
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/activity/[[page]]/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/activity/[[page]]/+page.svelte
deleted file mode 100644
index 029c8c45f..000000000
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/activity/[[page]]/+page.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-    import { page } from '$app/stores';
-    import { Activity } from '$lib/layout';
-    import type { PageData } from './$types';
-
-    export let data: PageData;
-
-    const path = `/console/project-${$page.params.project}/databases/database-${$page.params.database}/collection-${$page.params.collection}/activity`;
-</script>
-
-<Activity {path} logs={data.logs} offset={data.offset} />
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/activity/[[page]]/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/activity/[[page]]/+page.ts
deleted file mode 100644
index 8269c058b..000000000
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/activity/[[page]]/+page.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { PAGE_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent }) => {
-    await parent();
-    const page = Number(params.page);
-    const offset = pageToOffset(page, PAGE_LIMIT);
-
-    return {
-        offset,
-        logs: await sdkForProject.databases.listCollectionLogs(params.database, params.collection, [
-            Query.limit(PAGE_LIMIT),
-            Query.offset(offset)
-        ])
-    };
-};
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/boolean.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/boolean.svelte
index a2ab21070..a9e9cae91 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/boolean.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/boolean.svelte
@@ -1,6 +1,6 @@
 <script context="module" lang="ts">
     import type { Models } from '@aw-labs/appwrite-console';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
 
     export async function submitBoolean(
         databaseId: string,
@@ -8,7 +8,7 @@
         key: string,
         data: Partial<Models.AttributeBoolean>
     ) {
-        await sdkForProject.databases.createBooleanAttribute(
+        await sdk.forProject.databases.createBooleanAttribute(
             databaseId,
             collectionId,
             key,
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/datetime.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/datetime.svelte
index bd79b6643..481b42ba5 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/datetime.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/datetime.svelte
@@ -1,6 +1,6 @@
 <script context="module" lang="ts">
     import type { Models } from '@aw-labs/appwrite-console';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
 
     export async function submitDatetime(
         databaseId: string,
@@ -8,7 +8,7 @@
         key: string,
         data: Partial<Models.AttributeDatetime>
     ) {
-        await sdkForProject.databases.createDatetimeAttribute(
+        await sdk.forProject.databases.createDatetimeAttribute(
             databaseId,
             collectionId,
             key,
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/deleteAttribute.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/deleteAttribute.svelte
index 02bed780e..d866faefc 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/deleteAttribute.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/deleteAttribute.svelte
@@ -7,7 +7,7 @@
     import { addNotification } from '$lib/stores/notifications';
     import { collection } from '../store';
     import type { Attributes } from '../store';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { Dependencies } from '$lib/constants';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
 
@@ -17,7 +17,7 @@
 
     const handleDelete = async () => {
         try {
-            await sdkForProject.databases.deleteAttribute(
+            await sdk.forProject.databases.deleteAttribute(
                 databaseId,
                 $collection.$id,
                 selectedAttribute.key
@@ -42,9 +42,9 @@
     };
 </script>
 
-<Modal warning={true} bind:show={showDelete} on:submit={handleDelete}>
+<Modal warning={true} bind:show={showDelete} onSubmit={handleDelete}>
     <svelte:fragment slot="header">Delete Attribute</svelte:fragment>
-    <p>
+    <p data-private>
         Are you sure you want to delete <b>'{selectedAttribute?.key}' from {$collection?.name}</b>?
     </p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/email.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/email.svelte
index 6e5d4d13e..3cc221b0c 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/email.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/email.svelte
@@ -1,7 +1,7 @@
 <script context="module" lang="ts">
     import type { Models } from '@aw-labs/appwrite-console';
 
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
 
     export async function submitEmail(
         databaseId: string,
@@ -9,7 +9,7 @@
         key: string,
         data: Partial<Models.AttributeEmail>
     ) {
-        await sdkForProject.databases.createEmailAttribute(
+        await sdk.forProject.databases.createEmailAttribute(
             databaseId,
             collectionId,
             key,
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/enum.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/enum.svelte
index e61b3c030..fdb39a5b5 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/enum.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/enum.svelte
@@ -1,6 +1,6 @@
 <script context="module" lang="ts">
     import type { Models } from '@aw-labs/appwrite-console';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
 
     export async function submitEnum(
         databaseId: string,
@@ -8,7 +8,7 @@
         key: string,
         data: Partial<Models.AttributeEnum>
     ) {
-        await sdkForProject.databases.createEnumAttribute(
+        await sdk.forProject.databases.createEnumAttribute(
             databaseId,
             collectionId,
             key,
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/float.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/float.svelte
index 23249d951..1bd61a7ab 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/float.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/float.svelte
@@ -1,6 +1,6 @@
 <script context="module" lang="ts">
     import type { Models } from '@aw-labs/appwrite-console';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
 
     export async function submitFloat(
         databaseId: string,
@@ -8,7 +8,7 @@
         key: string,
         data: Partial<Models.AttributeFloat>
     ) {
-        await sdkForProject.databases.createFloatAttribute(
+        await sdk.forProject.databases.createFloatAttribute(
             databaseId,
             collectionId,
             key,
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/integer.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/integer.svelte
index b45a1a6fb..b3545aff4 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/integer.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/integer.svelte
@@ -1,5 +1,5 @@
 <script context="module" lang="ts">
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@aw-labs/appwrite-console';
 
     export async function submitInteger(
@@ -8,7 +8,7 @@
         key: string,
         data: Partial<Models.AttributeInteger>
     ) {
-        await sdkForProject.databases.createIntegerAttribute(
+        await sdk.forProject.databases.createIntegerAttribute(
             databaseId,
             collectionId,
             key,
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/ip.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/ip.svelte
index 154be4e57..8b93a7846 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/ip.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/ip.svelte
@@ -1,6 +1,6 @@
 <script context="module" lang="ts">
     import type { Models } from '@aw-labs/appwrite-console';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
 
     export async function submitIp(
         databaseId: string,
@@ -8,7 +8,7 @@
         key: string,
         data: Partial<Models.AttributeIp>
     ) {
-        await sdkForProject.databases.createIpAttribute(
+        await sdk.forProject.databases.createIpAttribute(
             databaseId,
             collectionId,
             key,
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/string.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/string.svelte
index 9ecc9c513..1dd1c1ba2 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/string.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/string.svelte
@@ -1,6 +1,6 @@
 <script context="module" lang="ts">
     import type { Models } from '@aw-labs/appwrite-console';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
 
     export async function submitString(
         databaseId: string,
@@ -8,7 +8,7 @@
         key: string,
         data: Partial<Models.AttributeString>
     ) {
-        await sdkForProject.databases.createStringAttribute(
+        await sdk.forProject.databases.createStringAttribute(
             databaseId,
             collectionId,
             key,
@@ -22,6 +22,7 @@
 
 <script lang="ts">
     import { InputNumber, InputText, InputChoice } from '$lib/elements/forms';
+    import InputTextarea from '$lib/elements/forms/inputTextarea.svelte';
 
     export let selectedAttribute: Models.AttributeString;
     export let data: Partial<Models.AttributeString> = {
@@ -50,13 +51,23 @@
     bind:value={data.size}
     required
     readonly={!!selectedAttribute} />
-<InputText
-    id="default"
-    label="Default value"
-    bind:value={data.default}
-    maxlength={data.size}
-    disabled={data.required || data.array}
-    readonly={!!selectedAttribute} />
+{#if data.size > 64}
+    <InputTextarea
+        id="default"
+        label="Default value"
+        bind:value={data.default}
+        maxlength={data.size}
+        disabled={data.required || data.array}
+        readonly={!!selectedAttribute} />
+{:else}
+    <InputText
+        id="default"
+        label="Default value"
+        bind:value={data.default}
+        maxlength={data.size}
+        disabled={data.required || data.array}
+        readonly={!!selectedAttribute} />
+{/if}
 <InputChoice
     id="required"
     label="Required"
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/url.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/url.svelte
index d8fd01633..9965cd974 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/url.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/url.svelte
@@ -1,6 +1,6 @@
 <script context="module" lang="ts">
     import type { Models } from '@aw-labs/appwrite-console';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
 
     export async function submitUrl(
         databaseId: string,
@@ -8,7 +8,7 @@
         key: string,
         data: Partial<Models.AttributeUrl>
     ) {
-        await sdkForProject.databases.createUrlAttribute(
+        await sdk.forProject.databases.createUrlAttribute(
             databaseId,
             collectionId,
             key,
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/createAttribute.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/createAttribute.svelte
index 28c889133..6b7d0039c 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/createAttribute.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/createAttribute.svelte
@@ -54,10 +54,15 @@
         key = null;
         selectedOption = null;
         $option = null;
+        data = {
+            required: false,
+            array: false,
+            default: null
+        };
     }
 </script>
 
-<Modal size="big" bind:show={showCreate} on:submit={submit}>
+<Modal size="big" bind:show={showCreate} onSubmit={submit}>
     <svelte:fragment slot="header">Create Attribute</svelte:fragment>
     <FormList>
         <div>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/createDocument.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/createDocument.svelte
index 7819f11f4..5f5df9e55 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/createDocument.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/createDocument.svelte
@@ -2,7 +2,7 @@
     import { Wizard } from '$lib/layout';
     import { beforeNavigate, invalidate } from '$app/navigation';
     import { attributes } from './store';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { page } from '$app/stores';
     import { onDestroy, onMount } from 'svelte';
     import { addNotification } from '$lib/stores/notifications';
@@ -33,7 +33,7 @@
 
     async function create() {
         try {
-            await sdkForProject.databases.createDocument(
+            await sdk.forProject.databases.createDocument(
                 databaseId,
                 collectionId,
                 $createDocument.id ?? ID.unique(),
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/+layout.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/+layout.ts
index d6d43fcc9..54ffd67ac 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/+layout.ts
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/+layout.ts
@@ -1,4 +1,4 @@
-import { sdkForProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import { Dependencies } from '$lib/constants';
 import type { LayoutLoad } from './$types';
 import Breadcrumbs from './breadcrumbs.svelte';
@@ -11,7 +11,7 @@ export const load: LayoutLoad = async ({ params, parent, depends }) => {
     const { collection } = await parent();
 
     try {
-        const document = await sdkForProject.databases.getDocument(
+        const document = await sdk.forProject.databases.getDocument(
             params.database,
             params.collection,
             params.document
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/+page.svelte
index c4c9a7c72..ef235db19 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/+page.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/+page.svelte
@@ -2,7 +2,7 @@
     import { CardGrid, Box, Heading, Alert } from '$lib/components';
     import { Container } from '$lib/layout';
     import { Button } from '$lib/elements/forms';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { doc } from './store';
     import { addNotification } from '$lib/stores/notifications';
     import { toLocaleDateTime } from '$lib/helpers/date';
@@ -22,7 +22,7 @@
 
     async function updatePermissions() {
         try {
-            await sdkForProject.databases.updateDocument(
+            await sdk.forProject.databases.updateDocument(
                 $doc.$databaseId,
                 $doc.$collectionId,
                 $doc.$id,
@@ -68,7 +68,7 @@
     </CardGrid>
     <Document />
     <CardGrid>
-        <Heading tag="h6" size="7">Update Permissions</Heading>
+        <Heading tag="h6" size="7">Permissions</Heading>
         <p>
             Assign read or write permissions at the <b> Collection Level</b> or
             <b> Document Level</b>. If collection Level permissions are assigned, permissions
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/activity/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/activity/+page.svelte
new file mode 100644
index 000000000..f805a79f0
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/activity/+page.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+    import type { PageData } from './$types';
+    import { Activity } from '$lib/layout';
+
+    export let data: PageData;
+</script>
+
+<Activity {...data} />
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/activity/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/activity/+page.ts
new file mode 100644
index 000000000..d11900203
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/activity/+page.ts
@@ -0,0 +1,22 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, pageToOffset } from '$lib/helpers/load';
+import { PAGE_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, url, route }) => {
+    const page = getPage(url);
+    const limit = getLimit(url, route, PAGE_LIMIT);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        logs: await sdk.forProject.databases.listDocumentLogs(
+            params.database,
+            params.collection,
+            params.document,
+            [Query.limit(limit), Query.offset(offset)]
+        )
+    };
+};
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/activity/[[page]]/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/activity/[[page]]/+page.svelte
deleted file mode 100644
index 15ee2d818..000000000
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/activity/[[page]]/+page.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-    import type { PageData } from './$types';
-    import { page } from '$app/stores';
-    import { Activity } from '$lib/layout';
-
-    export let data: PageData;
-    const path = `/console/project-${$page.params.project}/databases/database-${$page.params.database}/collection-${$page.params.collection}/document-${$page.params.document}/activity`;
-</script>
-
-<Activity {path} logs={data.logs} offset={data.offset} />
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/activity/[[page]]/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/activity/[[page]]/+page.ts
deleted file mode 100644
index a6606dde6..000000000
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/activity/[[page]]/+page.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { PAGE_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent }) => {
-    await parent();
-    const page = Number(params.page);
-    const offset = pageToOffset(page, PAGE_LIMIT);
-
-    return {
-        offset,
-        logs: await sdkForProject.databases.listDocumentLogs(
-            params.database,
-            params.collection,
-            params.document,
-            [Query.limit(PAGE_LIMIT), Query.offset(offset)]
-        )
-    };
-};
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/string.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/string.svelte
index e6655f95e..49750c8ea 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/string.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/string.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import InputText from '$lib/elements/forms/inputText.svelte';
+    import InputTextarea from '$lib/elements/forms/inputTextarea.svelte';
     import type { Models } from '@aw-labs/appwrite-console';
 
     export let id: string;
@@ -9,12 +10,24 @@
     export let optionalText: string | undefined = undefined;
 </script>
 
-<InputText
-    {id}
-    {label}
-    {optionalText}
-    placeholder="Enter string"
-    showLabel={!!label?.length}
-    required={attribute.required}
-    maxlength={attribute.size}
-    bind:value />
+{#if attribute.size > 64}
+    <InputTextarea
+        {id}
+        {label}
+        {optionalText}
+        placeholder="Enter string"
+        showLabel={!!label?.length}
+        required={attribute.required}
+        maxlength={attribute.size}
+        bind:value />
+{:else}
+    <InputText
+        {id}
+        {label}
+        {optionalText}
+        placeholder="Enter string"
+        showLabel={!!label?.length}
+        required={attribute.required}
+        maxlength={attribute.size}
+        bind:value />
+{/if}
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/delete.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/delete.svelte
index 591a45be3..e7152591b 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/delete.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/delete.svelte
@@ -6,7 +6,7 @@
     import { Modal } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { collection } from '../store';
 
     export let showDelete = false;
@@ -15,7 +15,7 @@
 
     const handleDelete = async () => {
         try {
-            await sdkForProject.databases.deleteDocument(
+            await sdk.forProject.databases.deleteDocument(
                 databaseId,
                 $page.params.collection,
                 $page.params.document
@@ -39,10 +39,10 @@
     };
 </script>
 
-<Modal warning={true} on:submit={handleDelete} bind:show={showDelete}>
+<Modal warning={true} onSubmit={handleDelete} bind:show={showDelete}>
     <svelte:fragment slot="header">Delete Document</svelte:fragment>
 
-    <p>
+    <p data-private>
         Are you sure you want to delete <b>the document from {$collection.name}</b>?
     </p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/document.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/document.svelte
index b832db632..67c4e7a31 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/document.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/document-[document]/document.svelte
@@ -5,7 +5,7 @@
     import { doc } from './store';
     import { onMount } from 'svelte';
     import { page } from '$app/stores';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { addNotification } from '$lib/stores/notifications';
     import { writable } from 'svelte/store';
     import type { Models } from '@aw-labs/appwrite-console';
@@ -52,7 +52,7 @@
 
     async function updateData() {
         try {
-            await sdkForProject.databases.updateDocument(
+            await sdk.forProject.databases.updateDocument(
                 databaseId,
                 collectionId,
                 documentId,
@@ -79,7 +79,7 @@
 </script>
 
 <CardGrid>
-    <Heading tag="h6" size="7">Update Data</Heading>
+    <Heading tag="h6" size="7">Data</Heading>
     <p>Update document data based on the attributes created earlier.</p>
     <svelte:fragment slot="aside">
         <AttributeForm attributes={$collection.attributes} bind:formValues={$work} gap="16" />
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/header.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/header.svelte
index 2965b7e45..ed39eaf71 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/header.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/header.svelte
@@ -6,11 +6,11 @@
     import { Cover, CoverTitle } from '$lib/layout';
     import { collection } from './store';
 
-    const projectId = $page.params.project;
-    const databaseId = $page.params.database;
-    const collectionId = $page.params.collection;
-    const path = `/console/project-${projectId}/databases/database-${databaseId}/collection-${collectionId}`;
-    const tabs = [
+    $: projectId = $page.params.project;
+    $: databaseId = $page.params.database;
+    $: collectionId = $page.params.collection;
+    $: path = `/console/project-${projectId}/databases/database-${databaseId}/collection-${collectionId}`;
+    $: tabs = [
         {
             href: path,
             title: 'Documents',
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/indexes/createIndex.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/indexes/createIndex.svelte
index 604f85a58..5528ddee2 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/indexes/createIndex.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/indexes/createIndex.svelte
@@ -8,7 +8,7 @@
     import { Button, FormList, InputSelect, InputText } from '$lib/elements/forms';
     import { remove } from '$lib/helpers/array';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { indexes, type Attributes } from '../store';
     import { collection } from '../store';
     import Select from './select.svelte';
@@ -31,8 +31,8 @@
         value: attribute.key,
         label: attribute.key
     }));
+
     let attributeList = [{ value: '', order: '' }];
-    let creating = false;
 
     function initialize() {
         attributeList = externalAttribute
@@ -47,8 +47,7 @@
         initialize();
     }
 
-    $: addAttributeDisabled =
-        !attributeList.at(-1)?.value || !attributeList.at(-1)?.order || creating;
+    $: addAttributeDisabled = !attributeList.at(-1)?.value || !attributeList.at(-1)?.order;
 
     async function create() {
         if (!(key && selectedType && !addAttributeDisabled)) {
@@ -56,10 +55,8 @@
             return;
         }
 
-        creating = true;
-
         try {
-            await sdkForProject.databases.createIndex(
+            await sdk.forProject.databases.createIndex(
                 databaseId,
                 $collection.$id,
                 key,
@@ -81,15 +78,13 @@
                 type: 'success'
             });
             trackEvent(Submit.IndexCreate);
+            showCreateIndex = false;
         } catch (error) {
             addNotification({
                 message: error.message,
                 type: 'error'
             });
             trackError(error, Submit.IndexCreate);
-        } finally {
-            showCreateIndex = false;
-            creating = false;
         }
     }
 
@@ -101,7 +96,7 @@
     }
 </script>
 
-<Modal bind:error size="big" on:submit={create} bind:show={showCreateIndex}>
+<Modal bind:error size="big" onSubmit={create} bind:show={showCreateIndex}>
     <svelte:fragment slot="header">Create Index</svelte:fragment>
     <FormList>
         <InputText id="key" label="Index Key" placeholder="Enter Key" bind:value={key} autofocus />
@@ -138,6 +133,7 @@
 
                 <div class="form-item-part u-cross-child-end">
                     <Button
+                        noMargin
                         text
                         disabled={attributeList.length <= 1}
                         on:click={() => {
@@ -156,6 +152,6 @@
     </FormList>
     <svelte:fragment slot="footer">
         <Button secondary on:click={() => (showCreateIndex = false)}>Cancel</Button>
-        <Button submit disabled={creating}>Create</Button>
+        <Button submit>Create</Button>
     </svelte:fragment>
 </Modal>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/indexes/deleteIndex.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/indexes/deleteIndex.svelte
index 57ed82384..180fbfa9e 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/indexes/deleteIndex.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/indexes/deleteIndex.svelte
@@ -3,7 +3,7 @@
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
     import { collection } from '../store';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@aw-labs/appwrite-console';
     import { createEventDispatcher } from 'svelte';
     import { page } from '$app/stores';
@@ -17,7 +17,7 @@
 
     const handleDelete = async () => {
         try {
-            await sdkForProject.databases.deleteIndex(
+            await sdk.forProject.databases.deleteIndex(
                 databaseId,
                 $collection.$id,
                 selectedIndex.key
@@ -39,10 +39,10 @@
     };
 </script>
 
-<Modal warning={true} on:submit={handleDelete} bind:show={showDelete}>
+<Modal warning={true} onSubmit={handleDelete} bind:show={showDelete}>
     <svelte:fragment slot="header">Delete Index</svelte:fragment>
 
-    <p>
+    <p data-private>
         Are you sure you want to delete <b>'{selectedIndex.key}' from {$collection.name}</b>?
     </p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/deleteCollection.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/deleteCollection.svelte
index 56629e2a0..ac8505b71 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/deleteCollection.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/deleteCollection.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
-    import { goto } from '$app/navigation';
+    import { goto, invalidate } from '$app/navigation';
     import { base } from '$app/paths';
     import { page } from '$app/stores';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
     import { Modal } from '$lib/components';
+    import { Dependencies } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { collection } from '../store';
 
     export let showDelete = false;
@@ -15,7 +16,7 @@
 
     const handleDelete = async () => {
         try {
-            await sdkForProject.databases.deleteCollection(databaseId, $collection.$id);
+            await sdk.forProject.databases.deleteCollection(databaseId, $collection.$id);
             showDelete = false;
             addNotification({
                 type: 'success',
@@ -25,6 +26,7 @@
             await goto(
                 `${base}/console/project-${$page.params.project}/databases/database-${$page.params.database}`
             );
+            invalidate(Dependencies.DATABASE);
         } catch (error) {
             addNotification({
                 type: 'error',
@@ -35,10 +37,10 @@
     };
 </script>
 
-<Modal warning={true} bind:show={showDelete} on:submit={handleDelete}>
+<Modal warning={true} bind:show={showDelete} onSubmit={handleDelete}>
     <svelte:fragment slot="header">Delete Collection</svelte:fragment>
 
-    <p>
+    <p data-private>
         Are you sure you want to delete <b>{$collection.name}</b>?
     </p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updateName.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updateName.svelte
index 24ccc1199..580e72965 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updateName.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updateName.svelte
@@ -6,7 +6,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { collection } from '../store';
 
@@ -20,7 +20,7 @@
 
     async function updateName() {
         try {
-            await sdkForProject.databases.updateCollection(
+            await sdk.forProject.databases.updateCollection(
                 databaseId,
                 $collection.$id,
                 collectionName,
@@ -44,9 +44,9 @@
     }
 </script>
 
-<Form on:submit={updateName}>
+<Form onSubmit={updateName}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Name</Heading>
+        <Heading tag="h6" size="7">Name</Heading>
 
         <svelte:fragment slot="aside">
             <ul>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updatePermissions.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updatePermissions.svelte
index 418052dde..c6e489b3d 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updatePermissions.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updatePermissions.svelte
@@ -8,7 +8,7 @@
     import { Button } from '$lib/elements/forms';
     import { symmetricDifference } from '$lib/helpers/array';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { collection } from '../store';
 
@@ -24,7 +24,7 @@
 
     async function updatePermissions() {
         try {
-            await sdkForProject.databases.updateCollection(
+            await sdk.forProject.databases.updateCollection(
                 databaseId,
                 $collection.$id,
                 $collection.name,
@@ -57,7 +57,7 @@
 </script>
 
 <CardGrid>
-    <Heading tag="h6" size="7">Update Permissions</Heading>
+    <Heading tag="h6" size="7">Permissions</Heading>
     <p class="text">
         Choose who can access your collection and documents. For more information, check out the <a
             href="https://appwrite.io/docs/permissions"
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updateSecurity.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updateSecurity.svelte
index e34406fb8..6eff561ad 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updateSecurity.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updateSecurity.svelte
@@ -6,7 +6,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, FormList, InputSwitch } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { collection } from '../store';
 
@@ -20,7 +20,7 @@
 
     async function updateSecurity() {
         try {
-            await sdkForProject.databases.updateCollection(
+            await sdk.forProject.databases.updateCollection(
                 databaseId,
                 $collection.$id,
                 $collection.name,
@@ -45,7 +45,7 @@
 </script>
 
 <CardGrid>
-    <Heading tag="h6" size="7">Update Document Security</Heading>
+    <Heading tag="h6" size="7">Document Security</Heading>
     <svelte:fragment slot="aside">
         <FormList>
             <InputSwitch
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updateStatus.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updateStatus.svelte
index ea064ebda..2b3cc1c51 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updateStatus.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/updateStatus.svelte
@@ -7,7 +7,7 @@
     import { Button, InputSwitch } from '$lib/elements/forms';
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { collection } from '../store';
 
@@ -21,7 +21,7 @@
 
     async function toggleCollection() {
         try {
-            await sdkForProject.databases.updateCollection(
+            await sdk.forProject.databases.updateCollection(
                 databaseId,
                 $collection.$id,
                 $collection.name,
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/store.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/store.ts
index 65c00bd63..5c00adeea 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/store.ts
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/store.ts
@@ -1,6 +1,7 @@
 import { page } from '$app/stores';
+import type { Column } from '$lib/components/viewSelector.svelte';
 import type { Models } from '@aw-labs/appwrite-console';
-import { derived } from 'svelte/store';
+import { derived, writable } from 'svelte/store';
 
 export type Attributes =
     | Models.AttributeBoolean
@@ -22,3 +23,4 @@ export const attributes = derived(
     ($page) => $page.data.collection.attributes as Attributes[]
 );
 export const indexes = derived(page, ($page) => $page.data.collection.indexes as Models.Index[]);
+export const columns = writable<Column[]>([]);
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
new file mode 100644
index 000000000..efb46a2e4
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
@@ -0,0 +1,44 @@
+<script lang="ts">
+    import { base } from '$app/paths';
+    import { page } from '$app/stores';
+    import { showCreate } from '../store';
+    import type { PageData } from './$types';
+
+    $: data = $page.data as PageData;
+    $: project = $page.params.project;
+    $: databaseId = $page.params.database;
+    $: collectionId = $page.params.collection;
+
+    $: sortedCollections = data?.allCollections?.collections?.sort((a, b) =>
+        a.name.localeCompare(b.name)
+    );
+</script>
+
+<section class="drop-section u-flex-vertical u-gap-8">
+    <a
+        class="u-flex u-cross-center u-sep-block-end u-padding-block-12 is-not-desktop"
+        href={`${base}/console/project-${project}/databases/database-${databaseId}`}>
+        <span class="icon-cheveron-left" aria-hidden="true" />
+        <h5 class="eyebrow-heading-3 u-margin-inline-auto">Collections</h5>
+    </a>
+    <h5 class="eyebrow-heading-3 u-padding-block-12 is-not-mobile">Collections</h5>
+    <button
+        class="button is-text is-full-width u-main-start u-padding-inline-0"
+        on:click={() => ($showCreate = true)}>
+        <span class="icon-plus" aria-hidden="true" />
+        <span class="text">Create collection</span>
+    </button>
+    {#if data?.allCollections?.total}
+        <ul class="drop-list">
+            {#each sortedCollections as collection}
+                {@const href = `${base}/console/project-${project}/databases/database-${databaseId}/collection-${collection.$id}`}
+                {@const isSelected = collectionId === collection.$id}
+                <li class="drop-list-item">
+                    <a class="drop-button" class:is-selected={isSelected} {href}>
+                        <span class="text">{collection.name}</span>
+                    </a>
+                </li>
+            {/each}
+        </ul>
+    {/if}
+</section>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
new file mode 100644
index 000000000..14b20e189
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/table.svelte
@@ -0,0 +1,98 @@
+<script lang="ts">
+    import { base } from '$app/paths';
+    import { page } from '$app/stores';
+    import { tooltip } from '$lib/actions/tooltip';
+    import { Copy } from '$lib/components';
+    import { Pill } from '$lib/elements';
+    import {
+        TableBody,
+        TableCell,
+        TableCellHead,
+        TableHeader,
+        TableRowLink,
+        TableScroll
+    } from '$lib/elements/table';
+    import type { PageData } from './$types';
+    import { collection, columns } from './store';
+
+    export let data: PageData;
+
+    const projectId = $page.params.project;
+    const databaseId = $page.params.database;
+
+    function formatArray(array: unknown[]) {
+        if (array.length === 0) return '[ ]';
+
+        let formattedFields: string[] = [];
+        for (const item of array) {
+            if (typeof item === 'string') {
+                formattedFields.push(`"${item}"`);
+            } else {
+                formattedFields.push(`${item}`);
+            }
+        }
+
+        return `[${formattedFields.join(', ')}]`;
+    }
+
+    function formatColumn(column: unknown) {
+        let formattedColumn: string;
+
+        if (typeof column === 'string') {
+            formattedColumn = column;
+        } else if (Array.isArray(column)) {
+            formattedColumn = formatArray(column);
+        } else if (column === null) {
+            formattedColumn = 'n/a';
+        } else {
+            formattedColumn = `${column}`;
+        }
+
+        return {
+            value:
+                formattedColumn.length > 20
+                    ? `${formattedColumn.slice(0, 20)}...`
+                    : formattedColumn,
+            truncated: formattedColumn.length > 20,
+            whole: formattedColumn
+        };
+    }
+</script>
+
+<TableScroll isSticky>
+    <TableHeader>
+        <TableCellHead width={100} eyebrow={false}>Document ID</TableCellHead>
+        {#each $columns.filter((n) => n.show) as column}
+            {#if column.show}
+                <TableCellHead eyebrow={false}>{column.title}</TableCellHead>
+            {/if}
+        {/each}
+    </TableHeader>
+    <TableBody>
+        {#each data.documents.documents as document}
+            <TableRowLink
+                href={`${base}/console/project-${projectId}/databases/database-${databaseId}/collection-${$collection.$id}/document-${document.$id}`}>
+                <TableCell>
+                    <Copy value={document.$id}>
+                        <Pill button trim>
+                            <span class="icon-duplicate" aria-hidden="true" />
+                            <span class="text">{document.$id}</span>
+                        </Pill>
+                    </Copy>
+                </TableCell>
+                {#each $columns.filter((n) => n.show) as column}
+                    {@const formatted = formatColumn(document[column.id])}
+                    <TableCell>
+                        <div
+                            use:tooltip={{
+                                content: formatted.whole,
+                                disabled: !formatted.truncated
+                            }}>
+                            {formatted.value}
+                        </div>
+                    </TableCell>
+                {/each}
+            </TableRowLink>
+        {/each}
+    </TableBody>
+</TableScroll>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/usage/[[period]]/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/usage/[[period]]/+page.ts
index cf4a899cf..7ce5151b6 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/usage/[[period]]/+page.ts
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/usage/[[period]]/+page.ts
@@ -1,10 +1,9 @@
 import type { Models } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ params, parent }) => {
-    await parent();
-    const response = await sdkForProject.databases.getCollectionUsage(
+export const load: PageLoad = async ({ params }) => {
+    const response = await sdk.forProject.databases.getCollectionUsage(
         params.database,
         params.collection,
         params.period ?? '30d'
diff --git a/src/routes/console/project-[project]/databases/database-[database]/create.svelte b/src/routes/console/project-[project]/databases/database-[database]/createCollection.svelte
similarity index 92%
rename from src/routes/console/project-[project]/databases/database-[database]/create.svelte
rename to src/routes/console/project-[project]/databases/database-[database]/createCollection.svelte
index 32c4bfa2c..4ed05e6b5 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/create.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/createCollection.svelte
@@ -6,7 +6,7 @@
     import { Pill } from '$lib/elements';
     import { Button, InputText, FormList } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { ID } from '@aw-labs/appwrite-console';
     import { createEventDispatcher } from 'svelte';
 
@@ -21,7 +21,7 @@
 
     const create = async () => {
         try {
-            const collection = await sdkForProject.databases.createCollection(
+            const collection = await sdk.forProject.databases.createCollection(
                 databaseId,
                 id ? id : ID.unique(),
                 name
@@ -46,7 +46,7 @@
     };
 </script>
 
-<Modal size="big" bind:show={showCreate} on:submit={create}>
+<Modal size="big" bind:show={showCreate} onSubmit={create}>
     <svelte:fragment slot="header">Create Collection</svelte:fragment>
     <FormList>
         <InputText
diff --git a/src/routes/console/project-[project]/databases/database-[database]/delete.svelte b/src/routes/console/project-[project]/databases/database-[database]/delete.svelte
index bfbdb1916..c2536ddb1 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/delete.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/delete.svelte
@@ -6,7 +6,7 @@
     import { Modal } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { database } from './store';
     const databaseId = $page.params.database;
 
@@ -14,7 +14,7 @@
 
     const handleDelete = async () => {
         try {
-            await sdkForProject.databases.delete(databaseId);
+            await sdk.forProject.databases.delete(databaseId);
             showDelete = false;
             addNotification({
                 type: 'success',
@@ -32,9 +32,9 @@
     };
 </script>
 
-<Modal warning={true} bind:show={showDelete} on:submit={handleDelete}>
+<Modal warning={true} bind:show={showDelete} onSubmit={handleDelete}>
     <svelte:fragment slot="header">Delete Database</svelte:fragment>
-    <p class="text">
+    <p class="text" data-private>
         Are you sure you want to delete <b>{$database.name}</b>?
     </p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/databases/database-[database]/grid.svelte b/src/routes/console/project-[project]/databases/database-[database]/grid.svelte
new file mode 100644
index 000000000..ae0eeaa24
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database-[database]/grid.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+    import { base } from '$app/paths';
+    import { page } from '$app/stores';
+    import { CardContainer, Copy, GridItem1 } from '$lib/components';
+    import { Pill } from '$lib/elements';
+    import type { PageData } from './$types';
+    export let data: PageData;
+    export let showCreate = false;
+    const projectId = $page.params.project;
+    const databaseId = $page.params.database;
+</script>
+
+<CardContainer
+    total={data.collections.total}
+    on:click={() => (showCreate = true)}
+    event="collection">
+    {#each data.collections.collections as collection}
+        <GridItem1
+            href={`${base}/console/project-${projectId}/databases/database-${databaseId}/collection-${collection.$id}`}>
+            <svelte:fragment slot="title">{collection.name}</svelte:fragment>
+            <svelte:fragment slot="status">
+                {#if !collection.enabled}
+                    <Pill>disabled</Pill>
+                {/if}</svelte:fragment>
+
+            <Copy value={collection.$id}>
+                <Pill button><i class="icon-duplicate" />Collection ID</Pill>
+            </Copy>
+        </GridItem1>
+    {/each}
+</CardContainer>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/settings/+page.svelte b/src/routes/console/project-[project]/databases/database-[database]/settings/+page.svelte
index f5b9c687b..63c40a6ea 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/settings/+page.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/settings/+page.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
-    import { page } from '$app/stores';
-    import { Card, CardGrid, Box, Heading, AvatarInitials } from '$lib/components';
-    import { Container } from '$lib/layout';
-    import { Button, InputText, Helper } from '$lib/elements/forms';
-    import { sdkForProject } from '$lib/stores/sdk';
-    import { addNotification } from '$lib/stores/notifications';
-    import { database } from '../store';
-    import { onMount } from 'svelte';
-    import { toLocaleDateTime } from '$lib/helpers/date';
     import { invalidate } from '$app/navigation';
+    import { page } from '$app/stores';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
+    import { Box, Card, CardGrid, Heading } from '$lib/components';
     import { Dependencies } from '$lib/constants';
+    import { Button, Helper, InputText } from '$lib/elements/forms';
+    import { toLocaleDateTime } from '$lib/helpers/date';
+    import { Container } from '$lib/layout';
+    import { addNotification } from '$lib/stores/notifications';
+    import { sdk } from '$lib/stores/sdk';
+    import { onMount } from 'svelte';
     import Delete from '../delete.svelte';
-    import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import { database } from '../store';
 
     let showDelete = false;
     let showError: false | 'name' | 'email' | 'password' = false;
@@ -31,7 +31,7 @@
 
     async function updateName() {
         try {
-            await sdkForProject.databases.update($page.params.database, databaseName);
+            await sdk.forProject.databases.update($page.params.database, databaseName);
             invalidate(Dependencies.DATABASE);
             addNotification({
                 message: 'Name has been updated',
@@ -51,7 +51,6 @@
             <div class="common-section grid-1-2">
                 <div class="grid-1-2-col-1">
                     <div class="grid-1-2-col-1 u-flex u-cross-center u-gap-16">
-                        <AvatarInitials size={48} name={$database.name} />
                         <Heading tag="h6" size="7">{$database.name}</Heading>
                     </div>
                 </div>
@@ -63,7 +62,7 @@
         </Card>
 
         <CardGrid>
-            <Heading tag="h6" size="7">Update Name</Heading>
+            <Heading tag="h6" size="7">Name</Heading>
 
             <svelte:fragment slot="aside">
                 <ul>
@@ -90,7 +89,7 @@
 
         <CardGrid danger>
             <div>
-                <Heading tag="h6" size="7">Danger Zone</Heading>
+                <Heading tag="h6" size="7">Delete Database</Heading>
             </div>
 
             <p>
@@ -99,9 +98,6 @@
             </p>
             <svelte:fragment slot="aside">
                 <Box>
-                    <svelte:fragment slot="image">
-                        <AvatarInitials size={48} name={$database.name} />
-                    </svelte:fragment>
                     <svelte:fragment slot="title">
                         <h6 class="u-bold u-trim-1">{$database.name}</h6>
                         <span>Last Updated: {toLocaleDateTime($database.$updatedAt)}</span>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/store.ts b/src/routes/console/project-[project]/databases/database-[database]/store.ts
index 37fc82784..37d1a95e2 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/store.ts
+++ b/src/routes/console/project-[project]/databases/database-[database]/store.ts
@@ -1,5 +1,14 @@
-import { derived } from 'svelte/store';
 import { page } from '$app/stores';
+import type { Column } from '$lib/components/viewSelector.svelte';
 import type { Models } from '@aw-labs/appwrite-console';
+import { derived, writable } from 'svelte/store';
 
 export const database = derived(page, ($page) => $page.data.database as Models.Database);
+export const showCreate = writable(false);
+
+export const columns = writable<Column[]>([
+    { id: '$id', title: 'Database ID', show: true, width: 50 },
+    { id: 'name', title: 'Name', show: true, width: 120 },
+    { id: '$createdAt', title: 'Created', show: true, width: 120 },
+    { id: '$updatedAt', title: 'Updated', show: true, width: 120 }
+]);
diff --git a/src/routes/console/project-[project]/databases/database-[database]/table.svelte b/src/routes/console/project-[project]/databases/database-[database]/table.svelte
new file mode 100644
index 000000000..8e7c51a61
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/database-[database]/table.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+    import { base } from '$app/paths';
+    import { page } from '$app/stores';
+    import { Copy } from '$lib/components';
+    import { Pill } from '$lib/elements';
+    import {
+        Table,
+        TableBody,
+        TableCell,
+        TableCellHead,
+        TableCellText,
+        TableHeader,
+        TableRowLink
+    } from '$lib/elements/table';
+    import { toLocaleDateTime } from '$lib/helpers/date';
+    import type { PageData } from './$types';
+    import { columns } from './store';
+
+    export let data: PageData;
+    const projectId = $page.params.project;
+    const databaseId = $page.params.database;
+</script>
+
+<Table>
+    <TableHeader>
+        {#each $columns as column}
+            {#if column.show}
+                <TableCellHead width={column.width}>{column.title}</TableCellHead>
+            {/if}
+        {/each}
+    </TableHeader>
+    <TableBody>
+        {#each data.collections.collections as collection}
+            <TableRowLink
+                href={`${base}/console/project-${projectId}/databases/database-${databaseId}/collection-${collection.$id}`}>
+                {#each $columns as column}
+                    {#if column.show}
+                        {#if column.id === '$id'}
+                            {#key $columns}
+                                <TableCell title={column.title}>
+                                    <Copy value={collection.$id}>
+                                        <Pill button trim>
+                                            <span class="icon-duplicate" aria-hidden="true" />
+                                            <span class="text u-trim">{collection.$id}</span>
+                                        </Pill>
+                                    </Copy>
+                                </TableCell>
+                            {/key}
+                        {:else if column.id === 'name'}
+                            <TableCellText title={column.title}>
+                                {collection.name}
+                            </TableCellText>
+                        {:else}
+                            <TableCellText title={column.title}>
+                                {toLocaleDateTime(collection[column.id])}
+                            </TableCellText>
+                        {/if}
+                    {/if}
+                {/each}
+            </TableRowLink>
+        {/each}
+    </TableBody>
+</Table>
diff --git a/src/routes/console/project-[project]/databases/database-[database]/usage/[[period]]/+page.ts b/src/routes/console/project-[project]/databases/database-[database]/usage/[[period]]/+page.ts
index bc1023198..eca33fdee 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/usage/[[period]]/+page.ts
+++ b/src/routes/console/project-[project]/databases/database-[database]/usage/[[period]]/+page.ts
@@ -1,10 +1,9 @@
 import type { Models } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ params, parent }) => {
-    await parent();
-    const response = await sdkForProject.databases.getDatabaseUsage(
+export const load: PageLoad = async ({ params }) => {
+    const response = await sdk.forProject.databases.getDatabaseUsage(
         params.database,
         params.period ?? '30d'
     );
diff --git a/src/routes/console/project-[project]/databases/grid.svelte b/src/routes/console/project-[project]/databases/grid.svelte
new file mode 100644
index 000000000..1efa0fbed
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/grid.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+    import { base } from '$app/paths';
+    import { page } from '$app/stores';
+    import { CardContainer, Copy, GridItem1 } from '$lib/components';
+    import { Pill } from '$lib/elements';
+    import type { PageData } from './$types';
+    export let data: PageData;
+    export let showCreate = false;
+    const project = $page.params.project;
+</script>
+
+<CardContainer total={data.databases.total} on:click={() => (showCreate = true)} event="database">
+    {#each data.databases.databases as database}
+        <GridItem1 href={`${base}/console/project-${project}/databases/database-${database.$id}`}>
+            <svelte:fragment slot="title">{database.name}</svelte:fragment>
+
+            <Copy value={database.$id}>
+                <Pill button><i class="icon-duplicate" />Database ID</Pill>
+            </Copy>
+        </GridItem1>
+    {/each}
+    <svelte:fragment slot="empty">
+        <p>Create a new database</p>
+    </svelte:fragment>
+</CardContainer>
diff --git a/src/routes/console/project-[project]/databases/store.ts b/src/routes/console/project-[project]/databases/store.ts
new file mode 100644
index 000000000..d0435fc06
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/store.ts
@@ -0,0 +1,9 @@
+import type { Column } from '$lib/components/viewSelector.svelte';
+import { writable } from 'svelte/store';
+
+export const columns = writable<Column[]>([
+    { id: '$id', title: 'Database ID', show: true, width: 50 },
+    { id: 'name', title: 'Name', show: true, width: 120 },
+    { id: '$createdAt', title: 'Created', show: true, width: 120 },
+    { id: '$updatedAt', title: 'Updated', show: true, width: 120 }
+]);
diff --git a/src/routes/console/project-[project]/databases/table.svelte b/src/routes/console/project-[project]/databases/table.svelte
new file mode 100644
index 000000000..ffbc21e78
--- /dev/null
+++ b/src/routes/console/project-[project]/databases/table.svelte
@@ -0,0 +1,62 @@
+<script lang="ts">
+    import { base } from '$app/paths';
+    import { page } from '$app/stores';
+    import { Copy } from '$lib/components';
+    import { Pill } from '$lib/elements';
+    import {
+        Table,
+        TableBody,
+        TableCell,
+        TableCellHead,
+        TableCellText,
+        TableHeader,
+        TableRowLink
+    } from '$lib/elements/table';
+    import { toLocaleDateTime } from '$lib/helpers/date';
+    import type { PageData } from './$types';
+    import { columns } from './store';
+
+    export let data: PageData;
+    const projectId = $page.params.project;
+</script>
+
+<Table>
+    <TableHeader>
+        {#each $columns as column}
+            {#if column.show}
+                <TableCellHead width={column.width}>{column.title}</TableCellHead>
+            {/if}
+        {/each}
+    </TableHeader>
+    <TableBody>
+        {#each data.databases.databases as database}
+            <TableRowLink
+                href={`${base}/console/project-${projectId}/databases/database-${database.$id}`}>
+                {#each $columns as column}
+                    {#if column.show}
+                        {#if column.id === '$id'}
+                            {#key $columns}
+                                <TableCell title={column.title}>
+                                    <Copy value={database.$id}>
+                                        <Pill button trim>
+                                            <span class="icon-duplicate" aria-hidden="true" />
+                                            <span class="text u-trim">{database.$id}</span>
+                                        </Pill>
+                                    </Copy>
+                                </TableCell>
+                            {/key}
+                        {:else if column.id === 'name'}
+                            <TableCellText title={column.title}>
+                                {database.name}
+                            </TableCellText>
+                        {:else}
+                            <TableCellText title={column.title}>
+                                {toLocaleDateTime(database[column.id])}
+                            </TableCellText>
+                        {/if}
+                    {/if}
+                {/each}
+            </TableRowLink>
+        {/each}
+    </TableBody>
+</Table>
diff --git a/src/routes/console/project-[project]/databases/usage/[[period]]/+page.ts b/src/routes/console/project-[project]/databases/usage/[[period]]/+page.ts
index 9017a1b24..c7378bbe4 100644
--- a/src/routes/console/project-[project]/databases/usage/[[period]]/+page.ts
+++ b/src/routes/console/project-[project]/databases/usage/[[period]]/+page.ts
@@ -1,17 +1,20 @@
 import type { Models } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
+import { error } from '@sveltejs/kit';
 
-export const load: PageLoad = async ({ params, parent }) => {
-    await parent();
+export const load: PageLoad = async ({ params }) => {
     const { period } = params;
-    const response = await sdkForProject.databases.getUsage(period ?? '30d');
-
-    return {
-        count: response.databasesCount as unknown as Models.Metric[],
-        created: response.databasesCreate as unknown as Models.Metric[],
-        read: response.databasesRead as unknown as Models.Metric[],
-        updated: response.databasesUpdate as unknown as Models.Metric[],
-        deleted: response.databasesDelete as unknown as Models.Metric[]
-    };
+    try {
+        const response = await sdk.forProject.databases.getUsage(period ?? '30d');
+        return {
+            count: response.databasesCount as unknown as Models.Metric[],
+            created: response.databasesCreate as unknown as Models.Metric[],
+            read: response.databasesRead as unknown as Models.Metric[],
+            updated: response.databasesUpdate as unknown as Models.Metric[],
+            deleted: response.databasesDelete as unknown as Models.Metric[]
+        };
+    } catch (err) {
+        throw error(err.code, err.message);
+    }
 };
diff --git a/src/routes/console/project-[project]/functions/+layout.svelte b/src/routes/console/project-[project]/functions/+layout.svelte
index 8ccdfb692..268f2cfc0 100644
--- a/src/routes/console/project-[project]/functions/+layout.svelte
+++ b/src/routes/console/project-[project]/functions/+layout.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
     import { onDestroy, onMount } from 'svelte';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { Dependencies } from '$lib/constants';
     import { invalidate } from '$app/navigation';
 
     let unsubscribe: { (): void };
 
     onMount(() => {
-        unsubscribe = sdkForConsole.client.subscribe('console', (response) => {
+        unsubscribe = sdk.forConsole.client.subscribe('console', (response) => {
             if (response.events.includes('functions.*.deployments.*')) {
                 invalidate(Dependencies.DEPLOYMENTS);
             }
diff --git a/src/routes/console/project-[project]/functions/+layout.ts b/src/routes/console/project-[project]/functions/+layout.ts
index 12cc3f795..7db345058 100644
--- a/src/routes/console/project-[project]/functions/+layout.ts
+++ b/src/routes/console/project-[project]/functions/+layout.ts
@@ -2,9 +2,7 @@ import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
 import type { LayoutLoad } from './$types';
 
-export const load: LayoutLoad = async ({ parent }) => {
-    await parent();
-
+export const load: LayoutLoad = async () => {
     return {
         header: Header,
         breadcrumbs: Breadcrumbs
diff --git a/src/routes/console/project-[project]/functions/[[page]]/+page.svelte b/src/routes/console/project-[project]/functions/+page.svelte
similarity index 87%
rename from src/routes/console/project-[project]/functions/[[page]]/+page.svelte
rename to src/routes/console/project-[project]/functions/+page.svelte
index f7aef2a0d..1a26cb9ba 100644
--- a/src/routes/console/project-[project]/functions/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/functions/+page.svelte
@@ -1,7 +1,15 @@
 <script lang="ts">
     import { page } from '$app/stores';
     import { Button } from '$lib/elements/forms';
-    import { Empty, CardContainer, Copy, GridItem1, Heading, Pagination } from '$lib/components';
+    import {
+        Empty,
+        CardContainer,
+        Copy,
+        GridItem1,
+        Heading,
+        Pagination,
+        Limit
+    } from '$lib/components';
     import { Pill } from '$lib/elements';
     import { Container } from '$lib/layout';
     import { base } from '$app/paths';
@@ -10,9 +18,8 @@
     import { wizard } from '$lib/stores/wizard';
     import { beforeNavigate } from '$app/navigation';
     import { toLocaleDateTime } from '$lib/helpers/date';
-    import Create from '../createFunction.svelte';
+    import Create from './createFunction.svelte';
     import type { PageData } from './$types';
-    import { CARD_LIMIT } from '$lib/constants';
 
     export let data: PageData;
 
@@ -82,12 +89,8 @@
             </svelte:fragment>
         </CardContainer>
         <div class="u-flex u-margin-block-start-32 u-main-space-between">
-            <p class="text">Total results: {data.functions.total}</p>
-            <Pagination
-                limit={CARD_LIMIT}
-                path={`/console/project-${$page.params.project}/functions`}
-                offset={data.offset}
-                sum={data.functions.total} />
+            <Limit limit={data.limit} sum={data.functions.total} name="Functions" />
+            <Pagination limit={data.limit} offset={data.offset} sum={data.functions.total} />
         </div>
     {:else}
         <Empty
diff --git a/src/routes/console/project-[project]/functions/+page.ts b/src/routes/console/project-[project]/functions/+page.ts
new file mode 100644
index 000000000..39f7bc2b6
--- /dev/null
+++ b/src/routes/console/project-[project]/functions/+page.ts
@@ -0,0 +1,22 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, pageToOffset } from '$lib/helpers/load';
+import { CARD_LIMIT, Dependencies } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ url, depends, route }) => {
+    depends(Dependencies.FUNCTIONS);
+    const page = getPage(url);
+    const limit = getLimit(url, route, CARD_LIMIT);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        functions: await sdk.forProject.functions.list([
+            Query.limit(limit),
+            Query.offset(offset),
+            Query.orderDesc('$createdAt')
+        ])
+    };
+};
diff --git a/src/routes/console/project-[project]/functions/[[page]]/+page.ts b/src/routes/console/project-[project]/functions/[[page]]/+page.ts
deleted file mode 100644
index 3c3b826a6..000000000
--- a/src/routes/console/project-[project]/functions/[[page]]/+page.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { CARD_LIMIT, Dependencies } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent, depends }) => {
-    await parent();
-    depends(Dependencies.FUNCTIONS);
-    const page = Number(params.page);
-    const offset = pageToOffset(page, CARD_LIMIT);
-
-    return {
-        offset,
-        functions: await sdkForProject.functions.list([
-            Query.limit(CARD_LIMIT),
-            Query.offset(offset),
-            Query.orderDesc('$createdAt')
-        ])
-    };
-};
diff --git a/src/routes/console/project-[project]/functions/createFunction.svelte b/src/routes/console/project-[project]/functions/createFunction.svelte
index 17b88d4cd..df4085034 100644
--- a/src/routes/console/project-[project]/functions/createFunction.svelte
+++ b/src/routes/console/project-[project]/functions/createFunction.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Wizard } from '$lib/layout';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onDestroy } from 'svelte';
     import { addNotification } from '$lib/stores/notifications';
     import { wizard } from '$lib/stores/wizard';
@@ -25,7 +25,7 @@
     }
     async function create() {
         try {
-            const response = await sdkForProject.functions.create(
+            const response = await sdk.forProject.functions.create(
                 $createFunction.id ?? ID.unique(),
                 $createFunction.name,
                 $createFunction.execute,
@@ -36,7 +36,7 @@
             );
             $createFunction.vars.forEach(
                 async (v) =>
-                    await sdkForProject.functions.createVariable(response.$id, v.key, v.value)
+                    await sdk.forProject.functions.createVariable(response.$id, v.key, v.value)
             );
             await invalidate(Dependencies.FUNCTIONS);
             goto(`${base}/console/project-${projectId}/functions/function-${response.$id}`);
diff --git a/src/routes/console/project-[project]/functions/createVariable.svelte b/src/routes/console/project-[project]/functions/createVariable.svelte
index bbedb5fbc..5287955b8 100644
--- a/src/routes/console/project-[project]/functions/createVariable.svelte
+++ b/src/routes/console/project-[project]/functions/createVariable.svelte
@@ -31,7 +31,7 @@
     }
 </script>
 
-<Modal bind:show={showCreate} on:submit={handleVariable} size="big">
+<Modal bind:show={showCreate} onSubmit={handleVariable} size="big">
     <svelte:fragment slot="header">
         {selectedVar ? 'Update' : 'Create'} Variable
     </svelte:fragment>
diff --git a/src/routes/console/project-[project]/functions/function-[function]/+layout.ts b/src/routes/console/project-[project]/functions/function-[function]/+layout.ts
index d91cd6300..2db9b9bb4 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/+layout.ts
+++ b/src/routes/console/project-[project]/functions/function-[function]/+layout.ts
@@ -1,19 +1,18 @@
-import { sdkForProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import { Dependencies } from '$lib/constants';
 import type { LayoutLoad } from './$types';
 import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
 import { error } from '@sveltejs/kit';
 
-export const load: LayoutLoad = async ({ params, parent, depends }) => {
-    await parent();
+export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.FUNCTION);
 
     try {
         return {
             header: Header,
             breadcrumbs: Breadcrumbs,
-            function: await sdkForProject.functions.get(params.function)
+            function: await sdk.forProject.functions.get(params.function)
         };
     } catch (e) {
         throw error(e.code, e.message);
diff --git a/src/routes/console/project-[project]/functions/function-[function]/[[page]]/+page.svelte b/src/routes/console/project-[project]/functions/function-[function]/+page.svelte
similarity index 93%
rename from src/routes/console/project-[project]/functions/function-[function]/[[page]]/+page.svelte
rename to src/routes/console/project-[project]/functions/function-[function]/+page.svelte
index af41f1d46..899c659eb 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/+page.svelte
@@ -9,7 +9,8 @@
         Empty,
         Status,
         Heading,
-        Pagination
+        Pagination,
+        Limit
     } from '$lib/components';
     import {
         TableHeader,
@@ -20,7 +21,7 @@
         TableCellText,
         TableScroll
     } from '$lib/elements/table';
-    import { execute, func } from '../store';
+    import { execute, func } from './store';
     import { Container } from '$lib/layout';
     import { base } from '$app/paths';
     import { app } from '$lib/stores/app';
@@ -28,15 +29,14 @@
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { log } from '$lib/stores/logs';
     import { invalidate } from '$app/navigation';
-    import { Dependencies, PAGE_LIMIT } from '$lib/constants';
+    import { Dependencies } from '$lib/constants';
     import type { Models } from '@aw-labs/appwrite-console';
     import type { PageData } from './$types';
-    import Delete from '../delete.svelte';
-    import Create from '../create.svelte';
-    import Activate from '../activate.svelte';
+    import Delete from './delete.svelte';
+    import Create from './create.svelte';
+    import Activate from './activate.svelte';
     import { browser } from '$app/environment';
-    import { sdkForConsole } from '$lib/stores/sdk';
-    import { page } from '$app/stores';
+    import { sdk } from '$lib/stores/sdk';
     import Output from '$lib/components/output.svelte';
     import { calculateTime } from '$lib/helpers/timeConversion';
     import { timer } from '$lib/actions/timer';
@@ -57,7 +57,7 @@
     $: activeDeployment = data.deployments.deployments.find((d) => d.$id === $func?.deployment);
 
     if (browser) {
-        sdkForConsole.client.subscribe<Models.Deployment>('console', (message) => {
+        sdk.forConsole.client.subscribe<Models.Deployment>('console', (message) => {
             if (message.events.includes('functions.*.deployments.*.create')) {
                 invalidate(Dependencies.DEPLOYMENTS);
 
@@ -279,13 +279,10 @@
             href="https://appwrite.io/docs/functions#createFunction"
             on:click={() => (showCreate = true)} />
     {/if}
+    {@const sum = data.deployments.total ? data.deployments.total - 1 : 0}
     <div class="u-flex u-margin-block-start-32 u-main-space-between">
-        <p class="text">Total results: {data.deployments.total ? data.deployments.total - 1 : 0}</p>
-        <Pagination
-            limit={PAGE_LIMIT}
-            path={`/console/project-${$page.params.project}/functions/function-${$page.params.function}`}
-            offset={data.offset}
-            sum={data.deployments.total ? data.deployments.total - 1 : 0} />
+        <Limit limit={data.limit} {sum} name="Deployments" />
+        <Pagination limit={data.limit} offset={data.offset} {sum} />
     </div>
 </Container>
 
diff --git a/src/routes/console/project-[project]/functions/function-[function]/+page.ts b/src/routes/console/project-[project]/functions/function-[function]/+page.ts
new file mode 100644
index 000000000..4b20b9fec
--- /dev/null
+++ b/src/routes/console/project-[project]/functions/function-[function]/+page.ts
@@ -0,0 +1,22 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, pageToOffset } from '$lib/helpers/load';
+import { Dependencies, PAGE_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, depends, url, route }) => {
+    depends(Dependencies.DEPLOYMENTS);
+    const page = getPage(url);
+    const limit = getLimit(url, route, PAGE_LIMIT);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        deployments: await sdk.forProject.functions.listDeployments(params.function, [
+            Query.limit(limit),
+            Query.offset(offset),
+            Query.orderDesc('$createdAt')
+        ])
+    };
+};
diff --git a/src/routes/console/project-[project]/functions/function-[function]/[[page]]/+page.ts b/src/routes/console/project-[project]/functions/function-[function]/[[page]]/+page.ts
deleted file mode 100644
index 9472fd6af..000000000
--- a/src/routes/console/project-[project]/functions/function-[function]/[[page]]/+page.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { Dependencies, PAGE_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent, depends }) => {
-    depends(Dependencies.DEPLOYMENTS);
-    await parent();
-    const page = Number(params.page);
-    const offset = pageToOffset(page, PAGE_LIMIT);
-
-    return {
-        offset,
-        deployments: await sdkForProject.functions.listDeployments(params.function, [
-            Query.limit(PAGE_LIMIT),
-            Query.offset(offset),
-            Query.orderDesc('$createdAt')
-        ])
-    };
-};
diff --git a/src/routes/console/project-[project]/functions/function-[function]/activate.svelte b/src/routes/console/project-[project]/functions/function-[function]/activate.svelte
index 8a20db834..292b1f457 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/activate.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/activate.svelte
@@ -3,7 +3,7 @@
     import { Modal } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@aw-labs/appwrite-console';
     import { createEventDispatcher } from 'svelte';
 
@@ -14,7 +14,7 @@
 
     const handleSubmit = async () => {
         try {
-            await sdkForProject.functions.updateDeployment(
+            await sdk.forProject.functions.updateDeployment(
                 selectedDeployment.resourceId,
                 selectedDeployment.$id
             );
@@ -35,7 +35,7 @@
     };
 </script>
 
-<Modal bind:show={showActivate} on:submit={handleSubmit}>
+<Modal bind:show={showActivate} onSubmit={handleSubmit}>
     <svelte:fragment slot="header">Activate Deployment</svelte:fragment>
     <p>Are you sure you want to activate this deployment?</p>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/functions/function-[function]/create.svelte b/src/routes/console/project-[project]/functions/function-[function]/create.svelte
index 19dbe82fd..3cb64fe27 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/create.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/create.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { InputChoice, Button, InputText, InputFile, FormList } from '$lib/elements/forms';
     import { Modal, Collapsible, CollapsibleItem, Tabs, Tab, Code } from '$lib/components';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { createEventDispatcher, onMount } from 'svelte';
     import { page } from '$app/stores';
     import GithubLight from '$lib/images/github-illustration-light.svg';
@@ -91,7 +91,7 @@
 
     async function create() {
         try {
-            await sdkForProject.functions.createDeployment(
+            await sdk.forProject.functions.createDeployment(
                 functionId,
                 entrypoint,
                 files[0],
@@ -133,7 +133,7 @@
     }
 </script>
 
-<Modal {error} size="big" bind:show={showCreate} on:submit={create}>
+<Modal {error} size="big" bind:show={showCreate} onSubmit={create}>
     <svelte:fragment slot="header">Create Deployment</svelte:fragment>
     <Tabs>
         <Tab on:click={() => (mode = Mode.CLI)} selected={mode === Mode.CLI} event="deploy_cli">
diff --git a/src/routes/console/project-[project]/functions/function-[function]/delete.svelte b/src/routes/console/project-[project]/functions/function-[function]/delete.svelte
index 08c2a6c45..eb00d66f7 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/delete.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/delete.svelte
@@ -5,7 +5,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@aw-labs/appwrite-console';
 
     export let showDelete = false;
@@ -13,7 +13,7 @@
 
     const handleSubmit = async () => {
         try {
-            await sdkForProject.functions.deleteDeployment(
+            await sdk.forProject.functions.deleteDeployment(
                 selectedDeployment.resourceId,
                 selectedDeployment.$id
             );
@@ -34,9 +34,9 @@
     };
 </script>
 
-<Modal bind:show={showDelete} on:submit={handleSubmit} warning>
+<Modal bind:show={showDelete} onSubmit={handleSubmit} warning>
     <svelte:fragment slot="header">Delete Deployment</svelte:fragment>
-    <p>Are you sure you want to delete this deployment?</p>
+    <p data-private>Are you sure you want to delete this deployment?</p>
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showDelete = false)}>Cancel</Button>
         <Button secondary submit>Delete</Button>
diff --git a/src/routes/console/project-[project]/functions/function-[function]/execute.svelte b/src/routes/console/project-[project]/functions/function-[function]/execute.svelte
index bccdbdd5f..5217d07e7 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/execute.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/execute.svelte
@@ -7,7 +7,7 @@
     import { Button } from '$lib/elements/forms';
     import { InputTextarea, FormList, InputChoice } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@aw-labs/appwrite-console';
 
     export let selectedFunction: Models.Function = null;
@@ -18,9 +18,9 @@
     let submitting = false;
 
     const example = `{
-    firstName: "hello", 
-    lastName:"world", 
-    age:"old"
+    "firstName": "hello",
+    "lastName": "world",
+    "age": "old"
 }`;
 
     $: if (selectedFunction && !show) {
@@ -30,7 +30,7 @@
     const handleSubmit = async () => {
         submitting = true;
         try {
-            await sdkForProject.functions.createExecution(
+            await sdk.forProject.functions.createExecution(
                 selectedFunction.$id,
                 data?.length ? data : undefined,
                 true
@@ -63,7 +63,7 @@
     afterNavigate(close);
 </script>
 
-<Modal bind:show size="big" on:submit={handleSubmit} on:close={close}>
+<Modal bind:show size="big" onSubmit={handleSubmit} on:close={close}>
     <svelte:fragment slot="header">Execute Function</svelte:fragment>
     <FormList>
         <InputTextarea bind:value={data} id="data" label="Custom data (optional)" />
diff --git a/src/routes/console/project-[project]/functions/function-[function]/executions/[[page]]/+page.svelte b/src/routes/console/project-[project]/functions/function-[function]/executions/+page.svelte
similarity index 85%
rename from src/routes/console/project-[project]/functions/function-[function]/executions/[[page]]/+page.svelte
rename to src/routes/console/project-[project]/functions/function-[function]/executions/+page.svelte
index d426d0a33..78a785e3e 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/executions/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/executions/+page.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
     import { invalidate } from '$app/navigation';
-    import { page } from '$app/stores';
-    import { Copy, EmptySearch, Heading, Pagination, Status } from '$lib/components';
-    import { Dependencies, PAGE_LIMIT } from '$lib/constants';
+    import { Copy, EmptySearch, Heading, Limit, Pagination, Status } from '$lib/components';
+    import { Dependencies } from '$lib/constants';
     import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
     import {
@@ -18,10 +17,10 @@
     import { calculateTime } from '$lib/helpers/timeConversion';
     import { Container } from '$lib/layout';
     import { log } from '$lib/stores/logs';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onDestroy, onMount } from 'svelte';
-    import { func } from '../../store';
-    import CreateDeployment from '../../create.svelte';
+    import { func } from '../store';
+    import CreateDeployment from '../create.svelte';
     import type { Models } from '@aw-labs/appwrite-console';
     import type { PageData } from './$types';
 
@@ -31,7 +30,7 @@
     let unsubscribe: { (): void };
 
     onMount(() => {
-        unsubscribe = sdkForConsole.client.subscribe('console', (response) => {
+        unsubscribe = sdk.forConsole.client.subscribe('console', (response) => {
             if (response.events.includes('functions.*.executions.*')) {
                 invalidate(Dependencies.EXECUTIONS);
             }
@@ -105,12 +104,8 @@
             </TableBody>
         </TableScroll>
         <div class="u-flex u-margin-block-start-32 u-main-space-between">
-            <p class="text">Total results: {data.executions.total}</p>
-            <Pagination
-                limit={PAGE_LIMIT}
-                path={`/console/project-${$page.params.project}/functions/function-${$page.params.function}/executions`}
-                offset={data.offset}
-                sum={data.executions.total} />
+            <Limit limit={data.limit} sum={data.executions.total} name="Executions" />
+            <Pagination limit={data.limit} offset={data.offset} sum={data.executions.total} />
         </div>
     {:else}
         <EmptySearch>
diff --git a/src/routes/console/project-[project]/functions/function-[function]/executions/+page.ts b/src/routes/console/project-[project]/functions/function-[function]/executions/+page.ts
new file mode 100644
index 000000000..db87d4d94
--- /dev/null
+++ b/src/routes/console/project-[project]/functions/function-[function]/executions/+page.ts
@@ -0,0 +1,22 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, pageToOffset } from '$lib/helpers/load';
+import { Dependencies, PAGE_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, depends, url, route }) => {
+    depends(Dependencies.EXECUTIONS);
+    const page = getPage(url);
+    const limit = getLimit(url, route, PAGE_LIMIT);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        executions: await sdk.forProject.functions.listExecutions(params.function, [
+            Query.limit(limit),
+            Query.offset(offset),
+            Query.orderDesc('$createdAt')
+        ])
+    };
+};
diff --git a/src/routes/console/project-[project]/functions/function-[function]/executions/[[page]]/+page.ts b/src/routes/console/project-[project]/functions/function-[function]/executions/[[page]]/+page.ts
deleted file mode 100644
index 5d5c50f05..000000000
--- a/src/routes/console/project-[project]/functions/function-[function]/executions/[[page]]/+page.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { Dependencies, PAGE_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent, depends }) => {
-    await parent();
-    depends(Dependencies.EXECUTIONS);
-    const page = Number(params.page);
-    const offset = pageToOffset(page, PAGE_LIMIT);
-
-    return {
-        offset,
-        executions: await sdkForProject.functions.listExecutions(params.function, [
-            Query.limit(PAGE_LIMIT),
-            Query.offset(offset),
-            Query.orderDesc('$createdAt')
-        ])
-    };
-};
diff --git a/src/routes/console/project-[project]/functions/function-[function]/settings/+page.svelte b/src/routes/console/project-[project]/functions/function-[function]/settings/+page.svelte
index 6d33d6d85..dc2f755b2 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/settings/+page.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/settings/+page.svelte
@@ -3,7 +3,16 @@
     import { base } from '$app/paths';
     import { page } from '$app/stores';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
-    import { Box, CardGrid, DropList, DropListItem, Empty, Output, Secret } from '$lib/components';
+    import {
+        Box,
+        CardGrid,
+        DropList,
+        DropListItem,
+        Empty,
+        Output,
+        PaginationInline,
+        Secret
+    } from '$lib/components';
     import Heading from '$lib/components/heading.svelte';
     import { Roles } from '$lib/components/permissions';
     import { Dependencies } from '$lib/constants';
@@ -13,12 +22,12 @@
     import { Container } from '$lib/layout';
     import { app } from '$lib/stores/app';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@aw-labs/appwrite-console';
     import { onMount } from 'svelte';
     import Variable from '../../createVariable.svelte';
     import { execute, func } from '../store';
-    // import Upload from './uploadVariables.svelte';
+    import UploadVariables from './uploadVariables.svelte';
     import {
         Table,
         TableBody,
@@ -36,7 +45,7 @@
     const functionId = $page.params.function;
     let showDelete = false;
     let selectedVar: Models.Variable = null;
-    // let showVariablesUpload = false;
+    let showVariablesUpload = false;
     let showVariablesModal = false;
     let showVariablesDropdown = [];
     let timeout: number = null;
@@ -44,6 +53,7 @@
     let functionSchedule: string = null;
     let permissions: string[] = [];
     let arePermsDisabled = true;
+    let offset = 0;
 
     onMount(async () => {
         timeout ??= $func.timeout;
@@ -54,7 +64,7 @@
 
     async function updateName() {
         try {
-            await sdkForProject.functions.update(
+            await sdk.forProject.functions.update(
                 functionId,
                 functionName,
                 $func.execute,
@@ -80,7 +90,7 @@
 
     async function updatePermissions() {
         try {
-            await sdkForProject.functions.update(
+            await sdk.forProject.functions.update(
                 functionId,
                 $func.name,
                 permissions,
@@ -106,7 +116,7 @@
 
     async function updateSchedule() {
         try {
-            await sdkForProject.functions.update(
+            await sdk.forProject.functions.update(
                 functionId,
                 $func.name,
                 $func.execute,
@@ -133,7 +143,7 @@
 
     async function updateTimeout() {
         try {
-            await sdkForProject.functions.update(
+            await sdk.forProject.functions.update(
                 functionId,
                 $func.name,
                 $func.execute,
@@ -162,7 +172,7 @@
         const variable = event.detail;
 
         try {
-            await sdkForProject.functions.createVariable(functionId, variable.key, variable.value);
+            await sdk.forProject.functions.createVariable(functionId, variable.key, variable.value);
             showVariablesModal = false;
             invalidate(Dependencies.VARIABLES);
             addNotification({
@@ -182,7 +192,7 @@
     async function handleVariableUpdated(event: CustomEvent<Models.Variable>) {
         const variable = event.detail;
         try {
-            await sdkForProject.functions.updateVariable(
+            await sdk.forProject.functions.updateVariable(
                 functionId,
                 variable.$id,
                 variable.key,
@@ -206,7 +216,7 @@
     }
     async function handleVariableDeleted(variable: Models.Variable) {
         try {
-            await sdkForProject.functions.deleteVariable(variable.functionId, variable.$id);
+            await sdk.forProject.functions.deleteVariable(variable.functionId, variable.$id);
             invalidate(Dependencies.VARIABLES);
             addNotification({
                 type: 'success',
@@ -282,9 +292,9 @@
         </svelte:fragment>
     </CardGrid>
 
-    <Form on:submit={updateName}>
+    <Form onSubmit={updateName}>
         <CardGrid>
-            <Heading tag="h6" size="7">Update Name</Heading>
+            <Heading tag="h6" size="7">Name</Heading>
 
             <svelte:fragment slot="aside">
                 <ul>
@@ -305,7 +315,7 @@
         </CardGrid>
     </Form>
 
-    <Form on:submit={updatePermissions}>
+    <Form onSubmit={updatePermissions}>
         <CardGrid>
             <Heading tag="h6" size="7">Execute Access</Heading>
             <p>
@@ -330,9 +340,9 @@
 
     <UpdateEvents />
 
-    <Form on:submit={updateSchedule}>
+    <Form onSubmit={updateSchedule}>
         <CardGrid>
-            <Heading tag="h6" size="7">Update Schedule</Heading>
+            <Heading tag="h6" size="7">Schedule</Heading>
             <p>
                 Set a Cron schedule to trigger your function. Leave blank for no schedule. <a
                     href="https://en.wikipedia.org/wiki/Cron"
@@ -357,7 +367,7 @@
     </Form>
 
     <CardGrid>
-        <Heading tag="h6" size="7">Update Variables</Heading>
+        <Heading tag="h6" size="7">Variables</Heading>
         <p>Set the variables (or secret keys) that will be passed to your function at runtime.</p>
         <svelte:fragment slot="aside">
             <div class="u-flex u-margin-inline-start-auto u-gap-16">
@@ -369,24 +379,26 @@
                     <span class="icon-download" />
                     <span class="text">Download .env file</span>
                 </Button>
-                <!-- <Button secondary on:click={() => (showVariablesUpload = true)}>
+                <Button secondary on:click={() => (showVariablesUpload = true)}>
                     <span class="icon-upload" />
                     <span class="text">Import .env file</span>
-                </Button> -->
+                </Button>
             </div>
-            {#if data.variables.total}
+            {@const limit = 10}
+            {@const sum = data.variables.total}
+            {#if sum}
                 <div class="u-flex u-flex-vertical u-gap-16">
                     <Table noMargin noStyles>
                         <TableHeader>
                             <TableCellHead>Key</TableCellHead>
-                            <TableCellHead>Value</TableCellHead>
+                            <TableCellHead width={180}>Value</TableCellHead>
                             <TableCellHead width={30} />
                         </TableHeader>
                         <TableBody>
-                            {#each data.variables.variables as variable, i}
+                            {#each data.variables.variables.slice(offset, offset + limit) as variable, i}
                                 <TableRow>
                                     <TableCell title="key">
-                                        <Output value={variable.key}>
+                                        <Output value={variable.key} hideCopyIcon>
                                             {variable.key}
                                         </Output>
                                     </TableCell>
@@ -435,26 +447,26 @@
                             {/each}
                         </TableBody>
                     </Table>
-                    <Button
-                        text
-                        noMargin
-                        on:click={() => {
-                            showVariablesModal = true;
-                        }}>
+                    <Button text noMargin on:click={() => (showVariablesModal = true)}>
                         <span class="icon-plus" aria-hidden="true" />
                         <span class="text">Create variable</span>
                     </Button>
+                    <div class="u-flex u-main-space-between">
+                        <p class="text">Total variables: {sum}</p>
+                        <PaginationInline {sum} {limit} bind:offset hidePages />
+                    </div>
                 </div>
             {:else}
-                <Empty on:click={() => (showVariablesModal = !showVariablesModal)}
-                    >Create a variable to get started</Empty>
+                <Empty on:click={() => (showVariablesModal = !showVariablesModal)}>
+                    Create a variable to get started
+                </Empty>
             {/if}
         </svelte:fragment>
     </CardGrid>
 
-    <Form on:submit={updateTimeout}>
+    <Form onSubmit={updateTimeout}>
         <CardGrid>
-            <Heading tag="h6" size="7">Update Timeout</Heading>
+            <Heading tag="h6" size="7">Timeout</Heading>
             <p>
                 Limit the execution time of your function. Maximum value is 900 seconds (15
                 minutes).
@@ -505,3 +517,6 @@
         on:created={handleVariableCreated}
         on:updated={handleVariableUpdated} />
 {/if}
+{#if showVariablesUpload}
+    <UploadVariables bind:show={showVariablesUpload} />
+{/if}
diff --git a/src/routes/console/project-[project]/functions/function-[function]/settings/+page.ts b/src/routes/console/project-[project]/functions/function-[function]/settings/+page.ts
index 897dbb058..803c98e16 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/settings/+page.ts
+++ b/src/routes/console/project-[project]/functions/function-[function]/settings/+page.ts
@@ -1,12 +1,11 @@
-import { sdkForProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import { Dependencies } from '$lib/constants';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ params, parent, depends }) => {
-    await parent();
+export const load: PageLoad = async ({ params, depends }) => {
     depends(Dependencies.VARIABLES);
 
     return {
-        variables: await sdkForProject.functions.listVariables(params.function)
+        variables: await sdk.forProject.functions.listVariables(params.function)
     };
 };
diff --git a/src/routes/console/project-[project]/functions/function-[function]/settings/delete.svelte b/src/routes/console/project-[project]/functions/function-[function]/settings/delete.svelte
index 23cd9145e..b4151270c 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/settings/delete.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/settings/delete.svelte
@@ -6,14 +6,14 @@
     import { Modal } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
 
     export let showDelete = false;
     const functionId = $page.params.function;
 
     const handleSubmit = async () => {
         try {
-            await sdkForProject.functions.delete(functionId);
+            await sdk.forProject.functions.delete(functionId);
             showDelete = false;
             addNotification({
                 type: 'success',
@@ -31,9 +31,9 @@
     };
 </script>
 
-<Modal bind:show={showDelete} on:submit={handleSubmit} warning>
+<Modal bind:show={showDelete} onSubmit={handleSubmit} warning>
     <svelte:fragment slot="header">Delete Function</svelte:fragment>
-    <p>
+    <p data-private>
         Are you sure you want to delete this function and all associated deployments from your
         project?
     </p>
diff --git a/src/routes/console/project-[project]/functions/function-[function]/settings/store.ts b/src/routes/console/project-[project]/functions/function-[function]/settings/store.ts
new file mode 100644
index 000000000..3f8cf0cea
--- /dev/null
+++ b/src/routes/console/project-[project]/functions/function-[function]/settings/store.ts
@@ -0,0 +1,8 @@
+import { page } from '$app/stores';
+import { derived } from 'svelte/store';
+import type { Models } from '@aw-labs/appwrite-console';
+
+export const variables = derived(
+    page,
+    ($page) => $page.data.variables.variables as Models.Variable[]
+);
diff --git a/src/routes/console/project-[project]/functions/function-[function]/settings/updateEvents.svelte b/src/routes/console/project-[project]/functions/function-[function]/settings/updateEvents.svelte
index 8e325d085..6975bcb02 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/settings/updateEvents.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/settings/updateEvents.svelte
@@ -12,7 +12,7 @@
     import TableList from '$lib/elements/table/tableList.svelte';
     import { symmetricDifference } from '$lib/helpers/array';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { writable, type Writable } from 'svelte/store';
     import { func } from '../store';
     import { EventModal } from '$lib/components';
@@ -29,7 +29,7 @@
 
     async function updateEvents() {
         try {
-            await sdkForProject.functions.update(
+            await sdk.forProject.functions.update(
                 functionId,
                 $func.name,
                 $func.execute,
@@ -76,9 +76,9 @@
     }
 </script>
 
-<Form on:submit={updateEvents}>
+<Form onSubmit={updateEvents}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Events</Heading>
+        <Heading tag="h6" size="7">Events</Heading>
         <p>Set the events that will trigger your function. Maximum 100 events allowed.</p>
         <svelte:fragment slot="aside">
             {#if $eventSet.size}
diff --git a/src/routes/console/project-[project]/functions/function-[function]/settings/uploadVariables.svelte b/src/routes/console/project-[project]/functions/function-[function]/settings/uploadVariables.svelte
index 5c6122235..974932a16 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/settings/uploadVariables.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/settings/uploadVariables.svelte
@@ -5,70 +5,75 @@
     import { Dependencies } from '$lib/constants';
     import { Button, InputFile } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
-    import { createEventDispatcher } from 'svelte';
+    import { sdk } from '$lib/stores/sdk';
+    import { parse } from 'dotenv';
+    import { variables } from './store';
 
     export let show = false;
 
-    const dispatch = createEventDispatcher();
-
     const functionId = $page.params.function;
-    let files: FileList;
 
-    const handleSubmit = async () => {
-        if (files?.length) {
-            const variables = await parseFile(files[0]);
-            for (const variable of variables) {
-                try {
-                    await sdkForProject.functions.createVariable(
-                        functionId,
-                        variable.key,
-                        variable.value
-                    );
-                    invalidate(Dependencies.VARIABLES);
-                    addNotification({
-                        type: 'success',
-                        message: 'Variable uploaded'
-                    });
-                } catch (error) {
-                    addNotification({
-                        type: 'error',
-                        message: error.message
-                    });
+    let files: FileList;
+    let error: string;
+
+    async function handleSubmit() {
+        try {
+            if (!files?.length) {
+                throw new Error('No file selected');
+            }
+
+            const uploaded = parse(await files[0].text());
+
+            if (!Object.keys(uploaded).length) {
+                throw new Error('No variables found');
+            }
+
+            const entries = Object.entries(uploaded);
+
+            for (const [key, value] of entries) {
+                if (value.length > 8192) {
+                    throw new Error(`Variable ${key} is longer than 8192 allowed characters`);
                 }
             }
-            dispatch('uploaded', variables);
-        } else {
-            addNotification({
-                type: 'error',
-                message: 'No file uploaded'
-            });
-        }
-    };
 
-    async function parseFile(file: File) {
-        if (file) {
-            let variables = [];
-            let text = await file.text();
-            text.split('\n').forEach((line) => {
-                const [key, value] = line.split('=');
-                variables.push({ key, value });
+            await Promise.all(
+                entries
+                    .filter(([, value]) => !!value)
+                    .map(([key, value]) => {
+                        const found = $variables.find((variable) => variable.key === key);
+                        return found
+                            ? sdk.forProject.functions.updateVariable(
+                                  functionId,
+                                  found.$id,
+                                  key,
+                                  value
+                              )
+                            : sdk.forProject.functions.createVariable(functionId, key, value);
+                    })
+            );
+
+            invalidate(Dependencies.VARIABLES);
+            addNotification({
+                type: 'success',
+                message: 'Variables uploaded'
             });
-            return variables;
+            show = false;
+        } catch (e) {
+            error = e.message;
         }
     }
 </script>
 
-<Modal bind:show on:submit={handleSubmit}>
+<Modal bind:show onSubmit={handleSubmit} bind:error>
     <svelte:fragment slot="header">Upload Variables</svelte:fragment>
     <p>
         Upload multiple variables via a .env file that will be passed to your function at runtime.
     </p>
 
-    <InputFile bind:files label="Attach a file" />
+    <InputFile bind:files />
 
     <svelte:fragment slot="footer">
         <Button text on:click={() => (show = false)}>Cancel</Button>
-        <Button submit>Create</Button>
+        <Button submit>Upload</Button>
     </svelte:fragment>
 </Modal>
diff --git a/src/routes/console/project-[project]/functions/function-[function]/usage/[[period]]/+page.svelte b/src/routes/console/project-[project]/functions/function-[function]/usage/[[period]]/+page.svelte
index 98d3effb8..3ab991246 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/usage/[[period]]/+page.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/usage/[[period]]/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { Container } from '$lib/layout';
     import { Card, SecondaryTabsItem, SecondaryTabs, Heading } from '$lib/components';
-    import { last } from '$lib/layout/usage.svelte';
+    import { total } from '$lib/layout/usage.svelte';
     import { BarChart } from '$lib/charts';
     import { page } from '$app/stores';
     import type { PageData } from './$types';
@@ -35,7 +35,7 @@
     </div>
     {#if count}
         <Card>
-            <Heading tag="h6" size="6">{last(count).value}</Heading>
+            <Heading tag="h6" size="6">{total(count)}</Heading>
             <p>Executions</p>
             <div class="u-margin-block-start-16" />
             <BarChart
@@ -49,7 +49,7 @@
     {/if}
     {#if errors}
         <Card>
-            <Heading tag="h6" size="6">{last(errors).value}</Heading>
+            <Heading tag="h6" size="6">{total(errors)}</Heading>
             <p>Errors</p>
             <div class="u-margin-block-start-16" />
             <BarChart
diff --git a/src/routes/console/project-[project]/functions/function-[function]/usage/[[period]]/+page.ts b/src/routes/console/project-[project]/functions/function-[function]/usage/[[period]]/+page.ts
index fcba697b3..7503147ae 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/usage/[[period]]/+page.ts
+++ b/src/routes/console/project-[project]/functions/function-[function]/usage/[[period]]/+page.ts
@@ -1,16 +1,20 @@
 import type { Models } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
+import { error } from '@sveltejs/kit';
 
-export const load: PageLoad = async ({ params, parent }) => {
-    await parent();
-    const response = await sdkForProject.functions.getFunctionUsage(
-        params.function,
-        params.period ?? '30d'
-    );
+export const load: PageLoad = async ({ params }) => {
+    try {
+        const response = await sdk.forProject.functions.getFunctionUsage(
+            params.function,
+            params.period ?? '30d'
+        );
 
-    return {
-        count: response.executionsTotal as unknown as Models.Metric[],
-        errors: response.buildsFailure as unknown as Models.Metric[]
-    };
+        return {
+            count: response.executionsTotal as unknown as Models.Metric[],
+            errors: response.buildsFailure as unknown as Models.Metric[]
+        };
+    } catch (err) {
+        throw error(err.code, err.message);
+    }
 };
diff --git a/src/routes/console/project-[project]/functions/wizard/step1.svelte b/src/routes/console/project-[project]/functions/wizard/step1.svelte
index 61e7ad9c8..b27348164 100644
--- a/src/routes/console/project-[project]/functions/wizard/step1.svelte
+++ b/src/routes/console/project-[project]/functions/wizard/step1.svelte
@@ -3,7 +3,7 @@
     import { Pill } from '$lib/elements';
     import { InputText, InputSelect, FormList } from '$lib/elements/forms';
     import { WizardStep } from '$lib/layout';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { createFunction } from './store';
 
@@ -12,7 +12,7 @@
     let options = [];
 
     onMount(async () => {
-        let runtimes = await sdkForProject.functions.listRuntimes();
+        let runtimes = await sdk.forProject.functions.listRuntimes();
         options = runtimes.runtimes.map((runtime) => ({
             label: `${runtime.name} - ${runtime.version}`,
             value: runtime.$id
diff --git a/src/routes/console/project-[project]/overview/+layout.svelte b/src/routes/console/project-[project]/overview/+layout.svelte
index 2b90185b0..59a78216b 100644
--- a/src/routes/console/project-[project]/overview/+layout.svelte
+++ b/src/routes/console/project-[project]/overview/+layout.svelte
@@ -67,7 +67,7 @@
             <Onboard {projectId} />
         {:else}
             {#if $usage}
-                {@const storage = humanFileSize(last($usage.storage)?.value ?? 0)}
+                {@const storage = humanFileSize(total($usage.storage) ?? 0)}
                 <section class="common-section">
                     <div class="grid-dashboard-1s-2m-6l">
                         <div class="card is-2-columns-medium-screen is-3-columns-large-screen">
@@ -91,14 +91,14 @@
 
                                 <div class="grid-item-1-end-start">
                                     <div class="heading-level-4">
-                                        {format(last($usage.documents)?.value ?? 0)}
+                                        {format(total($usage.documents) ?? 0)}
                                     </div>
                                     <div>Documents</div>
                                 </div>
 
                                 <div class="grid-item-1-end-end">
                                     <div class="text">
-                                        Databases: {format(last($usage.databases)?.value ?? 0)}
+                                        Databases: {format(total($usage.databases) ?? 0)}
                                     </div>
                                 </div>
                             </div>
@@ -126,7 +126,7 @@
 
                                 <div class="grid-item-1-end-end">
                                     <div class="text">
-                                        Buckets: {format(last($usage.buckets)?.value ?? 0)}
+                                        Buckets: {format(total($usage.buckets) ?? 0)}
                                     </div>
                                 </div>
                             </div>
@@ -146,7 +146,7 @@
 
                                 <div class="grid-item-1-end-start">
                                     <div class="heading-level-4">
-                                        {format(last($usage.users)?.value ?? 0)}
+                                        {format(total($usage.users) ?? 0)}
                                     </div>
                                     <div>Users</div>
                                 </div>
@@ -167,7 +167,7 @@
 
                                 <div class="grid-item-1-end-start">
                                     <div class="heading-level-4">
-                                        {format(last($usage.executions)?.value ?? 0)}
+                                        {format(total($usage.executions) ?? 0)}
                                     </div>
                                     <div>Executions</div>
                                 </div>
diff --git a/src/routes/console/project-[project]/overview/keys/+page.ts b/src/routes/console/project-[project]/overview/keys/+page.ts
index 3a04f91f2..160a52560 100644
--- a/src/routes/console/project-[project]/overview/keys/+page.ts
+++ b/src/routes/console/project-[project]/overview/keys/+page.ts
@@ -1,5 +1,5 @@
 import { Dependencies } from '$lib/constants';
-import { sdkForConsole } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import { selectedTab } from '../store';
 import type { PageLoad } from './$types';
 
@@ -8,6 +8,6 @@ selectedTab.set('keys');
 export const load: PageLoad = async ({ params, depends }) => {
     depends(Dependencies.KEYS);
     return {
-        keys: await sdkForConsole.projects.listKeys(params.project)
+        keys: await sdk.forConsole.projects.listKeys(params.project)
     };
 };
diff --git a/src/routes/console/project-[project]/overview/keys/[key]/+page.ts b/src/routes/console/project-[project]/overview/keys/[key]/+page.ts
index 62c8a4fdb..1c8f8a44d 100644
--- a/src/routes/console/project-[project]/overview/keys/[key]/+page.ts
+++ b/src/routes/console/project-[project]/overview/keys/[key]/+page.ts
@@ -1,13 +1,13 @@
 import Header from './header.svelte';
 import Breadcrumbs from './breadcrumbs.svelte';
-import { sdkForConsole } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import { Dependencies } from '$lib/constants';
 import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ params, depends }) => {
     depends(Dependencies.KEY);
 
-    const key = await sdkForConsole.projects.getKey(params.project, params.key);
+    const key = await sdk.forConsole.projects.getKey(params.project, params.key);
     if (key.expire) {
         key.expire = new Date(key.expire).toISOString().slice(0, 23);
     }
diff --git a/src/routes/console/project-[project]/overview/keys/[key]/+page@project-[project].svelte b/src/routes/console/project-[project]/overview/keys/[key]/+page@project-[project].svelte
index f79064632..397153fb8 100644
--- a/src/routes/console/project-[project]/overview/keys/[key]/+page@project-[project].svelte
+++ b/src/routes/console/project-[project]/overview/keys/[key]/+page@project-[project].svelte
@@ -8,7 +8,7 @@
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { Container } from '$lib/layout';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { project } from '../../../store';
     import Scopes from '../scopes.svelte';
@@ -29,7 +29,7 @@
 
     async function updateName() {
         try {
-            await sdkForConsole.projects.updateKey(
+            await sdk.forConsole.projects.updateKey(
                 $project.$id,
                 $key.$id,
                 name,
@@ -53,7 +53,7 @@
 
     async function updateScopes() {
         try {
-            await sdkForConsole.projects.updateKey(
+            await sdk.forConsole.projects.updateKey(
                 $project.$id,
                 $key.$id,
                 $key.name,
@@ -103,9 +103,9 @@
         </svelte:fragment>
     </CardGrid>
 
-    <Form on:submit={updateName}>
+    <Form onSubmit={updateName}>
         <CardGrid>
-            <Heading tag="h6" size="7">Update Name</Heading>
+            <Heading tag="h6" size="7">Name</Heading>
             <p class="text">Choose any name that will help you distinguish between API keys.</p>
             <svelte:fragment slot="aside">
                 <FormList>
@@ -123,9 +123,9 @@
             </svelte:fragment>
         </CardGrid>
     </Form>
-    <Form on:submit={updateScopes}>
+    <Form onSubmit={updateScopes}>
         <CardGrid>
-            <Heading tag="h6" size="7">Update Scopes</Heading>
+            <Heading tag="h6" size="7">Scopes</Heading>
             <p class="text">
                 You can choose which permission scope to grant your application. It is a best
                 practice to allow only the permissions you need to meet your project goals.
diff --git a/src/routes/console/project-[project]/overview/keys/[key]/delete.svelte b/src/routes/console/project-[project]/overview/keys/[key]/delete.svelte
index c85542144..e7b7090fd 100644
--- a/src/routes/console/project-[project]/overview/keys/[key]/delete.svelte
+++ b/src/routes/console/project-[project]/overview/keys/[key]/delete.svelte
@@ -6,7 +6,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { project } from '../../../store';
     import { key } from './store';
 
@@ -14,7 +14,7 @@
 
     async function handleDelete() {
         try {
-            await sdkForConsole.projects.deleteKey($project.$id, $key.$id);
+            await sdk.forConsole.projects.deleteKey($project.$id, $key.$id);
             showDelete = false;
             addNotification({
                 type: 'success',
@@ -33,7 +33,7 @@
     }
 </script>
 
-<Modal bind:show={showDelete} on:submit={handleDelete} warning>
+<Modal bind:show={showDelete} onSubmit={handleDelete} warning>
     <svelte:fragment slot="header">Delete API Key</svelte:fragment>
     <p>The API Key will be permanently deleted. This action is irreversible.</p>
 
diff --git a/src/routes/console/project-[project]/overview/keys/[key]/updateExpirationDate.svelte b/src/routes/console/project-[project]/overview/keys/[key]/updateExpirationDate.svelte
index 427da9b0c..792d0c7f5 100644
--- a/src/routes/console/project-[project]/overview/keys/[key]/updateExpirationDate.svelte
+++ b/src/routes/console/project-[project]/overview/keys/[key]/updateExpirationDate.svelte
@@ -6,7 +6,7 @@
     import { Button, Form, FormList } from '$lib/elements/forms';
     import { diffDays } from '$lib/helpers/date';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { project } from '../../../store';
     import ExpirationInput from '../expirationInput.svelte';
     import { key } from './store';
@@ -15,7 +15,7 @@
 
     async function updateExpire() {
         try {
-            await sdkForConsole.projects.updateKey(
+            await sdk.forConsole.projects.updateKey(
                 $project.$id,
                 $key.$id,
                 $key.name,
@@ -43,9 +43,9 @@
     $: isExpired = !alertsDismissed && $key.expire !== null && new Date($key.expire) < new Date();
 </script>
 
-<Form on:submit={updateExpire}>
+<Form onSubmit={updateExpire}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Expiration Date</Heading>
+        <Heading tag="h6" size="7">Expiration Date</Heading>
         <p class="text">Set a date after which your API Key will expire.</p>
         <svelte:fragment slot="aside">
             {#if isExpired}
diff --git a/src/routes/console/project-[project]/overview/keys/expirationInput.svelte b/src/routes/console/project-[project]/overview/keys/expirationInput.svelte
index 18a69845e..843cc9f3d 100644
--- a/src/routes/console/project-[project]/overview/keys/expirationInput.svelte
+++ b/src/routes/console/project-[project]/overview/keys/expirationInput.svelte
@@ -81,5 +81,5 @@
     </svelte:fragment>
 </InputSelect>
 {#if expirationSelect === 'custom'}
-    <InputDateTime id="expire" label="" bind:value={expirationCustom} showLabel={false} />
+    <InputDateTime required id="expire" label="" bind:value={expirationCustom} showLabel={false} />
 {/if}
diff --git a/src/routes/console/project-[project]/overview/keys/wizard.svelte b/src/routes/console/project-[project]/overview/keys/wizard.svelte
index 3cd11d777..a1e41169d 100644
--- a/src/routes/console/project-[project]/overview/keys/wizard.svelte
+++ b/src/routes/console/project-[project]/overview/keys/wizard.svelte
@@ -6,7 +6,7 @@
     import Step1 from './wizard/step1.svelte';
     import Step2 from './wizard/step2.svelte';
     import { key } from './wizard/store';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { page } from '$app/stores';
     import { addNotification } from '$lib/stores/notifications';
     import { onDestroy } from 'svelte';
@@ -16,7 +16,7 @@
 
     async function onFinish() {
         try {
-            const { $id } = await sdkForConsole.projects.createKey(
+            const { $id } = await sdk.forConsole.projects.createKey(
                 $page.params.project,
                 $key.name,
                 $key.scopes,
diff --git a/src/routes/console/project-[project]/overview/platforms/+page.svelte b/src/routes/console/project-[project]/overview/platforms/+page.svelte
index 2f428de84..ae80a1cf8 100644
--- a/src/routes/console/project-[project]/overview/platforms/+page.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/+page.svelte
@@ -97,7 +97,8 @@
 {#if data.platforms.platforms.length}
     <div
         class="grid-box u-margin-block-start-32"
-        style="--grid-gap:1.5rem; --grid-item-size:20rem;">
+        style="--grid-gap:1.5rem; --grid-item-size:20rem;"
+        data-private>
         {#each data.platforms.platforms as platform}
             <a class="card" href={`${path}/${platform.$id}`}>
                 <div class="grid-item-1" style="min-block-size: calc(182 / 16 * 1rem)">
diff --git a/src/routes/console/project-[project]/overview/platforms/+page.ts b/src/routes/console/project-[project]/overview/platforms/+page.ts
index de8582eaa..5ef5a94ed 100644
--- a/src/routes/console/project-[project]/overview/platforms/+page.ts
+++ b/src/routes/console/project-[project]/overview/platforms/+page.ts
@@ -1,5 +1,5 @@
 import { Dependencies } from '$lib/constants';
-import { sdkForConsole } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import { selectedTab } from '../store';
 import type { PageLoad } from './$types';
 
@@ -8,6 +8,6 @@ selectedTab.set('platforms');
 export const load: PageLoad = async ({ params, depends }) => {
     depends(Dependencies.PLATFORMS);
     return {
-        platforms: await sdkForConsole.projects.listPlatforms(params.project)
+        platforms: await sdk.forConsole.projects.listPlatforms(params.project)
     };
 };
diff --git a/src/routes/console/project-[project]/overview/platforms/[platform]/+page.ts b/src/routes/console/project-[project]/overview/platforms/[platform]/+page.ts
index ca361d2c3..f102df440 100644
--- a/src/routes/console/project-[project]/overview/platforms/[platform]/+page.ts
+++ b/src/routes/console/project-[project]/overview/platforms/[platform]/+page.ts
@@ -1,6 +1,6 @@
 import Header from './header.svelte';
 import Breadcrumbs from './breadcrumbs.svelte';
-import { sdkForConsole } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import { Dependencies } from '$lib/constants';
 import type { PageLoad } from './$types';
 
@@ -10,6 +10,6 @@ export const load: PageLoad = async ({ params, depends }) => {
     return {
         header: Header,
         breadcrumbs: Breadcrumbs,
-        platform: await sdkForConsole.projects.getPlatform(params.project, params.platform)
+        platform: await sdk.forConsole.projects.getPlatform(params.project, params.platform)
     };
 };
diff --git a/src/routes/console/project-[project]/overview/platforms/[platform]/+page@project-[project].svelte b/src/routes/console/project-[project]/overview/platforms/[platform]/+page@project-[project].svelte
index a4fb03c7d..7ea6388e9 100644
--- a/src/routes/console/project-[project]/overview/platforms/[platform]/+page@project-[project].svelte
+++ b/src/routes/console/project-[project]/overview/platforms/[platform]/+page@project-[project].svelte
@@ -15,7 +15,7 @@
     import { Button, Form, FormList, InputText } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount, SvelteComponent } from 'svelte';
     import { project } from '../../../store';
     import { platform } from './store';
@@ -47,7 +47,7 @@
     async function updateName() {
         updating = true;
         try {
-            await sdkForConsole.projects.updatePlatform(
+            await sdk.forConsole.projects.updatePlatform(
                 $project.$id,
                 $platform.$id,
                 name,
@@ -76,9 +76,9 @@
 </script>
 
 <Container>
-    <Form on:submit={updateName}>
+    <Form onSubmit={updateName}>
         <CardGrid>
-            <Heading tag="h6" size="7">Update Name</Heading>
+            <Heading tag="h6" size="7">Name</Heading>
             <p class="text">Choose any name that will help you distinguish between platforms.</p>
             <svelte:fragment slot="aside">
                 <FormList>
diff --git a/src/routes/console/project-[project]/overview/platforms/[platform]/android.svelte b/src/routes/console/project-[project]/overview/platforms/[platform]/android.svelte
index 17a744d99..8acf4eb5f 100644
--- a/src/routes/console/project-[project]/overview/platforms/[platform]/android.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/[platform]/android.svelte
@@ -5,7 +5,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, FormList, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { project } from '../../../store';
     import { platform } from './store';
@@ -18,7 +18,7 @@
 
     const updateHostname = async () => {
         try {
-            await sdkForConsole.projects.updatePlatform(
+            await sdk.forConsole.projects.updatePlatform(
                 $project.$id,
                 $platform.$id,
                 $platform.name,
@@ -44,9 +44,9 @@
     };
 </script>
 
-<Form on:submit={updateHostname}>
+<Form onSubmit={updateHostname}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Package Name</Heading>
+        <Heading tag="h6" size="7">Package Name</Heading>
         <p class="text">
             Your package name is generally the applicationId in your app-level build.gradle file.
         </p>
diff --git a/src/routes/console/project-[project]/overview/platforms/[platform]/appleIOS.svelte b/src/routes/console/project-[project]/overview/platforms/[platform]/appleIOS.svelte
index b2a963913..ccfa1b36c 100644
--- a/src/routes/console/project-[project]/overview/platforms/[platform]/appleIOS.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/[platform]/appleIOS.svelte
@@ -5,7 +5,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, FormList, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { project } from '../../../store';
     import { platform } from './store';
@@ -18,7 +18,7 @@
 
     const updateHostname = async () => {
         try {
-            await sdkForConsole.projects.updatePlatform(
+            await sdk.forConsole.projects.updatePlatform(
                 $project.$id,
                 $platform.$id,
                 $platform.name,
@@ -44,9 +44,9 @@
     };
 </script>
 
-<Form on:submit={updateHostname}>
+<Form onSubmit={updateHostname}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Bundle ID</Heading>
+        <Heading tag="h6" size="7">Bundle ID</Heading>
         <p class="text">
             You can find your Bundle Identifier in the General tab for your app's primary target in
             Xcode.
diff --git a/src/routes/console/project-[project]/overview/platforms/[platform]/appleMacOS.svelte b/src/routes/console/project-[project]/overview/platforms/[platform]/appleMacOS.svelte
index 0c860ad94..b4cffc0e0 100644
--- a/src/routes/console/project-[project]/overview/platforms/[platform]/appleMacOS.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/[platform]/appleMacOS.svelte
@@ -5,7 +5,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, FormList, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { project } from '../../../store';
     import { platform } from './store';
@@ -18,7 +18,7 @@
 
     const updateHostname = async () => {
         try {
-            await sdkForConsole.projects.updatePlatform(
+            await sdk.forConsole.projects.updatePlatform(
                 $project.$id,
                 $platform.$id,
                 $platform.name,
@@ -44,9 +44,9 @@
     };
 </script>
 
-<Form on:submit={updateHostname}>
+<Form onSubmit={updateHostname}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Bundle ID</Heading>
+        <Heading tag="h6" size="7">Bundle ID</Heading>
         <p class="text">
             You can find your Bundle Identifier in the General tab for your app's primary target in
             Xcode.
diff --git a/src/routes/console/project-[project]/overview/platforms/[platform]/appleTvOS.svelte b/src/routes/console/project-[project]/overview/platforms/[platform]/appleTvOS.svelte
index 7d1f768f4..2b4c722f7 100644
--- a/src/routes/console/project-[project]/overview/platforms/[platform]/appleTvOS.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/[platform]/appleTvOS.svelte
@@ -5,7 +5,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, FormList, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { project } from '../../../store';
     import { platform } from './store';
@@ -18,7 +18,7 @@
 
     const updateHostname = async () => {
         try {
-            await sdkForConsole.projects.updatePlatform(
+            await sdk.forConsole.projects.updatePlatform(
                 $project.$id,
                 $platform.$id,
                 $platform.name,
@@ -44,9 +44,9 @@
     };
 </script>
 
-<Form on:submit={updateHostname}>
+<Form onSubmit={updateHostname}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Bundle ID</Heading>
+        <Heading tag="h6" size="7">Bundle ID</Heading>
         <p class="text">
             You can find your Bundle Identifier in the General tab for your app's primary target in
             Xcode.
diff --git a/src/routes/console/project-[project]/overview/platforms/[platform]/appleWatchOS.svelte b/src/routes/console/project-[project]/overview/platforms/[platform]/appleWatchOS.svelte
index 32bc6ea1b..be693b554 100644
--- a/src/routes/console/project-[project]/overview/platforms/[platform]/appleWatchOS.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/[platform]/appleWatchOS.svelte
@@ -5,7 +5,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, FormList, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { project } from '../../../store';
     import { platform } from './store';
@@ -18,7 +18,7 @@
 
     const updateHostname = async () => {
         try {
-            await sdkForConsole.projects.updatePlatform(
+            await sdk.forConsole.projects.updatePlatform(
                 $project.$id,
                 $platform.$id,
                 $platform.name,
@@ -44,9 +44,9 @@
     };
 </script>
 
-<Form on:submit={updateHostname}>
+<Form onSubmit={updateHostname}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Bundle ID</Heading>
+        <Heading tag="h6" size="7">Bundle ID</Heading>
         <p class="text">
             You can find your Bundle Identifier in the General tab for your app's primary target in
             Xcode.
diff --git a/src/routes/console/project-[project]/overview/platforms/[platform]/delete.svelte b/src/routes/console/project-[project]/overview/platforms/[platform]/delete.svelte
index e467b3680..b4469a227 100644
--- a/src/routes/console/project-[project]/overview/platforms/[platform]/delete.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/[platform]/delete.svelte
@@ -6,7 +6,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { project } from '../../../store';
     import { platform } from './store';
 
@@ -14,7 +14,7 @@
 
     const handleDelete = async () => {
         try {
-            await sdkForConsole.projects.deletePlatform($project.$id, $platform.$id);
+            await sdk.forConsole.projects.deletePlatform($project.$id, $platform.$id);
             showDelete = false;
             addNotification({
                 type: 'success',
@@ -33,7 +33,7 @@
     };
 </script>
 
-<Modal bind:show={showDelete} on:submit={handleDelete} warning>
+<Modal bind:show={showDelete} onSubmit={handleDelete} warning>
     <svelte:fragment slot="header">Delete Platform</svelte:fragment>
     <p>The Platform will be permanently deleted. This action is irreversible.</p>
 
diff --git a/src/routes/console/project-[project]/overview/platforms/[platform]/flutterAndroid.svelte b/src/routes/console/project-[project]/overview/platforms/[platform]/flutterAndroid.svelte
index 1cd14eca5..e5ef00580 100644
--- a/src/routes/console/project-[project]/overview/platforms/[platform]/flutterAndroid.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/[platform]/flutterAndroid.svelte
@@ -5,7 +5,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, FormList, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { project } from '../../../store';
     import { platform } from './store';
@@ -18,7 +18,7 @@
 
     const updateHostname = async () => {
         try {
-            await sdkForConsole.projects.updatePlatform(
+            await sdk.forConsole.projects.updatePlatform(
                 $project.$id,
                 $platform.$id,
                 $platform.name,
@@ -44,9 +44,9 @@
     };
 </script>
 
-<Form on:submit={updateHostname}>
+<Form onSubmit={updateHostname}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Package Name</Heading>
+        <Heading tag="h6" size="7">Package Name</Heading>
         <p class="text">
             Your package name is generally the applicationId in your app-level build.gradle file.
         </p>
diff --git a/src/routes/console/project-[project]/overview/platforms/[platform]/flutterIOS.svelte b/src/routes/console/project-[project]/overview/platforms/[platform]/flutterIOS.svelte
index 3b82d6e03..fab1f9d43 100644
--- a/src/routes/console/project-[project]/overview/platforms/[platform]/flutterIOS.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/[platform]/flutterIOS.svelte
@@ -5,7 +5,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, FormList, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { project } from '../../../store';
     import { platform } from './store';
@@ -18,7 +18,7 @@
 
     const updateHostname = async () => {
         try {
-            await sdkForConsole.projects.updatePlatform(
+            await sdk.forConsole.projects.updatePlatform(
                 $project.$id,
                 $platform.$id,
                 $platform.name,
@@ -44,9 +44,9 @@
     };
 </script>
 
-<Form on:submit={updateHostname}>
+<Form onSubmit={updateHostname}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Bundle ID</Heading>
+        <Heading tag="h6" size="7">Bundle ID</Heading>
         <p class="text">
             You can find your Bundle Identifier in the General tab for your app's primary target in
             Xcode.
diff --git a/src/routes/console/project-[project]/overview/platforms/[platform]/flutterLinux.svelte b/src/routes/console/project-[project]/overview/platforms/[platform]/flutterLinux.svelte
index 6ee296789..15c55d530 100644
--- a/src/routes/console/project-[project]/overview/platforms/[platform]/flutterLinux.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/[platform]/flutterLinux.svelte
@@ -5,7 +5,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, FormList, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { project } from '../../../store';
     import { platform } from './store';
@@ -18,7 +18,7 @@
 
     const updateHostname = async () => {
         try {
-            await sdkForConsole.projects.updatePlatform(
+            await sdk.forConsole.projects.updatePlatform(
                 $project.$id,
                 $platform.$id,
                 $platform.name,
@@ -44,9 +44,9 @@
     };
 </script>
 
-<Form on:submit={updateHostname}>
+<Form onSubmit={updateHostname}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Package Name</Heading>
+        <Heading tag="h6" size="7">Package Name</Heading>
         <p class="text">Your application name.</p>
         <svelte:fragment slot="aside">
             <FormList>
diff --git a/src/routes/console/project-[project]/overview/platforms/[platform]/flutterMacOS.svelte b/src/routes/console/project-[project]/overview/platforms/[platform]/flutterMacOS.svelte
index 9cdeb2ce9..b399cf0e8 100644
--- a/src/routes/console/project-[project]/overview/platforms/[platform]/flutterMacOS.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/[platform]/flutterMacOS.svelte
@@ -5,7 +5,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, FormList, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { project } from '../../../store';
     import { platform } from './store';
@@ -18,7 +18,7 @@
 
     const updateHostname = async () => {
         try {
-            await sdkForConsole.projects.updatePlatform(
+            await sdk.forConsole.projects.updatePlatform(
                 $project.$id,
                 $platform.$id,
                 $platform.name,
@@ -44,9 +44,9 @@
     };
 </script>
 
-<Form on:submit={updateHostname}>
+<Form onSubmit={updateHostname}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Bundle ID</Heading>
+        <Heading tag="h6" size="7">Bundle ID</Heading>
         <p class="text">
             You can find your Bundle Identifier in the General tab for your app's primary target in
             Xcode.
diff --git a/src/routes/console/project-[project]/overview/platforms/[platform]/flutterWindows.svelte b/src/routes/console/project-[project]/overview/platforms/[platform]/flutterWindows.svelte
index 975130b62..951b42010 100644
--- a/src/routes/console/project-[project]/overview/platforms/[platform]/flutterWindows.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/[platform]/flutterWindows.svelte
@@ -5,7 +5,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, FormList, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { project } from '../../../store';
     import { platform } from './store';
@@ -18,7 +18,7 @@
 
     const updateHostname = async () => {
         try {
-            await sdkForConsole.projects.updatePlatform(
+            await sdk.forConsole.projects.updatePlatform(
                 $project.$id,
                 $platform.$id,
                 $platform.name,
@@ -44,9 +44,9 @@
     };
 </script>
 
-<Form on:submit={updateHostname}>
+<Form onSubmit={updateHostname}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Package Name</Heading>
+        <Heading tag="h6" size="7">Package Name</Heading>
         <p class="text">Your application name.</p>
         <svelte:fragment slot="aside">
             <FormList>
diff --git a/src/routes/console/project-[project]/overview/platforms/[platform]/web.svelte b/src/routes/console/project-[project]/overview/platforms/[platform]/web.svelte
index 43546c5eb..99ec1913d 100644
--- a/src/routes/console/project-[project]/overview/platforms/[platform]/web.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/[platform]/web.svelte
@@ -4,7 +4,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, FormList, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { project } from '../../../store';
     import { platform } from './store';
@@ -17,7 +17,7 @@
 
     const updateHostname = async () => {
         try {
-            await sdkForConsole.projects.updatePlatform(
+            await sdk.forConsole.projects.updatePlatform(
                 $project.$id,
                 $platform.$id,
                 $platform.name,
@@ -39,9 +39,9 @@
     };
 </script>
 
-<Form on:submit={updateHostname}>
+<Form onSubmit={updateHostname}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Hostname</Heading>
+        <Heading tag="h6" size="7">Hostname</Heading>
         <p class="text">You can use * to allow wildcard hostnames or subdomains.</p>
         <svelte:fragment slot="aside">
             <FormList>
diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/android/step1.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/android/step1.svelte
index 4075336e1..d67b0d872 100644
--- a/src/routes/console/project-[project]/overview/platforms/wizard/android/step1.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/wizard/android/step1.svelte
@@ -2,7 +2,7 @@
     import { page } from '$app/stores';
     import { FormList, InputText } from '$lib/elements/forms';
     import { WizardStep } from '$lib/layout';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { createPlatform } from '../store';
     import { wizard } from '$lib/stores/wizard';
     import { app } from '$lib/stores/app';
@@ -16,7 +16,7 @@
 
     async function beforeSubmit() {
         if ($createPlatform.$id) {
-            await sdkForConsole.projects.updatePlatform(
+            await sdk.forConsole.projects.updatePlatform(
                 projectId,
                 $createPlatform.$id,
                 $createPlatform.name,
@@ -28,7 +28,7 @@
             return;
         }
 
-        const platform = await sdkForConsole.projects.createPlatform(
+        const platform = await sdk.forConsole.projects.createPlatform(
             projectId,
             'android',
             $createPlatform.name,
diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/android/step3.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/android/step3.svelte
index 08a6581eb..b18f0f23a 100644
--- a/src/routes/console/project-[project]/overview/platforms/wizard/android/step3.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/wizard/android/step3.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
     import { Code } from '$lib/components';
     import { WizardStep } from '$lib/layout';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
 
-    const { endpoint, project } = sdkForProject.client.config;
+    const { endpoint, project } = sdk.forProject.client.config;
     const code = `import io.appwrite.Client
 import io.appwrite.services.Account
 
diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/apple/step1.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/apple/step1.svelte
index 01bed32d8..7ac5c285b 100644
--- a/src/routes/console/project-[project]/overview/platforms/wizard/apple/step1.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/wizard/apple/step1.svelte
@@ -3,7 +3,7 @@
     import { Pill } from '$lib/elements';
     import { FormItem, FormList, InputText } from '$lib/elements/forms';
     import { WizardStep } from '$lib/layout';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { createPlatform } from '../store';
     import { wizard } from '$lib/stores/wizard';
     import { app } from '$lib/stores/app';
@@ -26,10 +26,10 @@
 
     async function beforeSubmit() {
         if ($createPlatform.$id) {
-            await sdkForConsole.projects.deletePlatform(projectId, $createPlatform.$id);
+            await sdk.forConsole.projects.deletePlatform(projectId, $createPlatform.$id);
         }
 
-        const response = await sdkForConsole.projects.createPlatform(
+        const response = await sdk.forConsole.projects.createPlatform(
             projectId,
             platform,
             $createPlatform.name,
diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte
index 167bc53e8..fc5b28077 100644
--- a/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
     import { Alert, Code } from '$lib/components';
     import { WizardStep } from '$lib/layout';
-    import { sdkForProject } from '$lib/stores/sdk';
     import { Mode, MODE } from '$lib/system';
+    import { sdk } from '$lib/stores/sdk';
 
-    const { endpoint, project } = sdkForProject.client.config;
+    const { endpoint, project } = sdk.forProject.client.config;
     const code = `import Appwrite
 
 let client = Client()
diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step1.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step1.svelte
index f44ea388b..ca0c62f7e 100644
--- a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step1.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step1.svelte
@@ -3,7 +3,7 @@
     import { Pill } from '$lib/elements';
     import { FormList, InputText } from '$lib/elements/forms';
     import { WizardStep } from '$lib/layout';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { createPlatform } from '../store';
     import { wizard } from '$lib/stores/wizard';
     import { app } from '$lib/stores/app';
@@ -87,10 +87,10 @@
 
     async function beforeSubmit() {
         if ($createPlatform.$id) {
-            await sdkForConsole.projects.deletePlatform(projectId, $createPlatform.$id);
+            await sdk.forConsole.projects.deletePlatform(projectId, $createPlatform.$id);
         }
 
-        const response = await sdkForConsole.projects.createPlatform(
+        const response = await sdk.forConsole.projects.createPlatform(
             projectId,
             platform,
             $createPlatform.name,
@@ -134,7 +134,7 @@
                 button
                 on:click={() => (platform = Platform.Macos)}
                 selected={platform === Platform.Macos}>
-                Mac OS
+                macOS
             </Pill>
             <Pill
                 button
diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte
index ef97d30cb..ec5b9ac48 100644
--- a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
     import { Alert, Code } from '$lib/components';
     import { WizardStep } from '$lib/layout';
-    import { sdkForProject } from '$lib/stores/sdk';
     import { Mode, MODE } from '$lib/system';
+    import { sdk } from '$lib/stores/sdk';
 
-    const { endpoint, project } = sdkForProject.client.config;
+    const { endpoint, project } = sdk.forProject.client.config;
     const code = `import 'package:appwrite/appwrite.dart';
 
 Client client = Client();
diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/store.ts b/src/routes/console/project-[project]/overview/platforms/wizard/store.ts
index 66d15738f..229b48459 100644
--- a/src/routes/console/project-[project]/overview/platforms/wizard/store.ts
+++ b/src/routes/console/project-[project]/overview/platforms/wizard/store.ts
@@ -1,5 +1,5 @@
 import { writable } from 'svelte/store';
-import { sdkForConsole } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import { cachedStore } from '$lib/helpers/cache';
 import type { Models } from '@aw-labs/appwrite-console';
 
@@ -56,7 +56,7 @@ export const versions = cachedStore<
 >('versions', function ({ set }) {
     return {
         load: async () => {
-            const { endpoint } = sdkForConsole.client.config;
+            const { endpoint } = sdk.forConsole.client.config;
             const response = await fetch(`${endpoint}/../versions`);
             set(await response.json());
         }
diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/web/step1.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/web/step1.svelte
index 832d56008..86a32638f 100644
--- a/src/routes/console/project-[project]/overview/platforms/wizard/web/step1.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/wizard/web/step1.svelte
@@ -4,7 +4,7 @@
     import { Pill } from '$lib/elements';
     import { FormList, InputText } from '$lib/elements/forms';
     import { WizardStep } from '$lib/layout';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { wizard } from '$lib/stores/wizard';
     import { createPlatform } from '../store';
     import { app } from '$lib/stores/app';
@@ -18,7 +18,7 @@
     $wizard.media = $app.themeInUse === 'dark' ? Dark : Light;
     async function beforeSubmit() {
         if ($createPlatform.$id) {
-            await sdkForConsole.projects.updatePlatform(
+            await sdk.forConsole.projects.updatePlatform(
                 projectId,
                 $createPlatform.$id,
                 $createPlatform.name,
@@ -30,7 +30,7 @@
             return;
         }
 
-        const platform = await sdkForConsole.projects.createPlatform(
+        const platform = await sdk.forConsole.projects.createPlatform(
             projectId,
             'web',
             $createPlatform.name,
diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/web/step3.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/web/step3.svelte
index c9685da2e..2e4e6744c 100644
--- a/src/routes/console/project-[project]/overview/platforms/wizard/web/step3.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/wizard/web/step3.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
     import { Code } from '$lib/components';
     import { WizardStep } from '$lib/layout';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
 
-    const { endpoint, project } = sdkForProject.client.config;
+    const { endpoint, project } = sdk.forProject.client.config;
     const code = `const client = new Client();
 
 client
diff --git a/src/routes/console/project-[project]/overview/store.ts b/src/routes/console/project-[project]/overview/store.ts
index 8ebff5f42..9a5325e3b 100644
--- a/src/routes/console/project-[project]/overview/store.ts
+++ b/src/routes/console/project-[project]/overview/store.ts
@@ -1,7 +1,8 @@
-import { sdkForConsole } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import { cachedStore } from '$lib/helpers/cache';
 import type { Models } from '@aw-labs/appwrite-console';
 import { writable, type Writable } from 'svelte/store';
+import { isCloud } from '$lib/system';
 
 export const usage = cachedStore<
     Models.UsageProject,
@@ -11,7 +12,9 @@ export const usage = cachedStore<
 >('projectUsage', function ({ set }) {
     return {
         load: async (projectId, range) => {
-            const usages = await sdkForConsole.projects.getUsage(projectId, range);
+            const usages = isCloud
+                ? await sdk.forProject.project.getUsage(range)
+                : await sdk.forConsole.projects.getUsage(projectId, range);
             set(usages);
         }
     };
diff --git a/src/routes/console/project-[project]/settings/+page.svelte b/src/routes/console/project-[project]/settings/+page.svelte
index 21fc98f7a..4691bea04 100644
--- a/src/routes/console/project-[project]/settings/+page.svelte
+++ b/src/routes/console/project-[project]/settings/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { addNotification } from '$lib/stores/notifications';
@@ -18,7 +18,7 @@
     let name: string = null;
     let showDelete = false;
     let updating = false;
-    const endpoint = sdkForConsole.client.config.endpoint;
+    const endpoint = sdk.forConsole.client.config.endpoint;
     const projectId = $page.params.project;
 
     onMount(async () => {
@@ -28,7 +28,7 @@
     async function updateName() {
         updating = true;
         try {
-            await sdkForConsole.projects.update($project.$id, name);
+            await sdk.forConsole.projects.update($project.$id, name);
             invalidate(Dependencies.PROJECT);
             addNotification({
                 type: 'success',
@@ -52,7 +52,7 @@
 
     async function serviceUpdate(service: Service) {
         try {
-            await sdkForConsole.projects.updateServiceStatus(
+            await sdk.forConsole.projects.updateServiceStatus(
                 $project.$id,
                 service.method,
                 service.value
@@ -82,7 +82,7 @@
 
 <Container>
     {#if $project}
-        <Form on:submit={updateName}>
+        <Form onSubmit={updateName}>
             <CardGrid>
                 <Heading tag="h6" size="7">API Credentials</Heading>
                 <p class="text">Access Appwrite services using your API Endpoint and Project ID.</p>
@@ -102,7 +102,7 @@
                 </svelte:fragment>
             </CardGrid>
             <CardGrid>
-                <Heading tag="h6" size="7">Update Name</Heading>
+                <Heading tag="h6" size="7">Name</Heading>
 
                 <svelte:fragment slot="aside">
                     <FormList>
diff --git a/src/routes/console/project-[project]/settings/deleteProject.svelte b/src/routes/console/project-[project]/settings/deleteProject.svelte
index 8d8c311b8..84b07a84b 100644
--- a/src/routes/console/project-[project]/settings/deleteProject.svelte
+++ b/src/routes/console/project-[project]/settings/deleteProject.svelte
@@ -5,7 +5,7 @@
     import { Modal } from '$lib/components';
     import { Button, FormList, InputPassword, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { project } from '../store';
 
     export let showDelete = false;
@@ -15,7 +15,7 @@
 
     const handleDelete = async () => {
         try {
-            await sdkForConsole.projects.delete($project.$id, password);
+            await sdk.forConsole.projects.delete($project.$id, password);
             showDelete = false;
             addNotification({
                 type: 'success',
@@ -33,7 +33,7 @@
     };
 </script>
 
-<Modal bind:show={showDelete} on:submit={handleDelete} warning>
+<Modal bind:show={showDelete} onSubmit={handleDelete} warning>
     <svelte:fragment slot="header">Delete Project</svelte:fragment>
     <p>
         <b>This project will be deleted</b>, along with all of its metadata, stats, and other
diff --git a/src/routes/console/project-[project]/settings/domains/[[page]]/+page.svelte b/src/routes/console/project-[project]/settings/domains/+page.svelte
similarity index 96%
rename from src/routes/console/project-[project]/settings/domains/[[page]]/+page.svelte
rename to src/routes/console/project-[project]/settings/domains/+page.svelte
index 222d503eb..75c8f573b 100644
--- a/src/routes/console/project-[project]/settings/domains/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/settings/domains/+page.svelte
@@ -14,14 +14,14 @@
     } from '$lib/elements/table';
     import { Container } from '$lib/layout';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { wizard } from '$lib/stores/wizard';
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import type { Models } from '@aw-labs/appwrite-console';
     import type { PageData } from './$types';
-    import Create from '../create.svelte';
-    import Delete from '../delete.svelte';
+    import Create from './create.svelte';
+    import Delete from './delete.svelte';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
 
     export let data: PageData;
@@ -45,7 +45,7 @@
                 invalidate(Dependencies.DOMAINS);
                 return;
             }
-            await sdkForConsole.projects.updateDomainVerification(projectId, domainId);
+            await sdk.forConsole.projects.updateDomainVerification(projectId, domainId);
             invalidate(Dependencies.DOMAINS);
             trackEvent(Submit.DomainUpdateVerification);
         } catch (error) {
diff --git a/src/routes/console/project-[project]/settings/domains/+page.ts b/src/routes/console/project-[project]/settings/domains/+page.ts
new file mode 100644
index 000000000..c3fb7c723
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/domains/+page.ts
@@ -0,0 +1,11 @@
+import { Dependencies } from '$lib/constants';
+import { sdk } from '$lib/stores/sdk';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, depends }) => {
+    depends(Dependencies.DOMAINS);
+
+    return {
+        domains: await sdk.forConsole.projects.listDomains(params.project)
+    };
+};
diff --git a/src/routes/console/project-[project]/settings/domains/[[page]]/+page.ts b/src/routes/console/project-[project]/settings/domains/[[page]]/+page.ts
deleted file mode 100644
index 21650e7ce..000000000
--- a/src/routes/console/project-[project]/settings/domains/[[page]]/+page.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Dependencies } from '$lib/constants';
-import { sdkForConsole } from '$lib/stores/sdk';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent, depends }) => {
-    await parent();
-    depends(Dependencies.DOMAINS);
-
-    return {
-        domains: await sdkForConsole.projects.listDomains(params.project)
-    };
-};
diff --git a/src/routes/console/project-[project]/settings/domains/delete.svelte b/src/routes/console/project-[project]/settings/domains/delete.svelte
index 05490871f..cf54c45e9 100644
--- a/src/routes/console/project-[project]/settings/domains/delete.svelte
+++ b/src/routes/console/project-[project]/settings/domains/delete.svelte
@@ -2,7 +2,7 @@
     import { Modal } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { project } from '../../store';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { addNotification } from '$lib/stores/notifications';
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
@@ -14,7 +14,7 @@
 
     const deleteDomain = async () => {
         try {
-            await sdkForConsole.projects.deleteDomain($project.$id, selectedDomain.$id);
+            await sdk.forConsole.projects.deleteDomain($project.$id, selectedDomain.$id);
             invalidate(Dependencies.DOMAINS);
             showDelete = false;
             addNotification({
@@ -32,10 +32,10 @@
     };
 </script>
 
-<Modal bind:show={showDelete} on:submit={deleteDomain} warning>
+<Modal bind:show={showDelete} onSubmit={deleteDomain} warning>
     <svelte:fragment slot="header">Delete Domain</svelte:fragment>
     {#if selectedDomain}
-        <p>
+        <p data-private>
             Are you sure you want to delete <b>{selectedDomain.domain}</b> from '{$project.name}'?
         </p>
     {/if}
diff --git a/src/routes/console/project-[project]/settings/domains/wizard/step1.svelte b/src/routes/console/project-[project]/settings/domains/wizard/step1.svelte
index 5e4da5988..671284d7f 100644
--- a/src/routes/console/project-[project]/settings/domains/wizard/step1.svelte
+++ b/src/routes/console/project-[project]/settings/domains/wizard/step1.svelte
@@ -2,17 +2,17 @@
     import { Submit, trackEvent } from '$lib/actions/analytics';
     import { FormList, InputDomain } from '$lib/elements/forms';
     import { WizardStep } from '$lib/layout';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { project } from '../../../store';
     import { domain } from './store';
 
     const projectId = $project.$id;
     const createDomain = async () => {
         if ($domain.$id) {
-            await sdkForConsole.projects.deleteDomain(projectId, $domain.$id);
+            await sdk.forConsole.projects.deleteDomain(projectId, $domain.$id);
         }
 
-        const { $id } = await sdkForConsole.projects.createDomain(projectId, $domain.domain);
+        const { $id } = await sdk.forConsole.projects.createDomain(projectId, $domain.domain);
         $domain.$id = $id;
         trackEvent(Submit.DomainCreate);
     };
diff --git a/src/routes/console/project-[project]/settings/domains/wizard/step4.svelte b/src/routes/console/project-[project]/settings/domains/wizard/step4.svelte
index 0ab0e0b98..91b0a575a 100644
--- a/src/routes/console/project-[project]/settings/domains/wizard/step4.svelte
+++ b/src/routes/console/project-[project]/settings/domains/wizard/step4.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { WizardStep } from '$lib/layout';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { domain } from './store';
     import { project } from '../../../store';
     import CnameTable from './cnameTable.svelte';
@@ -11,7 +11,7 @@
     let certificate = false;
     const checkCertificate = () => {
         setTimeout(async () => {
-            const result = await sdkForConsole.projects.getDomain(projectId, $domain.$id);
+            const result = await sdk.forConsole.projects.getDomain(projectId, $domain.$id);
             if (!result.certificateId) {
                 checkCertificate();
                 return;
diff --git a/src/routes/console/project-[project]/settings/domains/wizard/verificationBox.svelte b/src/routes/console/project-[project]/settings/domains/wizard/verificationBox.svelte
index 4501562a5..fec80c01f 100644
--- a/src/routes/console/project-[project]/settings/domains/wizard/verificationBox.svelte
+++ b/src/routes/console/project-[project]/settings/domains/wizard/verificationBox.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import Button from '$lib/elements/forms/button.svelte';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { domain } from './store';
     import { project } from '../../../store';
     import { addNotification } from '$lib/stores/notifications';
@@ -14,7 +14,7 @@
     const verifyDomain = async () => {
         isVerifying = true;
         try {
-            const result = await sdkForConsole.projects.updateDomainVerification(
+            const result = await sdk.forConsole.projects.updateDomainVerification(
                 projectId,
                 $domain.$id
             );
diff --git a/src/routes/console/project-[project]/settings/webhooks/+page.ts b/src/routes/console/project-[project]/settings/webhooks/+page.ts
index 7cfb4a472..10c30754e 100644
--- a/src/routes/console/project-[project]/settings/webhooks/+page.ts
+++ b/src/routes/console/project-[project]/settings/webhooks/+page.ts
@@ -1,11 +1,11 @@
 import { Dependencies } from '$lib/constants';
-import { sdkForConsole } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ params, depends }) => {
     depends(Dependencies.WEBHOOKS);
 
     return {
-        webhooks: await sdkForConsole.projects.listWebhooks(params.project)
+        webhooks: await sdk.forConsole.projects.listWebhooks(params.project)
     };
 };
diff --git a/src/routes/console/project-[project]/settings/webhooks/[webhook]/+layout.ts b/src/routes/console/project-[project]/settings/webhooks/[webhook]/+layout.ts
index 075cecf37..e8f219bdc 100644
--- a/src/routes/console/project-[project]/settings/webhooks/[webhook]/+layout.ts
+++ b/src/routes/console/project-[project]/settings/webhooks/[webhook]/+layout.ts
@@ -1,5 +1,5 @@
 import { Dependencies } from '$lib/constants';
-import { sdkForConsole } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
 import type { LayoutLoad } from './$types';
@@ -12,7 +12,7 @@ export const load: LayoutLoad = async ({ params, depends }) => {
         return {
             header: Header,
             breadcrumbs: Breadcrumbs,
-            webhook: await sdkForConsole.projects.getWebhook(params.project, params.webhook)
+            webhook: await sdk.forConsole.projects.getWebhook(params.project, params.webhook)
         };
     } catch (e) {
         throw error(e.code, e.message);
diff --git a/src/routes/console/project-[project]/settings/webhooks/[webhook]/delete.svelte b/src/routes/console/project-[project]/settings/webhooks/[webhook]/delete.svelte
index 904ca6a74..523477fcc 100644
--- a/src/routes/console/project-[project]/settings/webhooks/[webhook]/delete.svelte
+++ b/src/routes/console/project-[project]/settings/webhooks/[webhook]/delete.svelte
@@ -6,7 +6,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { project } from '../../../store';
     import { webhook } from './store';
 
@@ -14,7 +14,7 @@
 
     async function handleDelete() {
         try {
-            await sdkForConsole.projects.deleteWebhook($project.$id, $webhook.$id);
+            await sdk.forConsole.projects.deleteWebhook($project.$id, $webhook.$id);
             await invalidate(Dependencies.WEBHOOKS);
             showDelete = false;
             addNotification({
@@ -33,9 +33,11 @@
     }
 </script>
 
-<Modal bind:show={showDelete} on:submit={handleDelete} warning>
+<Modal bind:show={showDelete} onSubmit={handleDelete} warning>
     <svelte:fragment slot="header">Delete Webhook</svelte:fragment>
-    <p>Are you sure you want to delete <b>{$webhook.name}</b> from '{$project.name}'?</p>
+    <p data-private>
+        Are you sure you want to delete <b>{$webhook.name}</b> from '{$project.name}'?
+    </p>
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showDelete = false)}>Cancel</Button>
         <Button secondary submit>Delete</Button>
diff --git a/src/routes/console/project-[project]/settings/webhooks/[webhook]/regenerate.svelte b/src/routes/console/project-[project]/settings/webhooks/[webhook]/regenerate.svelte
index 6d350f0ac..1dd0588f2 100644
--- a/src/routes/console/project-[project]/settings/webhooks/[webhook]/regenerate.svelte
+++ b/src/routes/console/project-[project]/settings/webhooks/[webhook]/regenerate.svelte
@@ -6,7 +6,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { webhook } from './store';
 
     export let show = false;
@@ -14,7 +14,7 @@
 
     async function regenerate() {
         try {
-            await sdkForConsole.projects.updateWebhookSignature(projectId, $webhook.$id);
+            await sdk.forConsole.projects.updateWebhookSignature(projectId, $webhook.$id);
             invalidate(Dependencies.WEBHOOK);
             show = false;
             addNotification({
@@ -32,7 +32,7 @@
     }
 </script>
 
-<Modal bind:show on:submit={regenerate}>
+<Modal bind:show onSubmit={regenerate}>
     <svelte:fragment slot="header">Regenerate Key</svelte:fragment>
     <p class="u-text">
         Are you sure you want to generate a new Signature Key?
diff --git a/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateEvents.svelte b/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateEvents.svelte
index 44aaa1a44..c1a29a4e6 100644
--- a/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateEvents.svelte
+++ b/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateEvents.svelte
@@ -8,7 +8,7 @@
     import { TableCell, TableCellText, TableList } from '$lib/elements/table';
     import { symmetricDifference } from '$lib/helpers/array';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { writable, type Writable } from 'svelte/store';
     import { webhook } from './store';
@@ -25,7 +25,7 @@
 
     async function updateEvents() {
         try {
-            await sdkForConsole.projects.updateWebhook(
+            await sdk.forConsole.projects.updateWebhook(
                 projectId,
                 $webhook.$id,
                 $webhook.name,
@@ -64,9 +64,9 @@
     }
 </script>
 
-<Form on:submit={updateEvents}>
+<Form onSubmit={updateEvents}>
     <CardGrid>
-        <Heading tag="h6" size="7">Update Events</Heading>
+        <Heading tag="h6" size="7">Events</Heading>
         <p class="text">
             Set the events that will trigger your webhook. Maximum 100 events allowed.
         </p>
diff --git a/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateName.svelte b/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateName.svelte
index 89439f8e9..07a515501 100644
--- a/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateName.svelte
+++ b/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateName.svelte
@@ -6,7 +6,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, FormList, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { webhook } from './store';
 
@@ -19,7 +19,7 @@
 
     async function updateName() {
         try {
-            await sdkForConsole.projects.updateWebhook(
+            await sdk.forConsole.projects.updateWebhook(
                 projectId,
                 $webhook.$id,
                 name,
@@ -45,9 +45,9 @@
     }
 </script>
 
-<Form on:submit={updateName}>
+<Form onSubmit={updateName}>
     <CardGrid>
-        <Heading tag="h2" size="7">Update Name</Heading>
+        <Heading tag="h2" size="7">Name</Heading>
         <p>Choose any name that will help you distinguish between Webhooks.</p>
         <svelte:fragment slot="aside">
             <FormList>
diff --git a/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateSecurity.svelte b/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateSecurity.svelte
index 8fc343a53..5d39ade82 100644
--- a/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateSecurity.svelte
+++ b/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateSecurity.svelte
@@ -13,7 +13,7 @@
         InputText
     } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { webhook } from './store';
 
@@ -30,7 +30,7 @@
 
     async function updateSecurity() {
         try {
-            await sdkForConsole.projects.updateWebhook(
+            await sdk.forConsole.projects.updateWebhook(
                 projectId,
                 $webhook.$id,
                 $webhook.name,
@@ -56,7 +56,7 @@
     }
 </script>
 
-<Form on:submit={updateSecurity}>
+<Form onSubmit={updateSecurity}>
     <CardGrid>
         <Heading tag="h2" size="7">Security</Heading>
         <p class="text">
diff --git a/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateURL.svelte b/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateURL.svelte
index 4ac8a8fb6..62407b486 100644
--- a/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateURL.svelte
+++ b/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateURL.svelte
@@ -6,7 +6,7 @@
     import { Dependencies } from '$lib/constants';
     import { Button, Form, FormList, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { webhook } from './store';
 
@@ -19,7 +19,7 @@
 
     async function updateUrl() {
         try {
-            await sdkForConsole.projects.updateWebhook(
+            await sdk.forConsole.projects.updateWebhook(
                 projectId,
                 $webhook.$id,
                 $webhook.name,
@@ -45,9 +45,9 @@
     }
 </script>
 
-<Form on:submit={updateUrl}>
+<Form onSubmit={updateUrl}>
     <CardGrid>
-        <Heading tag="h2" size="7">Update Url</Heading>
+        <Heading tag="h2" size="7">URL</Heading>
 
         <svelte:fragment slot="aside">
             <FormList>
diff --git a/src/routes/console/project-[project]/settings/webhooks/createWebhook.svelte b/src/routes/console/project-[project]/settings/webhooks/createWebhook.svelte
index dc30fdc67..0c34d9420 100644
--- a/src/routes/console/project-[project]/settings/webhooks/createWebhook.svelte
+++ b/src/routes/console/project-[project]/settings/webhooks/createWebhook.svelte
@@ -4,7 +4,7 @@
     import { addNotification } from '$lib/stores/notifications';
     import { wizard } from '$lib/stores/wizard';
     import { createWebhook } from './wizard/store';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { page } from '$app/stores';
     import Step1 from './wizard/step1.svelte';
     import Step2 from './wizard/step2.svelte';
@@ -17,7 +17,7 @@
     const projectId = $page.params.project;
     const create = async () => {
         try {
-            await sdkForConsole.projects.createWebhook(
+            await sdk.forConsole.projects.createWebhook(
                 projectId,
                 $createWebhook.name,
                 $createWebhook.events,
diff --git a/src/routes/console/project-[project]/storage/[[page]]/+page.svelte b/src/routes/console/project-[project]/storage/+page.svelte
similarity index 88%
rename from src/routes/console/project-[project]/storage/[[page]]/+page.svelte
rename to src/routes/console/project-[project]/storage/+page.svelte
index c197b3777..17f25d642 100644
--- a/src/routes/console/project-[project]/storage/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/storage/+page.svelte
@@ -2,17 +2,25 @@
     import { page } from '$app/stores';
     import { goto } from '$app/navigation';
     import { Button } from '$lib/elements/forms';
-    import { Empty, Pagination, Copy, GridItem1, CardContainer, Heading } from '$lib/components';
+    import {
+        Empty,
+        Pagination,
+        Copy,
+        GridItem1,
+        CardContainer,
+        Heading,
+        Limit
+    } from '$lib/components';
     import { Pill } from '$lib/elements';
-    import Create from '../create.svelte';
+    import Create from './create.svelte';
     import { Container } from '$lib/layout';
     import { base } from '$app/paths';
     import { tooltip } from '$lib/actions/tooltip';
     import type { Models } from '@aw-labs/appwrite-console';
     import type { PageData } from './$types';
-    import { CARD_LIMIT } from '$lib/constants';
 
     export let data: PageData;
+
     let showCreate = false;
 
     const project = $page.params.project;
@@ -83,12 +91,8 @@
         </CardContainer>
 
         <div class="u-flex u-margin-block-start-32 u-main-space-between">
-            <p class="text">Total results: {data.buckets.total}</p>
-            <Pagination
-                limit={CARD_LIMIT}
-                path={`/console/project-${$page.params.project}/storage`}
-                offset={data.offset}
-                sum={data.buckets.total} />
+            <Limit limit={data.limit} sum={data.buckets.total} name="Buckets" />
+            <Pagination limit={data.limit} offset={data.offset} sum={data.buckets.total} />
         </div>
     {:else}
         <Empty
diff --git a/src/routes/console/project-[project]/storage/+page.ts b/src/routes/console/project-[project]/storage/+page.ts
new file mode 100644
index 000000000..2ff158b64
--- /dev/null
+++ b/src/routes/console/project-[project]/storage/+page.ts
@@ -0,0 +1,21 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, pageToOffset } from '$lib/helpers/load';
+import { CARD_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ url, route }) => {
+    const page = getPage(url);
+    const limit = getLimit(url, route, CARD_LIMIT);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        buckets: await sdk.forProject.storage.listBuckets([
+            Query.limit(limit),
+            Query.offset(offset),
+            Query.orderDesc('$createdAt')
+        ])
+    };
+};
diff --git a/src/routes/console/project-[project]/storage/[[page]]/+page.ts b/src/routes/console/project-[project]/storage/[[page]]/+page.ts
deleted file mode 100644
index 30ed7b167..000000000
--- a/src/routes/console/project-[project]/storage/[[page]]/+page.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { CARD_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent }) => {
-    await parent();
-    const page = Number(params.page);
-    const offset = pageToOffset(page, CARD_LIMIT);
-
-    return {
-        offset,
-        buckets: await sdkForProject.storage.listBuckets([
-            Query.limit(CARD_LIMIT),
-            Query.offset(offset),
-            Query.orderDesc('$createdAt')
-        ])
-    };
-};
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/+layout.ts b/src/routes/console/project-[project]/storage/bucket-[bucket]/+layout.ts
index 556fea871..5b554f477 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/+layout.ts
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/+layout.ts
@@ -1,19 +1,18 @@
 import type { LayoutLoad } from './$types';
 import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
-import { sdkForProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import { Dependencies } from '$lib/constants';
 import { error } from '@sveltejs/kit';
 
-export const load: LayoutLoad = async ({ params, parent, depends }) => {
-    await parent();
+export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.BUCKET);
 
     try {
         return {
             header: Header,
             breadcrumbs: Breadcrumbs,
-            bucket: await sdkForProject.storage.getBucket(params.bucket)
+            bucket: await sdk.forProject.storage.getBucket(params.bucket)
         };
     } catch (e) {
         throw error(e.code, e.message);
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/[[page]]/+page.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/+page.svelte
similarity index 92%
rename from src/routes/console/project-[project]/storage/bucket-[bucket]/[[page]]/+page.svelte
rename to src/routes/console/project-[project]/storage/bucket-[bucket]/+page.svelte
index 69bd8ab00..2e8f15283 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/[[page]]/+page.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { page } from '$app/stores';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
     import {
@@ -11,10 +11,11 @@
         DropList,
         DropListItem,
         DropListLink,
-        SearchQuery
+        SearchQuery,
+        Limit
     } from '$lib/components';
-    import Create from '../create.svelte';
-    import Delete from '../deleteFile.svelte';
+    import Create from './create.svelte';
+    import Delete from './deleteFile.svelte';
     import {
         Table,
         TableHeader,
@@ -34,7 +35,7 @@
     import { addNotification } from '$lib/stores/notifications';
     import type { PageData } from './$types';
     import { invalidate } from '$app/navigation';
-    import { Dependencies, PAGE_LIMIT } from '$lib/constants';
+    import { Dependencies } from '$lib/constants';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
 
     export let data: PageData;
@@ -47,7 +48,7 @@
     const projectId = $page.params.project;
     const bucketId = $page.params.bucket;
     const getPreview = (fileId: string) =>
-        sdkForProject.storage.getFilePreview(bucketId, fileId, 32, 32).toString() + '&mode=admin';
+        sdk.forProject.storage.getFilePreview(bucketId, fileId, 32, 32).toString() + '&mode=admin';
 
     function fileCreated() {
         showCreate = false;
@@ -62,7 +63,7 @@
 
     async function deleteFile(file: Models.File) {
         try {
-            await sdkForProject.storage.deleteFile(file.bucketId, file.$id);
+            await sdk.forProject.storage.deleteFile(file.bucketId, file.$id);
             uploader.removeFile(file);
             invalidate(Dependencies.FILES);
             trackEvent(Submit.FileDelete);
@@ -97,7 +98,7 @@
                     {#if file.chunksTotal / file.chunksUploaded !== 1}
                         <TableRow>
                             <TableCell title="Name">
-                                <div class="u-flex u-gap-12 u-main-space-between">
+                                <div class="u-flex u-gap-12 u-main-space-between u-cross-center">
                                     <span class="avatar is-size-small is-color-empty" />
 
                                     <span class="text u-trim">{file.name}</span>
@@ -136,7 +137,7 @@
                         <TableRowLink
                             href={`${base}/console/project-${projectId}/storage/bucket-${bucketId}/file-${file.$id}`}>
                             <TableCell title="Name">
-                                <div class="u-flex u-gap-12">
+                                <div class="u-flex u-gap-12 u-cross-center">
                                     <Avatar size={32} src={getPreview(file.$id)} name={file.name} />
                                     <span class="text u-trim">{file.name}</span>
                                 </div>
@@ -184,12 +185,8 @@
             </TableBody>
         </Table>
         <div class="u-flex u-margin-block-start-32 u-main-space-between">
-            <p class="text">Total results: {data.files.total}</p>
-            <Pagination
-                limit={PAGE_LIMIT}
-                path={`/console/project-${$page.params.project}/storage/bucket-${$page.params.bucket}`}
-                offset={data.offset}
-                sum={data.files.total} />
+            <Limit limit={data.limit} sum={data.files.total} name="Files" />
+            <Pagination limit={data.limit} offset={data.offset} sum={data.files.total} />
         </div>
     {:else if data.search}
         <EmptySearch>
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/+page.ts b/src/routes/console/project-[project]/storage/bucket-[bucket]/+page.ts
new file mode 100644
index 000000000..82a75f0f3
--- /dev/null
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/+page.ts
@@ -0,0 +1,24 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, getSearch, pageToOffset } from '$lib/helpers/load';
+import { Dependencies, PAGE_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, depends, url, route }) => {
+    depends(Dependencies.FILES);
+    const page = getPage(url);
+    const search = getSearch(url);
+    const limit = getLimit(url, route, PAGE_LIMIT);
+    const offset = pageToOffset(page, limit);
+
+    return {
+        offset,
+        limit,
+        search,
+        files: await sdk.forProject.storage.listFiles(
+            params.bucket,
+            [Query.limit(limit), Query.offset(offset), Query.orderDesc('$createdAt')],
+            search
+        )
+    };
+};
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/[[page]]/+page.ts b/src/routes/console/project-[project]/storage/bucket-[bucket]/[[page]]/+page.ts
deleted file mode 100644
index 0c15a026e..000000000
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/[[page]]/+page.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Query } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
-import { pageToOffset } from '$lib/helpers/load';
-import { Dependencies, PAGE_LIMIT } from '$lib/constants';
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params, parent, depends, url }) => {
-    await parent();
-    depends(Dependencies.FILES);
-    const page = Number(params.page);
-    const offset = pageToOffset(page, PAGE_LIMIT);
-    const search = url.search.slice(1) ?? undefined;
-
-    return {
-        offset,
-        search,
-        files: await sdkForProject.storage.listFiles(
-            params.bucket,
-            [Query.limit(PAGE_LIMIT), Query.offset(offset), Query.orderDesc('$createdAt')],
-            search
-        )
-    };
-};
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/create.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/create.svelte
index 5bdc48bf3..3e8bac275 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/create.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/create.svelte
@@ -48,7 +48,7 @@
     }
 </script>
 
-<Modal size="big" {error} bind:show={showCreate} on:submit={create}>
+<Modal size="big" {error} bind:show={showCreate} onSubmit={create}>
     <svelte:fragment slot="header">Create File</svelte:fragment>
     <FormList>
         <div>
@@ -69,7 +69,7 @@
         {:else}
             <CustomId bind:show={showCustomId} name="File" bind:id />
         {/if}
-        <Heading tag="h6" size="7">Update Permissions</Heading>
+        <Heading tag="h6" size="7">Permissions</Heading>
         <p class="text">
             Choose who can access your buckets and files. For more information, check out the
             <a
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/deleteBucket.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/deleteBucket.svelte
index bb8644cd5..1f9cc1f26 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/deleteBucket.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/deleteBucket.svelte
@@ -6,14 +6,14 @@
     import { Modal } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { bucket } from './store';
 
     export let showDelete = false;
 
     const deleteUser = async () => {
         try {
-            await sdkForProject.storage.deleteBucket($bucket.$id);
+            await sdk.forProject.storage.deleteBucket($bucket.$id);
             showDelete = false;
             addNotification({
                 type: 'success',
@@ -31,9 +31,9 @@
     };
 </script>
 
-<Modal bind:show={showDelete} on:submit={deleteUser} warning>
+<Modal bind:show={showDelete} onSubmit={deleteUser} warning>
     <svelte:fragment slot="header">Delete Bucket</svelte:fragment>
-    <p>Are you sure you want to delete <b>{$bucket.name}</b>?</p>
+    <p data-private>Are you sure you want to delete <b>{$bucket.name}</b>?</p>
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showDelete = false)}>Cancel</Button>
         <Button secondary submit>Delete</Button>
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/deleteFile.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/deleteFile.svelte
index 445c9a723..8e33c161a 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/deleteFile.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/deleteFile.svelte
@@ -3,7 +3,7 @@
     import { Modal } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@aw-labs/appwrite-console';
     import { createEventDispatcher } from 'svelte';
 
@@ -14,7 +14,7 @@
 
     const deleteFile = async () => {
         try {
-            await sdkForProject.storage.deleteFile(file.bucketId, file.$id);
+            await sdk.forProject.storage.deleteFile(file.bucketId, file.$id);
             showDelete = false;
             dispatch('deleted', file);
             addNotification({
@@ -32,9 +32,9 @@
     };
 </script>
 
-<Modal bind:show={showDelete} on:submit={deleteFile} warning>
+<Modal bind:show={showDelete} onSubmit={deleteFile} warning>
     <svelte:fragment slot="header">Delete File</svelte:fragment>
-    <p>Are you sure you want to delete <b>{file.name}</b>?</p>
+    <p data-private>Are you sure you want to delete <b>{file.name}</b>?</p>
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showDelete = false)}>Cancel</Button>
         <Button secondary submit>Delete</Button>
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+layout.ts b/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+layout.ts
index ec7e4b6a3..38c6ff563 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+layout.ts
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+layout.ts
@@ -1,19 +1,18 @@
 import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
-import { sdkForProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import { Dependencies } from '$lib/constants';
 import type { LayoutLoad } from './$types';
 import { error } from '@sveltejs/kit';
 
-export const load: LayoutLoad = async ({ params, parent, depends }) => {
-    await parent();
+export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.FILE);
 
     try {
         return {
             header: Header,
             breadcrumbs: Breadcrumbs,
-            file: await sdkForProject.storage.getFile(params.bucket, params.file)
+            file: await sdk.forProject.storage.getFile(params.bucket, params.file)
         };
     } catch (e) {
         throw error(e.code, e.message);
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
index f3689a5a5..d1703d0cd 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
@@ -5,7 +5,7 @@
     import { Pill } from '$lib/elements';
     import { file } from './store';
     import { toLocaleDate, toLocaleDateTime } from '$lib/helpers/date';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { addNotification } from '$lib/stores/notifications';
     import { calculateSize } from '$lib/helpers/sizeConvertion';
     import { onMount } from 'svelte';
@@ -27,10 +27,10 @@
     let arePermsDisabled = true;
 
     const getPreview = (fileId: string) =>
-        sdkForProject.storage.getFilePreview($file.bucketId, fileId, 205, 125).toString() +
+        sdk.forProject.storage.getFilePreview($file.bucketId, fileId, 205, 125).toString() +
         '&mode=admin';
     const getView = (fileId: string) =>
-        sdkForProject.storage.getFileView($file.bucketId, fileId).toString() + '&mode=admin';
+        sdk.forProject.storage.getFileView($file.bucketId, fileId).toString() + '&mode=admin';
 
     $: if (filePermissions) {
         if (symmetricDifference(filePermissions, $file.$permissions).length) {
@@ -40,14 +40,14 @@
 
     function downloadFile() {
         return (
-            sdkForProject.storage.getFileDownload($file.bucketId, $file.$id).toString() +
+            sdk.forProject.storage.getFileDownload($file.bucketId, $file.$id).toString() +
             '&mode=admin'
         );
     }
 
     async function updatePermissions() {
         try {
-            await sdkForProject.storage.updateFile($file.bucketId, $file.$id, filePermissions);
+            await sdk.forProject.storage.updateFile($file.bucketId, $file.$id, filePermissions);
             invalidate(Dependencies.FILE);
             arePermsDisabled = true;
             addNotification({
@@ -68,7 +68,7 @@
 <Container>
     {#if $file}
         <CardGrid>
-            <div class="u-flex u-gap-16">
+            <div class="u-flex u-gap-16" data-private>
                 <a
                     href={getView($file.$id)}
                     class="file-preview is-with-image"
@@ -112,7 +112,7 @@
         </CardGrid>
 
         <CardGrid>
-            <Heading tag="h6" size="7">Update Permissions</Heading>
+            <Heading tag="h6" size="7">Permissions</Heading>
             <p>
                 Assign read or write permissions at the Bucket Level or File Level. If Bucket Level
                 permissions are enabled, file permissions will be ignored.
@@ -157,7 +157,7 @@
             <svelte:fragment slot="aside">
                 <Box>
                     <svelte:fragment slot="title">
-                        <h6 class="u-bold u-trim-1">{$file.name}</h6>
+                        <h6 class="u-bold u-trim-1" data-private>{$file.name}</h6>
                     </svelte:fragment>
                     <p>
                         Last Updated: {toLocaleDateTime($file.$updatedAt)}
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/deleteFile.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/deleteFile.svelte
index c58bbb12e..5f06c029c 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/deleteFile.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/file-[file]/deleteFile.svelte
@@ -6,14 +6,14 @@
     import { Modal } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { file } from './store';
 
     export let showDelete = false;
 
     const deleteFile = async () => {
         try {
-            await sdkForProject.storage.deleteFile($file.bucketId, $file.$id);
+            await sdk.forProject.storage.deleteFile($file.bucketId, $file.$id);
             showDelete = false;
             await goto(
                 `${base}/console/project-${$page.params.project}/storage/bucket-${$file.bucketId}`
@@ -33,9 +33,9 @@
     };
 </script>
 
-<Modal bind:show={showDelete} on:submit={deleteFile} warning>
+<Modal bind:show={showDelete} onSubmit={deleteFile} warning>
     <svelte:fragment slot="header">Delete File</svelte:fragment>
-    <p>Are you sure you want to delete <b>{$file.name}</b>?</p>
+    <p data-private>Are you sure you want to delete <b>{$file.name}</b>?</p>
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showDelete = false)}>Cancel</Button>
         <Button secondary submit>Delete</Button>
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/settings/+page.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/settings/+page.svelte
index 5cc6174a6..df805836c 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/settings/+page.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/settings/+page.svelte
@@ -15,7 +15,7 @@
         const values = { ...bucketData, ...updates };
 
         try {
-            await sdkForProject.storage.updateBucket(
+            await sdk.forProject.storage.updateBucket(
                 values.$id,
                 values.name,
                 values.$permissions,
@@ -71,7 +71,7 @@
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { Container } from '$lib/layout';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@aw-labs/appwrite-console';
     import { onMount } from 'svelte';
     import { get, writable } from 'svelte/store';
@@ -211,7 +211,7 @@
 
 <Container>
     {#if $bucket}
-        <Form on:submit={toggleBucket}>
+        <Form onSubmit={toggleBucket}>
             <CardGrid>
                 <Heading tag="h2" size="7">{$bucket.name}</Heading>
 
@@ -234,9 +234,9 @@
             </CardGrid>
         </Form>
 
-        <Form on:submit={updateName}>
+        <Form onSubmit={updateName}>
             <CardGrid>
-                <Heading tag="h6" size="7">Update Name</Heading>
+                <Heading tag="h6" size="7">Name</Heading>
                 <svelte:fragment slot="aside">
                     <FormList>
                         <InputText
@@ -256,9 +256,9 @@
             </CardGrid>
         </Form>
 
-        <Form on:submit={updatePermissions}>
+        <Form onSubmit={updatePermissions}>
             <CardGrid>
-                <Heading tag="h6" size="7">Update Permissions</Heading>
+                <Heading tag="h6" size="7">Permissions</Heading>
                 <p class="text">
                     Choose who can access your buckets and files. For more information, check out
                     the <a
@@ -280,9 +280,9 @@
             </CardGrid>
         </Form>
 
-        <Form on:submit={updateFileSecurity}>
+        <Form onSubmit={updateFileSecurity}>
             <CardGrid>
-                <Heading tag="h6" size="7">Update File Security</Heading>
+                <Heading tag="h6" size="7">File Security</Heading>
                 <svelte:fragment slot="aside">
                     <FormList>
                         <InputSwitch
@@ -308,9 +308,9 @@
             </CardGrid>
         </Form>
 
-        <Form on:submit={updateSecurity}>
+        <Form onSubmit={updateSecurity}>
             <CardGrid>
-                <Heading tag="h2" size="7">Update Security Settings</Heading>
+                <Heading tag="h2" size="7">Security Settings</Heading>
                 <p class="text">
                     Enable or disable security services for the bucket including <b>Ecryption</b>
                     and <b>Antivirus scanning.</b>
@@ -379,9 +379,9 @@
             </CardGrid>
         </Form>
 
-        <Form on:submit={updateCompression}>
+        <Form onSubmit={updateCompression}>
             <CardGrid>
-                <Heading tag="h2" size="6">Update Compression Algorithm</Heading>
+                <Heading tag="h2" size="6">Compression</Heading>
                 <p class="text">
                     Choose an algorithm for compression. For files larger than 20MB, compression
                     will be skipped even if it's enabled.
@@ -390,7 +390,7 @@
                     <FormList>
                         <InputSelect
                             id="compression"
-                            label="Compression algorithm"
+                            label="Algorithm"
                             options={compressionOptions}
                             bind:value={compression} />
                     </FormList>
@@ -404,18 +404,18 @@
 
         <UpdateMaxFileSize />
 
-        <Form on:submit={updateAllowedExtensions}>
+        <Form onSubmit={updateAllowedExtensions}>
             <CardGrid>
-                <Heading tag="h6" size="7">Update Allowed File Extensions</Heading>
+                <Heading tag="h6" size="7">File Extensions</Heading>
                 <p class="text">
-                    A maximum of 100 file extensions can be added. Leave blank to allow all file
-                    types.
+                    Allowed file extensions. A maximum of 100 file extensions can be added. Leave
+                    blank to allow all file types.
                 </p>
                 <svelte:fragment slot="aside">
                     <ul class="common-section">
                         <InputTags
                             id="read"
-                            label="Allowed file extensions"
+                            label="Allowed extensions"
                             placeholder="Allowed file extensions (mp4, jpg, pdf, etc.)"
                             bind:tags={extensions} />
                         <li class="u-flex u-gap-12 u-margin-block-start-8 ">
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/settings/updateMaxFileSize.svelte b/src/routes/console/project-[project]/storage/bucket-[bucket]/settings/updateMaxFileSize.svelte
index 4e6347186..3cdfeb402 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/settings/updateMaxFileSize.svelte
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/settings/updateMaxFileSize.svelte
@@ -22,9 +22,9 @@
     }
 </script>
 
-<Form on:submit={updateMaxSize}>
+<Form onSubmit={updateMaxSize}>
     <CardGrid>
-        <Heading tag="h2" size="6">Update Maximum File Size</Heading>
+        <Heading tag="h2" size="7">Maximum File Size</Heading>
         <p class="text">Set the maximum file size allowed in the bucket.</p>
         <svelte:fragment slot="aside">
             <ul class="u-flex u-gap-12">
diff --git a/src/routes/console/project-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.ts b/src/routes/console/project-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.ts
index 19e5e71bc..3b6668951 100644
--- a/src/routes/console/project-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.ts
+++ b/src/routes/console/project-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.ts
@@ -1,10 +1,9 @@
-import { sdkForProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import type { Models } from '@aw-labs/appwrite-console';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ params, parent }) => {
-    await parent();
-    const response = await sdkForProject.storage.getBucketUsage(
+export const load: PageLoad = async ({ params }) => {
+    const response = await sdk.forProject.storage.getBucketUsage(
         params.bucket,
         params.period ?? '30d'
     );
diff --git a/src/routes/console/project-[project]/storage/create.svelte b/src/routes/console/project-[project]/storage/create.svelte
index 586b90e2c..707891928 100644
--- a/src/routes/console/project-[project]/storage/create.svelte
+++ b/src/routes/console/project-[project]/storage/create.svelte
@@ -4,7 +4,7 @@
     import { Pill } from '$lib/elements';
     import { Button, InputText, FormList } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForProject } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { ID } from '@aw-labs/appwrite-console';
     import { createEventDispatcher } from 'svelte';
 
@@ -19,7 +19,7 @@
 
     const create = async () => {
         try {
-            const bucket = await sdkForProject.storage.createBucket(id ? id : ID.unique(), name);
+            const bucket = await sdk.forProject.storage.createBucket(id ? id : ID.unique(), name);
             showCreate = false;
             dispatch('created', bucket);
             addNotification({
@@ -45,7 +45,7 @@
     }
 </script>
 
-<Modal {error} on:submit={create} size="big" bind:show={showCreate}>
+<Modal {error} onSubmit={create} size="big" bind:show={showCreate}>
     <svelte:fragment slot="header">Create Bucket</svelte:fragment>
     <FormList>
         <InputText
diff --git a/src/routes/console/project-[project]/storage/usage/[[period]]/+page.ts b/src/routes/console/project-[project]/storage/usage/[[period]]/+page.ts
index 245f790ea..eefcaf323 100644
--- a/src/routes/console/project-[project]/storage/usage/[[period]]/+page.ts
+++ b/src/routes/console/project-[project]/storage/usage/[[period]]/+page.ts
@@ -1,16 +1,20 @@
 import type { Models } from '@aw-labs/appwrite-console';
-import { sdkForProject } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
+import { error } from '@sveltejs/kit';
 
-export const load: PageLoad = async ({ params, parent }) => {
-    await parent();
-    const response = await sdkForProject.storage.getUsage(params.period ?? '30d');
+export const load: PageLoad = async ({ params }) => {
+    try {
+        const response = await sdk.forProject.storage.getUsage(params.period ?? '30d');
 
-    return {
-        count: response.bucketsCount as unknown as Models.Metric[],
-        created: response.bucketsCreate as unknown as Models.Metric[],
-        read: response.bucketsRead as unknown as Models.Metric[],
-        updated: response.bucketsUpdate as unknown as Models.Metric[],
-        deleted: response.bucketsDelete as unknown as Models.Metric[]
-    };
+        return {
+            count: response.bucketsCount as unknown as Models.Metric[],
+            created: response.bucketsCreate as unknown as Models.Metric[],
+            read: response.bucketsRead as unknown as Models.Metric[],
+            updated: response.bucketsUpdate as unknown as Models.Metric[],
+            deleted: response.bucketsDelete as unknown as Models.Metric[]
+        };
+    } catch (err) {
+        throw error(err.code, err.message);
+    }
 };
diff --git a/src/routes/console/store.ts b/src/routes/console/store.ts
new file mode 100644
index 000000000..2e8023dda
--- /dev/null
+++ b/src/routes/console/store.ts
@@ -0,0 +1,4 @@
+import { page } from '$app/stores';
+import { derived } from 'svelte/store';
+
+export const version = derived(page, ($page) => $page.data.version as string | null);
diff --git a/src/routes/invite/+page.svelte b/src/routes/invite/+page.svelte
index 509eb7d3c..ef4e9226e 100644
--- a/src/routes/invite/+page.svelte
+++ b/src/routes/invite/+page.svelte
@@ -3,7 +3,7 @@
     import { base } from '$app/paths';
     import { Button, Form, FormList, InputChoice } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { Unauthenticated } from '$lib/layout';
     import { page } from '$app/stores';
     import { onMount } from 'svelte';
@@ -22,7 +22,7 @@
 
     const acceptInvite = async () => {
         try {
-            await sdkForConsole.teams.updateMembershipStatus(teamId, membershipId, userId, secret);
+            await sdk.forConsole.teams.updateMembershipStatus(teamId, membershipId, userId, secret);
             addNotification({
                 type: 'success',
                 message: 'Successfully logged in.'
@@ -62,7 +62,7 @@
             </div>
         {:else}
             <p class="text">You have been invited to join a team project on Appwrite</p>
-            <Form on:submit={acceptInvite}>
+            <Form onSubmit={acceptInvite}>
                 <FormList>
                     <InputChoice
                         required
diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
index b2f488a90..edac58515 100644
--- a/src/routes/login/+page.svelte
+++ b/src/routes/login/+page.svelte
@@ -10,7 +10,7 @@
         InputPassword
     } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { Unauthenticated } from '$lib/layout';
     import { Dependencies } from '$lib/constants';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
@@ -20,7 +20,7 @@
     async function login() {
         try {
             disabled = true;
-            await sdkForConsole.account.createEmailSession(mail, pass);
+            await sdk.forConsole.account.createEmailSession(mail, pass);
             await invalidate(Dependencies.ACCOUNT);
             addNotification({
                 type: 'success',
@@ -46,7 +46,7 @@
 <Unauthenticated>
     <svelte:fragment slot="title">Sign in</svelte:fragment>
     <svelte:fragment>
-        <Form on:submit={login}>
+        <Form onSubmit={login}>
             <FormList>
                 <InputEmail
                     id="email"
diff --git a/src/routes/recover/+page.svelte b/src/routes/recover/+page.svelte
index 51871926f..e40b7cc38 100644
--- a/src/routes/recover/+page.svelte
+++ b/src/routes/recover/+page.svelte
@@ -9,7 +9,7 @@
         InputPassword
     } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { Unauthenticated } from '$lib/layout';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
     import { onMount } from 'svelte';
@@ -30,7 +30,7 @@
 
     async function recover() {
         try {
-            await sdkForConsole.account.createRecovery(email, window.location.toString());
+            await sdk.forConsole.account.createRecovery(email, window.location.toString());
             addNotification({
                 type: 'success',
                 message: 'We have sent you an email with a password reset link'
@@ -47,7 +47,7 @@
 
     async function setPassword() {
         try {
-            await sdkForConsole.account.updateRecovery(userId, secret, password, confirmPassword);
+            await sdk.forConsole.account.updateRecovery(userId, secret, password, confirmPassword);
             await goto(`${base}/login`);
             addNotification({
                 type: 'success',
@@ -70,7 +70,7 @@
     <svelte:fragment slot="title">Password Recovery</svelte:fragment>
     <svelte:fragment>
         {#if userId && secret}
-            <Form on:submit={setPassword}>
+            <Form onSubmit={setPassword}>
                 <FormList>
                     <InputPassword
                         label="New password"
@@ -94,7 +94,7 @@
                 </FormList>
             </Form>
         {:else}
-            <Form on:submit={recover}>
+            <Form onSubmit={recover}>
                 <FormList>
                     <InputEmail
                         id="email"
diff --git a/src/routes/register/+page.svelte b/src/routes/register/+page.svelte
index 03657a94b..17faeac3a 100644
--- a/src/routes/register/+page.svelte
+++ b/src/routes/register/+page.svelte
@@ -11,7 +11,7 @@
         InputText
     } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdkForConsole } from '$lib/stores/sdk';
+    import { sdk } from '$lib/stores/sdk';
     import { Unauthenticated } from '$lib/layout';
     import FormList from '$lib/elements/forms/formList.svelte';
     import { Dependencies } from '$lib/constants';
@@ -24,8 +24,8 @@
     async function register() {
         try {
             disabled = true;
-            await sdkForConsole.account.create(ID.unique(), mail, pass, name ?? '');
-            await sdkForConsole.account.createEmailSession(mail, pass);
+            await sdk.forConsole.account.create(ID.unique(), mail, pass, name ?? '');
+            await sdk.forConsole.account.createEmailSession(mail, pass);
             await invalidate(Dependencies.ACCOUNT);
             await goto(`${base}/console`);
             trackEvent(Submit.AccountCreate);
@@ -47,7 +47,7 @@
 <Unauthenticated>
     <svelte:fragment slot="title">Sign up</svelte:fragment>
     <svelte:fragment>
-        <Form on:submit={register}>
+        <Form onSubmit={register}>
             <FormList>
                 <InputText
                     id="name"
diff --git a/src/routes/register/invite/+layout.ts b/src/routes/register/invite/+layout.ts
new file mode 100644
index 000000000..48f546c98
--- /dev/null
+++ b/src/routes/register/invite/+layout.ts
@@ -0,0 +1,9 @@
+import { isSelfHosted } from '$lib/system';
+import { error } from '@sveltejs/kit';
+import type { LayoutLoad } from './$types';
+
+export const load: LayoutLoad = async () => {
+    if (isSelfHosted) {
+        throw error(501, 'Not available in self hosted.');
+    }
+};
diff --git a/src/routes/register/invite/[slug]/+page.svelte b/src/routes/register/invite/[slug]/+page.svelte
new file mode 100644
index 000000000..c36a6c6bc
--- /dev/null
+++ b/src/routes/register/invite/[slug]/+page.svelte
@@ -0,0 +1,151 @@
+<script lang="ts">
+    import { goto, invalidate } from '$app/navigation';
+    import { base } from '$app/paths';
+    import {
+        Button,
+        Form,
+        FormItem,
+        InputChoice,
+        InputEmail,
+        InputPassword,
+        InputText
+    } from '$lib/elements/forms';
+    import { addNotification } from '$lib/stores/notifications';
+    import { sdk } from '$lib/stores/sdk';
+    import { Unauthenticated } from '$lib/layout';
+    import FormList from '$lib/elements/forms/formList.svelte';
+    import { Dependencies } from '$lib/constants';
+    import { trackEvent } from '$lib/actions/analytics';
+    import { onMount } from 'svelte';
+    import { page } from '$app/stores';
+    import LoginLight from '$lib/images/login/login-light-mode.svg';
+    import LoginDark from '$lib/images/login/login-dark-mode.svg';
+    import { isCloud } from '$lib/system';
+
+    let slug = $page.params.slug;
+    let imgLight = LoginLight;
+    let imgDark = LoginDark;
+
+    onMount(async () => {
+        if (isCloud) {
+            code = slug;
+            switch (slug) {
+                case 'mlh':
+                    imgDark = (await import('./mlh-dark.svg')).default;
+                    imgLight = (await import('./mlh-light.svg')).default;
+                    title = 'Welcome MLH Hackers!';
+                    break;
+                case 'appwrite':
+                    imgDark = (await import('$lib/images/appwrite.svg')).default;
+                    imgLight = (await import('$lib/images/appwrite.svg')).default;
+                    title = 'Welcome Appwriters!';
+                    break;
+                case 'cloud_beta':
+                    break;
+                default:
+                    code = '';
+            }
+        }
+    });
+
+    let name: string, mail: string, pass: string, code: string, disabled: boolean;
+    let title = 'Sign up';
+    let terms = false;
+
+    async function invite() {
+        try {
+            disabled = true;
+            const res = await fetch(`${sdk.forConsole.client.config.endpoint}/account/invite`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({
+                    userId: 'unique()',
+                    email: mail,
+                    password: pass,
+                    code: code,
+                    name: name ?? ''
+                })
+            });
+            if (!res.ok) {
+                throw new Error((await res.json()).message);
+            } else {
+                await sdk.forConsole.account.createEmailSession(mail, pass);
+                await sdk.forConsole.account.updatePrefs({ code });
+                await invalidate(Dependencies.ACCOUNT);
+                await goto(`${base}/console`);
+                trackEvent('submit_account_create', { code: code });
+            }
+        } catch (error) {
+            disabled = false;
+            addNotification({
+                type: 'error',
+                message: error.message
+            });
+        }
+    }
+</script>
+
+<svelte:head>
+    <title>Sign up - Appwrite</title>
+</svelte:head>
+
+<Unauthenticated {imgLight} {imgDark}>
+    <svelte:fragment slot="title">{title}</svelte:fragment>
+    <svelte:fragment>
+        <Form onSubmit={invite}>
+            <FormList>
+                <InputText
+                    id="name"
+                    label="Name"
+                    placeholder="Your name"
+                    autofocus={true}
+                    bind:value={name} />
+                <InputEmail
+                    id="email"
+                    label="Email"
+                    placeholder="Your email"
+                    required={true}
+                    bind:value={mail} />
+                <InputPassword
+                    id="password"
+                    label="Password"
+                    placeholder="Your password"
+                    required={true}
+                    showPasswordButton={true}
+                    bind:value={pass} />
+                <InputText
+                    id="Code"
+                    label="Code"
+                    placeholder="Your code"
+                    required={true}
+                    bind:value={code} />
+                <InputChoice required value={terms} id="terms" label="terms" showLabel={false}>
+                    By registering, you agree that you have read, understand, and acknowledge our <a
+                        class="link"
+                        href="https://appwrite.io/policy/privacy"
+                        target="_blank"
+                        rel="noopener noreferrer">
+                        Privacy Policy</a>
+                    and accept our
+                    <a
+                        class="link"
+                        href="https://appwrite.io/policy/terms"
+                        target="_blank"
+                        rel="noopener noreferrer">General Terms of Use</a
+                    >.</InputChoice>
+                <FormItem>
+                    <Button fullWidth submit {disabled}>Sign up</Button>
+                </FormItem>
+            </FormList>
+        </Form>
+    </svelte:fragment>
+    <svelte:fragment slot="links">
+        <li class="inline-links-item">
+            <span class="text">
+                Already got an account? <a class="link" href={`${base}/login`}>Sign in</a>
+            </span>
+        </li>
+    </svelte:fragment>
+</Unauthenticated>
diff --git a/src/routes/register/invite/[slug]/mlh-dark.svg b/src/routes/register/invite/[slug]/mlh-dark.svg
new file mode 100644
index 000000000..4ad7517de
--- /dev/null
+++ b/src/routes/register/invite/[slug]/mlh-dark.svg
@@ -0,0 +1,293 @@
+<svg width="414" height="368" viewBox="0 0 414 368" fill="none" xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink">
+    <path d="M412.313 236.014L308.995 297.443L122.231 191.995L224.5 118.5L412.313 236.014Z"
+        fill="url(#paint0_linear_712_10909)" />
+    <path
+        d="M309.203 297.689V150.756C309.203 146.104 306.717 141.806 302.684 139.487L126.956 38.4316C125.623 37.6649 123.959 38.6273 123.959 40.1654V190.913L20.2472 253.184C17.695 254.716 17.6513 258.4 20.1665 259.993L187.464 365.919C188.724 366.717 190.324 366.747 191.613 365.998L309.203 297.689Z"
+        fill="url(#paint1_linear_712_10909)" />
+    <path
+        d="M190.433 357.249L303.75 292.722L124.331 190.946L22.555 250.752L31.9981 257.572L66.0982 280.131L190.433 357.249Z"
+        fill="url(#paint2_linear_712_10909)" />
+    <path
+        d="M209.298 335.002L268.077 299.261L115.413 210.881L63.3889 242.096C60.8073 243.645 60.7977 247.383 63.3713 248.945L205.144 335.004C206.421 335.779 208.022 335.778 209.298 335.002Z"
+        fill="url(#paint3_linear_712_10909)" />
+    <path
+        d="M303.75 293.246V152.514C303.75 148.54 301.606 144.874 298.142 142.926L126.262 46.2537C124.929 45.5039 123.282 46.4673 123.282 47.9969V190.421L303.75 293.246Z"
+        fill="url(#paint4_linear_712_10909)" />
+    <path
+        d="M297.78 281.18V152.277C297.78 150.834 297.002 149.502 295.744 148.793L130.397 55.5887C129.064 54.8372 127.415 55.8006 127.415 57.331V183.861L297.78 281.18Z"
+        fill="url(#paint5_linear_712_10909)" />
+    <mask id="mask0_712_10909" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="158" y="114"
+        width="102" height="108">
+        <rect width="115.836" height="48.9615" transform="matrix(0.866025 0.5 0 1 158.686 114.217)"
+            fill="url(#pattern0)" />
+    </mask>
+    <g mask="url(#mask0_712_10909)">
+        <rect x="148.001" y="114" width="135" height="117" fill="#C4C6D7" />
+    </g>
+    <path d="M272.949 315.816L87.9536 208.543" stroke="url(#paint6_radial_712_10909)" />
+    <path d="M262.521 324.258L77.5248 216.986" stroke="url(#paint7_radial_712_10909)" />
+    <path d="M252.091 330.218L67.0952 222.945" stroke="url(#paint8_radial_712_10909)" />
+    <path d="M242.159 338.164L57.1635 230.891" stroke="url(#paint9_radial_712_10909)" />
+    <path d="M250.104 290.487L190.756 322.272" stroke="url(#paint10_radial_712_10909)" />
+    <path d="M232.225 281.548L173.622 313.084" stroke="url(#paint11_radial_712_10909)" />
+    <path d="M140.846 227.912L81.4981 259.696" stroke="url(#paint12_radial_712_10909)" />
+    <path d="M122.966 218.972L64.3632 250.509" stroke="url(#paint13_radial_712_10909)" />
+    <path d="M216.332 271.119L169.649 296.199" stroke="url(#paint14_radial_712_10909)" />
+    <path d="M201.931 262.676L155.247 287.756" stroke="url(#paint15_radial_712_10909)" />
+    <path d="M187.529 254.233L140.846 279.313" stroke="url(#paint16_radial_712_10909)" />
+    <path d="M173.622 245.79L126.939 270.87" stroke="url(#paint17_radial_712_10909)" />
+    <path d="M157.234 237.348L110.551 262.428" stroke="url(#paint18_radial_712_10909)" />
+    <path
+        d="M268.076 303.214V299.541L207.221 333.642L60.3276 246.555V250.752L207.221 337.839L268.076 303.214Z"
+        fill="url(#paint19_linear_712_10909)" />
+    <g opacity="0.9">
+        <path
+            d="M314.587 5.43599L345.776 42.6929L345.777 42.693L335.679 70.7448L264.738 84.8151L232.118 46.3271L242.243 18.2021L314.587 5.43599Z"
+            fill="url(#paint20_linear_712_10909)" />
+        <path
+            d="M273.278 28.2091C272.539 30.2627 269.547 31.0659 266.595 30.0033C263.643 28.9407 261.849 26.4145 262.588 24.361C264.079 20.2193 263.939 17.9347 270.028 19.2514C276.479 21.7487 275.058 23.5749 273.278 28.2091Z"
+            fill="#DA1A5B" />
+        <ellipse cx="269.271" cy="22.5666" rx="5.68073" ry="3.95181"
+            transform="rotate(19.7978 269.271 22.5666)" fill="#FF84A8" />
+        <path
+            d="M285.988 43.3681C285.249 45.4216 282.257 46.2249 279.305 45.1623C276.353 44.0996 274.559 41.5735 275.298 39.5199C276.789 35.3782 276.649 33.0936 282.738 34.4104C289.189 36.9076 287.768 38.7338 285.988 43.3681Z"
+            fill="#DA1A5B" />
+        <ellipse cx="281.982" cy="37.7256" rx="5.68073" ry="3.95181"
+            transform="rotate(19.7978 281.982 37.7256)" fill="#FF84A8" />
+        <path
+            d="M306.183 39.8982C305.443 41.9518 302.451 42.755 299.499 41.6924C296.547 40.6298 294.753 38.1036 295.493 36.0501C296.984 31.9084 296.844 29.6238 302.932 30.9405C309.383 33.4378 307.963 35.264 306.183 39.8982Z"
+            fill="#DA1A5B" />
+        <ellipse cx="302.175" cy="34.2552" rx="5.68073" ry="3.95181"
+            transform="rotate(19.7978 302.175 34.2552)" fill="#FF749B" />
+        <path
+            d="M326.259 37.5779C325.52 39.6314 322.527 40.4347 319.575 39.3721C316.623 38.3095 314.83 35.7833 315.569 33.7298C317.06 29.5881 316.92 27.3034 323.008 28.6202C329.459 31.1175 328.039 32.9436 326.259 37.5779Z"
+            fill="#DA1A5B" />
+        <ellipse cx="322.253" cy="31.9358" rx="5.68073" ry="3.95181"
+            transform="rotate(19.7978 322.253 31.9358)" fill="#FF6792" />
+        <path
+            d="M294.223 23.8083C293.483 25.8618 290.491 26.6651 287.539 25.6025C284.587 24.5398 282.794 22.0137 283.533 19.9602C285.024 15.8185 284.884 13.5338 290.972 14.8506C297.423 17.3479 296.003 19.174 294.223 23.8083Z"
+            fill="#DA1A5B" />
+        <ellipse cx="290.215" cy="18.1662" rx="5.68073" ry="3.95181"
+            transform="rotate(19.7978 290.215 18.1662)" fill="#FF749B" />
+        <path
+            d="M315.132 22.086C314.393 24.1395 311.4 24.9428 308.448 23.8801C305.496 22.8175 303.703 20.2913 304.442 18.2378C305.933 14.0961 305.793 11.8115 311.881 13.1282C318.332 15.6255 316.912 17.4517 315.132 22.086Z"
+            fill="#DA1A5B" />
+        <ellipse cx="311.123" cy="16.4438" rx="5.68073" ry="3.95181"
+            transform="rotate(19.7978 311.123 16.4438)" fill="#FF6792" />
+        <path
+            d="M274.895 56.036L242.201 18.61L232.147 46.5395L264.952 84.9004L335.292 72.7048L345.692 44.2286L274.895 56.036Z"
+            fill="#F02E65" />
+        <path d="M231.37 46.8438L242.088 18.6585L274.641 55.9743L264.716 85.7475L231.37 46.8438Z"
+            fill="#F14C7C" />
+    </g>
+    <path
+        d="M330.988 185.04L333.324 182.363L349.83 163.453L413.014 218.601L393.461 241.003L346.746 231.702L330.988 185.04Z"
+        fill="url(#paint21_linear_712_10909)" />
+    <path d="M398.176 172.689L413.086 218.571L365.65 209.041L350.224 163.796L398.176 172.689Z"
+        fill="url(#paint22_linear_712_10909)" />
+    <path
+        d="M371.963 183.024C370.472 184.732 367.274 184.379 364.82 182.237C362.365 180.094 361.583 176.973 363.074 175.265C366.319 171.547 366.807 169.558 372.2 173.131C377.498 177.982 375.025 179.516 371.963 183.024Z"
+        fill="#DF2B67" />
+    <ellipse cx="370.219" cy="176.053" rx="5.89954" ry="4.10402"
+        transform="rotate(41.1152 370.219 176.053)" fill="#FF84A8" />
+    <path
+        d="M398.926 206.558C397.435 208.265 394.237 207.913 391.782 205.77C389.328 203.628 388.546 200.507 390.037 198.799C391.527 197.091 393.77 193.092 399.163 196.664C404.461 201.516 402.263 202.734 398.926 206.558Z"
+        fill="#DF2B67" />
+    <ellipse cx="397.181" cy="199.586" rx="5.89954" ry="4.10402"
+        transform="rotate(41.1152 397.181 199.586)" fill="#FF84A8" />
+    <path
+        d="M393.432 186.327C391.941 188.035 388.743 187.682 386.288 185.539C383.834 183.397 383.052 180.276 384.542 178.568C387.482 175.2 388.275 172.861 393.669 176.433C398.967 181.285 396.738 182.538 393.432 186.327Z"
+        fill="#DF2B67" />
+    <ellipse cx="391.685" cy="179.356" rx="5.89954" ry="4.10402"
+        transform="rotate(41.1152 391.685 179.356)" fill="#FF84A8" />
+    <path
+        d="M378.652 202.48C377.162 204.188 373.964 203.836 371.509 201.693C369.054 199.55 368.273 196.429 369.763 194.722C372.781 191.264 373.496 189.014 378.889 192.587C384.188 197.439 381.762 198.917 378.652 202.48Z"
+        fill="#DF2B67" />
+    <ellipse cx="376.906" cy="195.508" rx="5.89954" ry="4.10402"
+        transform="rotate(41.1152 376.906 195.508)" fill="#FF84A8" />
+    <path d="M365.591 208.701L346.893 231.871L393.232 241.22L412.743 218.457L365.591 208.701Z"
+        fill="url(#paint23_linear_712_10909)" fill-opacity="0.8" />
+    <g opacity="0.9">
+        <path
+            d="M11.5297 166.268L10.1189 163.078L0.151367 140.537L75.4626 107.234L87.2703 133.936L59.5891 171.632L11.5297 166.268Z"
+            fill="url(#paint24_linear_712_10909)" />
+        <path d="M28.4512 101.363L75.4641 107.158L47.2799 145.401L0.619156 140.33L28.4512 101.363Z"
+            fill="url(#paint25_linear_712_10909)" />
+        <path
+            d="M26.7573 128.977C27.6573 131.012 26.0151 133.711 23.0892 135.005C20.1634 136.299 17.0619 135.698 16.1618 133.662C14.202 129.23 12.6351 127.97 18.054 124.656C24.5712 121.958 24.9082 124.795 26.7573 128.977Z"
+            fill="#DA1A5B" fill-opacity="0.8" />
+        <ellipse cx="19.8297" cy="127.634" rx="5.79257" ry="4.02961"
+            transform="rotate(-23.8554 19.8297 127.634)" fill="#FF84A8" />
+        <path
+            d="M58.894 114.766C59.794 116.801 58.1518 119.5 55.226 120.794C52.3001 122.088 49.1986 121.487 48.2986 119.451C47.3985 117.416 44.7718 113.759 50.1907 110.445C56.7079 107.747 56.8787 110.209 58.894 114.766Z"
+            fill="#DA1A5B" fill-opacity="0.8" />
+        <ellipse cx="51.9665" cy="113.423" rx="5.79257" ry="4.02961"
+            transform="rotate(-23.8554 51.9665 113.423)" fill="#FF84A8" />
+        <path
+            d="M38.6137 111.25C39.5138 113.285 37.8715 115.984 34.9457 117.278C32.0199 118.571 28.9184 117.97 28.0183 115.935C26.243 111.92 24.4915 110.243 29.9104 106.929C36.4277 104.23 36.6168 106.734 38.6137 111.25Z"
+            fill="#DA1A5B" fill-opacity="0.8" />
+        <ellipse cx="31.6872" cy="109.907" rx="5.79257" ry="4.02961"
+            transform="rotate(-23.8554 31.6872 109.907)" fill="#FF84A8" />
+        <path
+            d="M46.8442 131.109C47.7442 133.144 46.102 135.843 43.1762 137.137C40.2503 138.43 37.1488 137.829 36.2488 135.794C34.4262 131.672 32.722 130.102 38.1409 126.788C44.6581 124.089 44.9662 126.862 46.8442 131.109Z"
+            fill="#DA1A5B" fill-opacity="0.8" />
+        <ellipse cx="39.9176" cy="129.766" rx="5.79257" ry="4.02961"
+            transform="rotate(-23.8554 39.9176 129.766)" fill="#FF84A8" />
+        <path d="M59.3963 171.867L47.4229 145.526L74.9618 107.211L87.3343 133.552L59.3963 171.867Z"
+            fill="#E7275E" fill-opacity="0.8" />
+    </g>
+    <defs>
+        <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+            <use xlink:href="#image0_712_10909"
+                transform="translate(-0.0017451) scale(0.000601252 0.00142248)" />
+        </pattern>
+        <linearGradient id="paint0_linear_712_10909" x1="221.872" y1="305.837" x2="315.5" y2="202"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F02E65" />
+            <stop offset="1" stop-color="#F02E65" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint1_linear_712_10909" x1="264.501" y1="393" x2="-355.694"
+            y2="413.908" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2B2E3F" />
+            <stop offset="0.34172" stop-color="#3E425A" />
+            <stop offset="1" stop-color="#292B3C" />
+        </linearGradient>
+        <linearGradient id="paint2_linear_712_10909" x1="22.3053" y1="150.417" x2="542.117"
+            y2="859.425" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#34384C" />
+            <stop offset="1" stop-color="#2F3245" />
+        </linearGradient>
+        <linearGradient id="paint3_linear_712_10909" x1="83.001" y1="199" x2="223.501" y2="293.5"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#33374A" />
+            <stop offset="1" stop-color="#3E4155" />
+        </linearGradient>
+        <linearGradient id="paint4_linear_712_10909" x1="281.716" y1="208.783" x2="-82.7265"
+            y2="227.28" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#3E425A" />
+            <stop offset="1" stop-color="#3E425A" />
+        </linearGradient>
+        <linearGradient id="paint5_linear_712_10909" x1="-106.214" y1="-87.5116" x2="220.58"
+            y2="205.838" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#222332" />
+            <stop offset="1" stop-color="#2D2F40" />
+        </linearGradient>
+        <radialGradient id="paint6_radial_712_10909" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(180.451 262.179) rotate(90) scale(53.6363 92.4978)">
+            <stop stop-color="#E8E9F0" stop-opacity="0.41" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint7_radial_712_10909" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(170.023 270.622) rotate(90) scale(53.6363 92.4978)">
+            <stop stop-color="#E8E9F0" stop-opacity="0.41" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint8_radial_712_10909" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(159.593 276.582) rotate(90) scale(53.6363 92.4978)">
+            <stop stop-color="#E8E9F0" stop-opacity="0.41" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint9_radial_712_10909" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(149.661 284.528) rotate(90) scale(53.6363 92.4978)">
+            <stop stop-color="#E8E9F0" stop-opacity="0.41" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint10_radial_712_10909" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(220.43 306.38) rotate(90) scale(15.8922 29.6738)">
+            <stop stop-color="#E8E9F0" stop-opacity="0.41" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint11_radial_712_10909" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(202.923 297.316) rotate(90) scale(15.7681 29.3013)">
+            <stop stop-color="#E8E9F0" stop-opacity="0.41" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint12_radial_712_10909" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(111.172 243.804) rotate(90) scale(15.8922 29.6738)">
+            <stop stop-color="#E8E9F0" stop-opacity="0.41" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint13_radial_712_10909" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(93.6645 234.74) rotate(90) scale(15.7681 29.3013)">
+            <stop stop-color="#E8E9F0" stop-opacity="0.41" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint14_radial_712_10909" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(192.99 283.659) rotate(90) scale(12.54 23.3417)">
+            <stop stop-color="#E8E9F0" stop-opacity="0.41" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint15_radial_712_10909" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(178.589 275.216) rotate(90) scale(12.54 23.3417)">
+            <stop stop-color="#E8E9F0" stop-opacity="0.41" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint16_radial_712_10909" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(164.188 266.773) rotate(90) scale(12.54 23.3417)">
+            <stop stop-color="#E8E9F0" stop-opacity="0.41" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint17_radial_712_10909" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(150.28 258.33) rotate(90) scale(12.54 23.3417)">
+            <stop stop-color="#E8E9F0" stop-opacity="0.41" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint18_radial_712_10909" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(133.893 249.888) rotate(90) scale(12.54 23.3417)">
+            <stop stop-color="#E8E9F0" stop-opacity="0.41" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <linearGradient id="paint19_linear_712_10909" x1="235.866" y1="362.068" x2="-29.7731"
+            y2="213.482" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#292B3D" />
+            <stop offset="0.441811" stop-color="#292C3E" />
+            <stop offset="1" stop-color="#292C3E" />
+        </linearGradient>
+        <linearGradient id="paint20_linear_712_10909" x1="344.157" y1="34.2073" x2="233.823"
+            y2="55.2616" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F02E65" />
+            <stop offset="1" stop-color="#F6779D" />
+        </linearGradient>
+        <linearGradient id="paint21_linear_712_10909" x1="366.404" y1="259.105" x2="332.666"
+            y2="166.02" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F02E65" stop-opacity="0.67" />
+            <stop offset="1" stop-color="#FF5988" />
+        </linearGradient>
+        <linearGradient id="paint22_linear_712_10909" x1="386.321" y1="237.968" x2="338.917"
+            y2="202.336" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F02E65" />
+            <stop offset="1" stop-color="#FF749B" />
+        </linearGradient>
+        <linearGradient id="paint23_linear_712_10909" x1="358.274" y1="219.27" x2="379.818"
+            y2="241.22" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F02E65" />
+            <stop offset="1" stop-color="#CC1347" />
+        </linearGradient>
+        <linearGradient id="paint24_linear_712_10909" x1="37.807" y1="123.886" x2="88.5319"
+            y2="147.92" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FF5F8C" />
+            <stop offset="1" stop-color="#DA1A5B" />
+        </linearGradient>
+        <linearGradient id="paint25_linear_712_10909" x1="79.3523" y1="98.0309" x2="57.0756"
+            y2="155.733" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F24073" />
+            <stop offset="1" stop-color="#FF8CAE" />
+        </linearGradient>
+        <image id="image0_712_10909" width="1669" height="703"
+            xlink:href="data:image/png;base64,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NE+v7ZQAAQIECBB4WOD64ac8Q4AAAQIECBAgQIAAAQIECBAYQ0AoNEYf7YIAAQIECBA4TSD9bqGr06ZwNwECBAgQIECAAAECBAgQIECgbQGhUNv9UR0BAgQIECBQTuCq3FJWIkCAAAECBAgQIECAAAECBAiUFxAKlTe3IgECBAgQINCmwIso67LN0lRFgAABAgQIECBAgAABAgQIEDhdQCh0uqEZCBAgQIAAgXEEXo2zFTshQIAAAQIECBAgQIAAAQIECPxWQCj0Ww9vESBAgAABAnMLvIztn81NYPcECBAgQIAAAQIECBAgQIDAqAJCoVE7a18ECBAgQIDAGoFncVMKhhwECBAgQIAAAQIECBAgQIAAgeEEhELDtdSGCBAgQIAAgRMF/Ai5EwHdToAAAQIECBAgQIAAAQIECLQpIBRqsy+qIkCAAAECBOoJPI+lL+otb2UCBAgQIECAAAECBAgQIECAwDYCQqFtXM1KgAABAgQI9C3gR8j13T/VEyBAgAABAgQIECBAgAABAh8REAp9BMVDBAgQIECAwPQCV9MLACBAgAABAgQIECBAgAABAgSGExAKDddSGyJAgAABAgQyCKQfIXeWYR5TECBAgAABAgQIECBAgAABAgSaERAKNdMKhRAgQIAAAQKNCfgRco01RDkECBAgQIAAAQIECBAgQIDAaQJCodP83E2AAAECBAiMK7Abd2t2RoAAAQIECBAgQIAAAQIECMwoIBSasev2TIAAAQIECBwj4DuFjlFyDQECBAgQIECAAAECBAgQINCNgFCom1YplAABAgQIECgs8CzWuyy8puUIECBAgAABAgQIECBAgAABApsJCIU2ozUxAQIECBAgMIDAboA92AIBAgQIECBAgAABAgQIECBA4BcBoZAXAgECBAgQIEDgYQHfKfSwjWcIECBAgAABAgQIECBAgACBzgSEQp01TLkECBAgQIBAUYFd0dUsRoAAAQIECBAgQIAAAQIECBDYUEAotCGuqQkQIECAAIHuBc5jB2fd78IGCBAgQIAAAQIECBAgQIAAAQIhIBTyMiBAgAABAgQIfFrAj5D7tI9nCRAgQIAAAQIECBAgQIAAgU4EhEKdNEqZBAgQIECAQDUBoVA1egsTIECAAAECBAgQIECAAAECOQWEQjk1zUWAAAECBAiMKHAx4qbsiQABAgQIECBAgAABAgQIEJhPQCg0X8/tmAABAgQIEHiagO8UepqXqwkQIECAAAECBAgQIECAAIFGBYRCjTZGWQQIECBAgEAzAhfNVKIQAgQIECBAgAABAgQIECBAgMAJAkKhE/DcSoAAAQIECEwhcD7FLm2SAAECBAgQIECAAAECBAgQGF5AKDR8i22QAAECBAgQyCBwlmEOUxAgQIAAAQIECBAgQIAAAQIEqgoIharyW5wAAQIECBDoRMDvFeqkUcokQIAAAQIECBAgQIAAAQIEHhYQCj1s4xkCBAgQIECAAAECBAgQIECAAAECBAgQIECAwDACQqFhWmkjBAgQIECAwIYCfnzchrimJkCAAAECBAgQIECAAAECBMoICIXKOFuFAAECBAgQ6FvAj4/ru3+qJ0CAAAECBAgQIECAAAECBEJAKORlQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBCYQEAoNEGTbZEAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgIBTyGiBAgAABAgQIECBAgAABAgQIECBAgAABAgQITCAgFJqgybZIgAABAgQIECBAgAABAgQIECBAgAABAgQIEBAKeQ0QIECAAAECBAgQIECAAAECBAgQIECAAAECBCYQEApN0GRbJECAAAECBAgQIECAAAECBAgQIECAAAECBAgIhbwGCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQITCAiFJmiyLRIgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEhEJeAwQIECBAgAABAgQIECBAgAABAgQIECBAgACBCQSEQhM02RYJECBAgAABAgQIECBAgAABAgQIECBAgAABAkIhrwECBAgQIECAAAECBAgQIECAAAECBAgQIECAwAQCQqEJmmyLBAgQIECAAAECBAgQIECAAAECBAgQIECAAAGhkNcAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQGACAaHQBE22RQIECBAgQIAAAQIECBAgQIAAAQIECBAgQICAUMhrgAABAgQIECBAgAABAgQIECBAgAABAgQIECAwgYBQaIIm2yIBAgQIECBAgAABAgQIECBAgAABAgQIECBAQCjkNUCAAAECBAgQIECAAAECBAgQIECAAAECBAgQmEBAKDRBk22RAAECBAgQIECAAAECBAgQIECAAAECBAgQICAU8hogQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECEwgIBSaoMm2SIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAQCnkNECBAgAABAgQIECBAgAABAgQIECBAgAABAgQmEBAKTdBkWyRAgAABAgQIECBAgAABAgQIECBAgAABAgQICIW8BggQIECAAAECBAgQIECAAAECBAgQIECAAAECEwgIhSZosi0SIECAAAECBAgQIECAAAECBAgQIECAAAECBIRCXgMECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgQkEhEITNNkWCRAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQJCIa8BAgQIECBAgAABAgQIECBAgAABAgQIECBAgMAEAkKhCZpsiwQIECBAgAABAgQIECBAgAABAgQIECBAgAABoZDXAAECBAgQIECAAAECBAgQIECAAAECBAgQIEBgAgGh0ARNtkUCBAgQIECAAAECBAgQIECAAAECBAgQIECAgFDIa4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgMIGAUGiCJtsiAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQEAo5DVAgAABAgQIECBAgAABAgQIECBAgAABAgQIEJhAQCg0QZNtkQABAgQIECBAgAABAgQIECBAgAABAgQIECAgFPIaIECAAAECBAgQIECAAAECBAgQIECAAAECBAhMICAUmqDJtkiAAAECBAgQIECAAAECBAgQIECAAAECBAgQEAp5DRAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEJhAQCk3QZFskQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECAiFvAYIECBAgAABAgQIECBAgAABAgQIECBAgAABAhMICIUmaLItEiBAgAABAgQIECBAgAABAgQIECBAgAABAgSEQl4DBAgQIECAAAECBAgQIECAAAECBAgQIECAAIEJBIRCEzTZFgkQIECAAAECBAgQIECAAAECBAgQIECAAAECQiGvAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIDABAJCoQmabIsECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAaGQ1wABAgQIECBAgAABAgQIECBAgAABAgQIECBAYAKBLybYoy3mFXgT0x3yTmm2ewJX8fb5vce8OZ+A/9e27/lVLOH/te2drUCAAAECBAgQIECAAAECBAgQINCIgFCokUZ0VMY+ar3pqN4eS91F0T5R3WPn8ta8j+lu8k5ptnsCu3jb/2v3ULxJgAABAgQIECBAgAABAgQIECAwroAfHzdub+2MAAECBAgQIECAAAECBAgQIECAAAECBAgQILAICIUWCicECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgXEFhELj9tbOCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKLgFBooXBCgAABAgQIECBAgAABAgQIECBAgAABAgQIEBhXQCg0bm/tjAABAgQIECBAgAABAgQIECBAgAABAgQIECCwCAiFFgonBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFxBYRC4/bWzggQIECAAAECBAgQIECAAAECBAgQIECAAAECi4BQaKFwQoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAYV0AoNG5v7YwAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAgIhRYKJwQIECBAgAABAgQIECBAgAABAgQIECBAgACBcQWEQuP21s4IECBAgAABAgQIECBAgAABAgQIECBAgAABAouAUGihcEKAAAECBAgQIECAAAECBAgQIECAAAECBAgQGFdAKDRub+2MAAECBAgQIECAAAECBAgQIECAAAECBAgQILAICIUWCicECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgXEFhELj9tbOCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKLgFBooXBCgAABAgQIECBAgAABAgQIECBAgAABAgQIEBhXQCg0bm/tjAABAgQIECBAgAABAgQIECBAgAABAgQIECCwCAiFFgonBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFxBYRC4/bWzggQIECAAAECBAgQIECAAAECBAgQIECAAAECi4BQaKFwQoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAYV0AoNG5v7YwAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAgIhRYKJwQIECBAgAABAgQIECBAgAABAgQIECBAgACBcQWEQuP21s4IECBAgAABAgQIECBAgAABAgQIECBAgAABAouAUGihcEKAAAECBAgQIECAAAECBAgQIECAAAECBAgQGFdAKDRub+2MAAECBAgQIECAAAECBAgQIECAAAECBAgQILAICIUWCicECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgXEFhELj9tbOCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKLgFBooXBCgAABAgQIECBAgAABAgQIECBAgAABAgQIEBhXQCg0bm/tjAABAgQIECBAgAABAgQIECBAgAABAgQIECCwCAiFFgonBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFxBYRC4/bWzggQIECAAAECBAgQIECAAAECBAgQIECAAAECi4BQaKFwQoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAYV0AoNG5v7YwAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAgIhRYKJwQIECBAgAABAgQIECBAgAABAgQIECBAgACBcQWEQuP21s4IECBAgAABAgQIECBAgAABAgQIECBAgAABAouAUGihcEKAAAECBAgQIECAAAECBAgQIECAAAECBAgQGFdAKDRub+2MAAECBAgQIECAAAECBAgQIECAAAECBAgQILAICIUWCicECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgXEFhELj9tbOCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKLgFBooXBCgAABAgQIECBAgAABAgQIECBAgAABAgQIEBhXQCg0bm/tjAABAgQIECBAgAABAgQIECBAgAABAgQIECCwCAiFFgonBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFxBYRC4/bWzggQIECAAAECBAgQIECAAAECBAgQIECAAAECi4BQaKFwQoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAYV0AoNG5v7YwAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAgIhRYKJwQIECBAgAABAgQIECBAgAABAgQIECBAgACBcQWEQuP21s4IECBAgAABAgQIECBAgAABAgQIECBAgAABAouAUGihcEKAAAECBAgQIECAAAECBAgQIECAAAECBAgQGFdAKDRub+2MAAECBAgQIECAAAECBAgQIECAAAECBAgQILAICIUWCicECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgXEFhELj9tbOCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKLgFBooXBCgAABAgQIECBAgAABAgQIECBAgAABAgQIEBhXQCg0bm/tjAABAgQIECBAgAABAgQIECBAgAABAgQIECCwCAiFFgonBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFxBYRC4/bWzggQIECAAAECBAgQIECAAAECBAgQIECAAAECi4BQaKFwQoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAYV0AoNG5v7YwAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAgIhRYKJwQIECBAgAABAgQIECBAgAABAgQIECBAgACBcQWEQuP21s4IECBAgAABAgQIECBAgAABAgQIECBAgAABAouAUGihcEKAAAECBAgQIECAAAECBAgQIECAAAECBAgQGFdAKDRub+2MAAECBAgQIECAAAECBAgQIECAAAECBAgQILAICIUWCicECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgXEFhELj9tbOCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKLgFBooXBCgAABAgQIECBAgAABAgQIECBAgAABAgQIEBhXQCg0bm/tjAABAgQIECBAgAABAgQIECBAgAABAgQIECCwCAiFFgonBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFxBYRC4/bWzggQIECAAAECBAgQIECAAAECBAgQIECAAAECi4BQaKFwQoAAAQIECBAgQIAAAQIECBAgQIAAAQIEmhG4aKYShQwjIBQappU2QoAAAQIECBAgQIAAAQIECBAgQIAAAQIDCVwMtBdbaURAKNRII5RBgAABAgQIECBAgAABAgQIECBAYGKBi4n3busEHhK4eOgJjxNYKyAUWivnPgIECBAgQIAAAQIECBAgQIAAAQIEcgmcx0RnuSYzD4FBBHaD7MM2GhIQCjXUDKUQIECAAAECBAgQIECAAAECBAgQmFhgN/HebZ3AfYHLeCCFpQ4CWQWEQlk5TUaAAAECBAgQIECAAAECBAgQIECAwEqB3cr73EZgRIGrETdlT/UFhEL1e6ACAgQIECBAgAABAgQIECBAgAABAgQ+++wKAgECvwikH6V4xYLAFgJCoS1UzUmAAAECBAgQIECAAAECBAgQIECAwFMFnsUNV0+9yfUEBhS4jj2l/x8cBLILCIWyk5qQAAECBAgQIECAAAECBAgQIECAAIGVAtdxX/ouCQeBWQV2sfGvZ928fW8vIBTa3tgKBAgQIECAAAECBAgQIECAAAECBAgcJ3Ael70+7lJXERhO4DJ29Ha4XdlQUwJCoabaoRgCBAgQIECAAAECBAgQIECAAAEC0wt8FQL76RUAzCaQAqGbGH5s3GydL7xfoVBhcMsRIECAAAECBAgQIECAAAECBAgQIPCowF0wdPbolS4g0L/ALrZwE0MgFAiObQWEQtv6mp0AAQIECBAgQIAAAQIECBAgQIAAgXUCKRh6F+Nq3e3uItC8QAo9X8f4ewyBUPPtGqNAodAYfbQLAgQIECBAgAABAgQIECBAgAABAiMKnMemvo1xiJE+eX4Zw0Ggd4H0Ok6v50OMr2M4CBQT+KLYShYiQIAAAQIECBAgQIAAAQIECBAgQIDAOoEUDqVPnt99Av37OL+N8S6Gg0AvArsoNAVCviuol44NWKdQaMCm2hIBAgQIECBAgAABAgQIECBAgACBwQVevN/fl4Pv0/YIECCQVcCPj8vKaTICBAgQIECAAAECBAgQIECAAAECBAgQIECAQJsCQqE2+6IqAgQIECBAgAABAgQIECBAgAABAgQIECBAgEBWAaFQVk6TESBAgAABAgQIECBAgAABAgQIECBAgAABAgTaFBAKtdkXVREgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEsgoIhbJymowAAQIECBAgQIAAAQIECBAgQIAAAQIECBAg0KaAUKjNvqiKAAECBAgQIECAAAECBAgQIECAAAECBAgQIJBVQCiUldNkBAgQIECAAAECBAgQIECAAAECBAgQIECAAIE2BYRCbfZFVQQIECBAgAABAgQIECBAgAABAgQIECBAgACBrAJCoaycJiNAgAABAgQIECBAgAABAgQIECBAgAABAgQItCkgFGqzL6oiQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECGQVEApl5TQZAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQKBNAaFQm31RFQECBAgQIECAAAECBAgQIECAAAECBAgQIEAgq4BQKCunyQgQIECAAAECBAgQIECAAAECBAgQIECAAAECbQoIhdrsi6oIECBAgAABAgQIECBAgAABAgQIECBAgAABAlkFhEJZOU1GgAABAgQIECBAgAABAgQIECBAgAABAgQIEGhTQCjUZl9URYAAAQIECBAgQIAAAQIECBAgQIAAAQIECBDIKiAUysppMgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAmwJCoTb7oioCBAgQIECAAAECBAgQIECAAAECBAgQIECAQFYBoVBWTpMRIECAAAECBAgQIECAAAECBAgQIECAAAECBNoUEAq12RdVESBAgAABAgQIECBAgAABAgQIECBAgAABAgSyCgiFsnKajAABAgQIECBAgAABAgQIECBAgAABAgQIECDQpoBQqM2+qIoAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgkFVAKJSV02QECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgTYFhEJt9kVVBAgQIECAAAECBAgQIECAAAECBAgQIECAAIGsAkKhrJwmI0CAAAECBAgQIECAAAECBAgQIECAAAECBAi0KSAUarMvqiJAgAABAgQIECBAgAABAgQIECBAgAABAgQIZBUQCmXlNBkBAgQIECBAgAABAgQIECBAgAABAgQIECBAoE0BoVCbfVEVAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQCCrgFAoK6fJCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQJtCgiF2uyLqggQIECAAAECBAgQIECAAAECBAgQIECAAAECWQWEQlk5TUaAAAECBAgQIECAAAECBAgQIECAAAECBAgQaFNAKNRmX1RFgAABAgQIECBAgAABAgQIECBAgAABAgQIEMgqIBTKymkyAgQIECBAgAABAgQIECBAgAABAgQIECBAgECbAkKhNvuiKgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAVgGhUFZOkxEgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIE2hQQCrXZF1URIECAAAECBAgQIECAAAECBAgQIECAAAECBLIKCIWycpqMAAECBAgQIECAAAECBAgQIECAAAECBAgQINCmgFCozb6oigABAgQIECBAgAABAgQIECBAgAABAgQIECCQVUAolJXTZAQIECBAgAABAgQIECBAgAABAgQIECBAgACBNgWEQm32RVUECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgawCQqGsnCYjQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECLQpIBRqsy+qIkCAAAECBAgQIECAAAECBAgQIECAAAECBAhkFRAKZeU0GQECBAgQIECAAAECBAgQIECAAAECBAgQIECgTQGhUJt9URUBAgQIECBAgAABAgQIECBAgAABAgQIECBAIKuAUCgrp8kIECBAgAABAgQIECBAgAABAgQIECBAgAABAm0KCIXa7IuqCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQJZBYRCWTlNRoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBBoU0Ao1GZfVEWAAAECBAgQIECAAAECBAgQIECAAAECBAgQyCogFMrKaTICBAgQIECAAAECBAgQIECAAAECBAgQIECAQJsCQqE2+6IqAgQIECBAgAABAgQIECBAgAABAgQIECBAgEBWAaFQVk6TESBAgAABAgQIECBAgAABAgQIECBAgAABAgTaFBAKtdkXVREgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEsgoIhbJymowAAQIECBAgQIAAAQIECBAgQIAAAQIECBAg0KaAUKjNvqiKAAECBAgQIECAAAECBAgQIECAAAECBAgQIJBVQCiUldNkBAgQIECAAAECBAgQIECAAAECBAgQIECAAIE2BYRCbfZFVQQIECBAgAABAgQIECBAgAABAgQIECBAgACBrAJCoaycJiNAgAABAgQIECBAgAABAgQIECBAgAABAgQItCkgFGqzL6oiQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECGQVEApl5TQZAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQKBNAaFQm31RFQECBAgQIECAAAECBAgQIECAAAECBAgQIEAgq4BQKCunyQgQIECAAAECBAgQIECAAAECBAgQIECAAAECbQoIhdrsi6oIECBAgAABAgQIECBAgAABAgQIECBAgAABAlkFhEJZOU1GgAABAgQIECBAgAABAgQIECBAgAABAgQIEGhTQCjUZl9URYAAAQIECBAgQIAAAQIECBAgQIAAAQIECBDIKiAUysppMgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAmwJCoTb7oioCBAgQIECAAAECBAgQIECAAAECBAgQIECAQFYBoVBWTpMRIECAAAECBAgQIECAAAECBAgQIECAAAECBNoUEAq12RdVESBAgAABAgQIECBAgAABAgQIECBAgAABAgSyCgiFsnKajAABAgQIECBAgAABAgQIECBAgAABAgQIECDQpoBQqM2+qIoAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgkFVAKJSV02QECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgTYFhEJt9kVVBAgQIECAAAECBAgQIECAAAECBAgQIECAAIGsAkKhrJwmI0CAAAECBAgQIECAAAECBAgQIECAAAECBAi0KSAUarMvqiJAgAABAgQIECBAgAABAgQIECBAgAABAgQIZBUQCmXlNBkBAgQIECBAgAABAgQIECBAgAABAgQIECBAoE0BoVCbfVEVAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQCCrgFAoK6fJCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQJtCgiF2uyLqggQIECAAAECBAgQIECAAAECBAgQIECAAAECWQWEQlk5TUaAAAECBAgQIECAAAECBAgQIECAAAECBAgQaFNAKNRmX1RFgAABAgQIECBAgAABAgQIECBAgAABAgQIEMgqIBTKymkyAgQIECBAgAABAgQIECBAgAABAgQIECBAgECbAkKhNvuiKgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAVgGhUFZOkxEgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIE2hQQCrXZF1URIECAAAECBAgQIECAAAECBAgQIECAAAECBLIKCIWycpqMAAECBAgQIECAAAECBAgQIECAAAECBAgQINCmgFCozb6oigABAgQIECBAgAABAgQIECBAgAABAgQIECCQVUAolJXTZAQIECBAgAABAgQIECBAgAABAgQIECBAgACBNgWEQm32RVUECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgawCQqGsnCYjQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECLQpIBRqsy+qIkCAAAECBAgQIECAAAECBAgQIECAAAECBAhkFRAKZeU0GQECBAgQIECAAAECBAgQIECAAAECBAgQIECgTQGhUJt9URUBAgQIECBAgAABAgQIECBAgAABAgQIECBAIKuAUCgrp8kIECBAgAABAgQIECBAgAABAgQIECBAgAABAm0KCIXa7IuqCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQJZBYRCWTlNRoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBBoU0Ao1GZfVEWAAAECBAgQIECAAAECBAgQIECAAAECBAgQyCogFMrKaTICBAgQIECAAAECBAgQIECAAAECBAgQIECAQJsCQqE2+6IqAgQIECBAgAABAgQIECBAgAABAgQIECBAgEBWAaFQVk6TESBAgAABAgQIECBAgAABAgQIECBAgAABAgTaFBAKtdkXVREgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEsgoIhbJymowAAQIECBAgQIAAAQIECBAgQIAAAQIECBAg0KaAUKjNvqiKAAECBAgQIECAAAECBAgQIECAAAECBAgQIJBVQCiUldNkBAgQIECAAAECBAgQIECAAAECBAgQIECAAIE2BYRCbfZFVQQIECBAgAABAgQIECBAgAABAgQIECBAgACBrAJCoaycJiNAgAABAgQIECBAgAABAgQIECBAgAABAgQItCkgFGqzL6oiQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECGQVEApl5TQZAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQKBNAaFQm31RFQECBAgQIECAAAECBAgQIECAAAECBAgQIEAgq4BQKCunyQgQIECAAAECBAgQIECAAAECBAgQIECAAAECbQoIhdrsi6oIECBAgAABAgQIECBAgAABAgQIECBAgAABAlkFhEJZOU1GgAABAgQIECBAgAABAgQIECBAgAABAgQIEGhTQCjUZl9URYAAAQIECBAgQIAAAQIECBAgQIAAAQIECBDIKiAUysppMgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAmwJCoTb7oioCBAgQIECAAAECBAgQIECAAAECBAgQIECAQFYBoVBWTpMRIECAAAECBAgQIECAAAECBAgQIECAAAECBNoUEAq12RdVESBAgAABAgQIECBAgAABAgQIECBAgAABAgSyCgiFsnKajAABAgQIECBAgAABAgQIECBAgAABAgQIECDQpoBQqM2+qIoAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgkFVAKJSV02QECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgTYFhEJt9kVVBAgQIECAAAECBAgQIECAAAECBAgQIECAAIGsAkKhrJwmI0CAAAECBAgQIECAAAECBAgQIECAAAECBAi0KSAUarMvqiJAgAABAgQIECBAgAABAgQIECBAgAABAgQIZBUQCmXlNBkBAgQIECBAgAABAgQIECBAgAABAgQIECBAoE0BoVCbfVEVAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQCCrgFAoK6fJCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQJtCgiF2uyLqggQIECAAAECBAgQIECAAAECBAgQIECAAAECWQWEQlk5TUaAAAECBAgQIECAAAECBAgQIECAAAECBAgQaFNAKNRmX1RFgAABAgQIECBAgAABAgQIECBAgAABAgQIEMgqIBTKymkyAgQIECBAgAABAgQIECBAgAABAgQIECBAgECbAkKhNvuiKgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAVgGhUFZOkxEgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIE2hQQCrXZF1URIECAAAECBAgQIECAAAECBAgQIECAAAECBLIKCIWycpqMAAECBAgQIECAAAECBAgQIECAAAECBAgQINCmgFCozb6oigABAgQIECBAgAABAgQIECBAgAABAgQIECCQVUAolJXTZAQIECBAgAABAgQIECBAgAABAgQIECBAgACBNgWEQm32RVUECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgawCQqGsnCYjQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECLQp8EWbZamKAAECBAgQIECAAAECBAgQIECAAAECDwr8EM+8i3F48ApPEGhP4CJKuozxvL3SVDSLgFBolk7bJwECBAgQIECAAAECBAgQIECAAIG+Bb6P8vcx3sa4jeEg0KvAWRT+MsZVjBcxHASKCfjxccWoLUSAAAECBAgQIECAAAECBAgQIECAwAqB9F1Bf4yxi7GPIRAKBEfXAuk1vI+xi5Fe2+k17iBQREAoVITZIgQIECBAgAABAgQIECBAgAABAgQIrBD4c9xzGeNmxb1uIdCDwE0UmV7jb3ooVo39CwiF+u+hHRAgQIAAAQIECBAgQIAAAQIECBAYTeDn2NB/xrgebWP2Q+ABgat4/E8PPOdhAtkEhELZKE1EgAABAgQIECBAgAABAgQIECBAgEAmgV3M8zbTXKYh0IvAPgr9ay/FqrNPAaFQn31TNQECBAgQIECAAAECBAgQIECAAIFRBdJ3S7wbdXP2ReARgVfx/PePXONpAqsFhEKr6dxIgAABAgQIECBAgAABAgQIECBAgEBmge9ivn3mOU1HoDeBq94KVm8/AkKhfnqlUgIECBAgQIAAAQIECBAgQIAAAQKjC6TvknAQmF3gEABvZkew/20EhELbuJqVAAECBAgQIECAAAECBAgQIECAAIGnCaTvEjo87RZXExhWYD/szmysqoBQqCq/xQkQIECAAAECBAgQIECAAAECBAgQeC+wJ0GAwCJwE2c/LW85IZBJQCiUCdI0BAgQIECAAAECBAgQIECAAAECBAicJHBz0t1uJjCewLvxtmRHtQWEQrU7YH0CBAgQIECAAAECBAgQIECAAAECBNJ3RNxiIEDgNwJCod9weCOHgFAoh6I5CBAgQIAAAQIECBAgQIAAAQIECBA4ReBwys3uJTCowGHQfdlWRQGhUEV8SxMgQIAAAQIECBAgQIAAAQIECBAgQIAAgQcEDg887mECqwWEQqvp3EiAAAECBAgQIECAAAECBAgQIECAAAECBAgQ6EdAKNRPr1RKgAABAgQIECBAgAABAgQIECBAgAABAgQIEFgtIBRaTedGAgQIECBAgAABAgQIECBAgAABAgQIECBAgEA/AkKhfnqlUgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIDAagGh0Go6NxIgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIE+hEQCvXTK5USIECAAAECBAgQIECAAAECBAgQIECAAAECBFYLCIVW07mRAAECBAgQIECAAAECBAgQIECAAAECBAgQINCPgFCon16plAABAgQIECBAgAABAgQIECBAgAABAgQIECCwWkAotJrOjQQIECBAgAABAgQIECBAgAABAgQIECBAgACBfgSEQv30SqUECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgdUCQqHVdG4kQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECPQjIBTqp1cqJUCAAAECBAgQIECAAAECBAgQIECAAAECBAisFhAKraZzIwECBAgQIECAAAECBAgQIECAAAECBAgQIECgHwGhUD+9UikBAgQIECBAgAABAgQIECBAgAABAgQIECBAYLWAUGg1nRsJECBAgAABAgQIECBAgAABAgQIECBAgAABAv0ICIX66ZVKCRAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKrBYRCq+ncSIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBDoR0Ao1E+vVEqAAAECBAgQIECAAAECBAgQIECAAAECBAgQWC0gFFpN50YCBAgQIECAAAECBAgQIECAAAECBAgQIECAQD8CQqF+eqVSAgQIECBAgAABAgQIECBAgAABAgQIECBAgMBqAaHQajo3EiBAgAABAgQIECBAgAABAgQIECBAgAABAgT6ERAK9dMrlRIgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEVgsIhVbTuZEAAQIECBAgQIAAAQIECBAgQIAAAQIECBAg0I+AUKifXqmUAAECBAgQIECAAAECBAgQIECAAAECBAgQILBaQCi0ms6NBAgQIECAAAECBAgQIECAAAECBAgQIECAAIF+BIRC/fRKpQQIECBAgAABAgQIECBAgAABAgQIECBAgACB1QJCodV0biRAgAABAgQIECBAgAABAgQIECBAgAABAgQI9CMgFOqnVyolQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECKwWEAqtpnMjAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQKAfAaFQP71SKQECBAgQIECAAAECBAgQIECAAAECBAgQIEBgtYBQaDWdGwkQIECAAAECBAgQIECAAAECBAgQIECAAAEC/QgIhfrplUoJECBAgAABAgQIECBAgAABAgQIECBAgAABAqsFhEKr6dxIgAABAgQIECBAgAABAgQIECBAgAABAgQIEOhHQCjUT69USoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBBYLSAUWk3nRgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAPwJCoX56pVICBAgQIECAAAECBAgQIECAAAECBAgQIECAwGoBodBqOjcSIECAAAECBAgQIECAAAECBAgQIECAAAECBPoREAr10yuVEiBAgAABAgQIECBAgAABAgQIECBAgAABAgRWCwiFVtO5kQABAgQIECBAgAABAgQIECBAgAABAgQIECDQj4BQqJ9eqZQAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsFpAKLSazo0ECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgX4EhEL99EqlBAgQIECAAAECBAgQIECAAAECBAgQIECAAIHVAkKh1XRuJECAAAECBAgQIECAAAECBAgQIECAAAECBAj0IyAU6qdXKiVAgAABAgQIECBAgAABAgQIECBAgAABAgQIrBYQCq2mcyMBAgQIECBAgAABAgQIECBAgAABAgQIECBAoB8BoVA/vVIpAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQGC1gFBoNZ0bCRAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQL9CAiF+umVSgkQIECAAAECBAgQIECAAAECBAgQIECAAAECqwWEQqvp3EiAAAECBAgQIECAAAECBAgQIECAAAECBAgQ6EdAKNRPr1RKgAABAgQIECBAgAABAgQIECBAgAABAgQIEFgtIBRaTedGAgQIECBAgAABAgQIECBAgAABAgQIECBAgEA/AkKhfnqlUgIECBAgQIAAAQIEHhe4ePwSVxAgQIAAAQIECBAgQGBOAaHQnH23awIECBAgQIAAAQKjClyMujH7IkCAAAECBAgQIECAwKkCQqFTBd1PgAABAgQIECBAgEBLAhctFaMWAgQIECBAgAABAgQItCQgFGqpG2ohQIAAAQIECBAgQOBUgd2pE7ifAAECBAgQIECAAAECowoIhUbtrH0RIECAAAECBAgQmFPg5ZzbtmsCBAgQIECAAAECBAg8LiAUetzIFQQIECBAgAABAgQI9CPwLEq96qdclRIgQIAAAQIECBAgQKCcgFConLWVCBAgQIAAAQIECBAoI3BdZhmrECBAgAABAgQIECBAoC8BoVBf/VItAQIECBAgQIAAAQKPC5zHJdePX+YKAgQIECBAgAABAgQIzCUgFJqr33ZLgAABAgQIECBAYBaBb2Kjfr/QLN22TwIECBAgQIAAAQIEjhIQCh3F5CICBAgQIECAAAECBDoU2EfNuw7rVjIBAgQIECBAgAABAgQ2ERAKbcJqUgIECBAgQIAAAQIEGhB4FjX8PcZVA7UogQABAgQIECBAgAABAtUFhELVW6AAAgQIECBAgAABAgQ2Fvg25n8b42zjdUxPgAABAgQIECBAgACBpgWEQk23R3EECBAgQIAAAQIECGQS+DLmOcS4jnERw0GAAAECBOEjt2UAAEAASURBVAgQIECAAIHpBIRC07XchgkQIECAAAECBAhMK5B+nNw3MX6M8S7GdYxdjIsYDgIECBAgQIAAAQIECAwv8MXwO7RBAgQIECBAgAABAgQI/F7geTyURgqJHAQI9CHwc5SZAt00bmK8jeEgQIAAAQIECBB4goDvFHoClksJECBAgAABAgQIECBAgACBagLpu/1exPg6xt9i3Ma4jnEWw0GAAAECBAgQIHCEgFDoCCSXECBAgAABAgQIECBAgAABAs0JpJAofbffIcbLGA4CBAgQIECAAIFHBIRCjwB5mgABAgQIECBAgAABAgQIEGhaIIVD6TuH9k1XqTgCBAgQIECAQAMCQqEGmqAEAgQIECBAgAABAgQIECBA4GSBr2KG/cmzmIAAAQIECBAgMLCAUGjg5toaAQIECBAgQIAAAQIECBCYTCAFQ9eT7dl2CRAgQIAAAQJHCwiFjqZyIQECBAgQIECAAAECBAgQINCBQPo9Q7sO6lQiAQIECBAgQKC4gFCoOLkFCRAgQIAAAQIECBAgQIAAgY0F9hvPb3oCBAgQIECAQJcCQqEu26ZoAgQIECBAgAABAgQIECBA4BMC5/Hc1See9xQBAgQIECBAYEoBodCUbbdpAgQIECBAgAABAgQIECAwvMCr4XdogwQIECBAgACBJwoIhZ4I5nICBAgQIECAAAECBAgQIECgC4HnUeVlF5UqkgABAgQIECBQSEAoVAjaMgQIECBAgAABAgQIECBAgEBxgV3xFS1IgAABAgQIEGhYQCjUcHOURoAAAQIECBAgQIAAAQIECJwk4DuFTuJzMwECBAgQIDCagFBotI7aDwECBAgQIECAAAECBAgQIHAncHF34k8CBAgQIECAAIHPPhMKeRUQIECAAAECBAgQIECAAAECowqcjbox+yJAgAABAgQIrBEQCq1Rcw8BAgQIECBAgAABAgQIECDQg8DzHopUIwECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQKC3wfekFrUeAwGqB29V3upEAAQIEjhYQCh1N5UICBAgQIECAAAECBAgQIECAAAECBDYSeLfRvKYlQIAAgQ8EhEIfYDgl0IiAr4xppBGVyzhUXt/yBAj8VsDfzb/18BYBAgQIEOhF4NBLoZ3W+VOndSubAAECvQjc9FKoOvsRSKHQz/2Uq9IGBG4aqGH0EnxlzOgdPm5/h+Muc9UJAjcn3OvW+QT83bxdz2+2m9rMBAgQIEDgM/+Gb/siOGw7vdknE/D/62QNt92jBX44+koXEnhc4PsUCvkL93EoV/xTwFcAlXklvC2zjFUaFviu4dpGKs2/fyN1c/u93Gy/xNQreB9j6vbbPAECBDYV8PHVpryf3Ww7vdknE/Ax2mQNt92jBfZHX+lCAo8LvBUKPY7kil8F/OP8q8WWZ8nZJ8e2FG5/7pv2SxyiQs5DtLHIJt4UWWXuRXzCbu7+2z0BAgS2EkhfWX3YanLz/iLg8wReCLkE0udBDrkmMw+BwQR8vDRYQytvZ59CoX3lIizfj4C/gMr1al9uKSs1JpB+pOe+sZpGLec2NuaT/aN2N+++9nmnM9tHBLyP8REUDxEgQIDAyQKvT57BBI8JpH/D08cwDgKnCnh/8FRB948scIjN+fzFyB0ut7e/xlK3n79f7xB/nr8/9weBjwmkd/IuYtx+7EmPZRc4ixnfxfD/ZXba5if8c1R43XyV4xR4EVv5cZzt2MkGAt/FnC83mNeUvxc4xEP+3fu9i0cIECBAYJ3AD3Hb5bpb3fVEgeu4/psn3uNyAvcF/hAPHO4/6G0CBBaBizhLnyt8tjzihMDTBJbP76fvFErH9S//9R8CDwu8jqduH37aM5kFkvVV5jlN177AT1Fi+n/NUU7gEEv9tdxyVupMIL3D9Kqzmnsul3XP3VM7gf9v797V20qz9AA/3e7AWXOyyYTJnImT2ZHQmbPiZHYkVOas2FdQ6Cto1hUUlDkbVjZZ78qcNZU5G+gKjMqc9XyrJLZOJAgC+4j9/s+zBGAf1lr/u3HeJEWAwPgEVuNr6Ww7qs8w9b7JIHCswJvsuD12Z/sRmInANvP0mWkmB7ujaa6Sd1e5/1P9k3GX+JfEP9YNg8AXAvVF9Srx/79Y7ma3Atuk/01imTDmIVDPw/93HlMd1Sz/Ld14DRzVIRlNM/8znfyf0XRz/o3U898/J/7L+U/VDAkQIECgY4E/Jv9txzWk/yhQ3xXU6/j/+LjINQIHC/ySLf97ou5HBgEC+wXqO/x/SPzX/ZtZS+ArgXpvtLlfev+bQnX7KlFPxAaBTwXqPlH3jd2nC13vTWCdSvUTM8b5C3ybKTbnP83RznCZzrwGjvbwDNJYPSZvB6k876KrTP/tvAnMngABAgROFKjPTzcn5rD78wXqfdMPz9/NHjMXqM9gy4TvnGZ+RzD9ZwlcZ2vfFT6LbPYb/ykCn703uv9NoZKpJ+B/S9RPxf7nhEHg/sX5DsWgArep/pvEctAuFO9S4Nsk33RZQO4nBeqn0uo18L8l/vHJrW1wzgL12lfvhf73OU9yxHOrx2LZ12NxkTAIECBAgMBzBOqkxP96zg62bVWg3k/77Noq6Vkn853TWR9ek+tYoL4rfJe46riO9NMXqO8cbw6ZxkU2qjvW38SsDZoc/0XCGI/AMq1sEx6b52NQx3OZMMYj4DXwfB5fxzxXNrkrLsZzd5x9J+sI7BLHHEv7cHMfcB9wH5jXfaBeL64SxjgElmljm/A4ZPDYfWCT+0d99jIIEDhN4DK73yUee6xZPl+bJveLun88eyyzxybhzjMvg9sc82XCGK/AKq1tEx6b0zWo47dOXCSMcQos01aT8Dibh0Ed66uEMT6Bep5cJ7YJj0cG7gPuA+4D7gNf3gfq9WGd8L46CCMcq/TUJL48bm7P02SX+8ImcZkwCBBoV2CVdHcJz68MmtwPVom94zd7175fWW+ulol60q6o2zVevb/w70QF3qbv3Yfem1zeJeryflmuGiMXuEx/V4m6vEgsEi8SxrgE6lfi7z601OTyPj4scjFygUX6u3+c1fV6rL1MGNMVuH/922YK9di8TdR1Y/wCl2lxmVgk6nqNi4TH5K8U/iFAgMDZC7zLDLcfZtnk8j4+LHIxYoF6vV4m7l/L71v1vdK9xHldfvoZeJupVTQfIhcGAQIdCiyS+ypRz7d1vYbn2vcO5/jvzx8mtc1l8yHqukGAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQmKvAbz5MfJXLxYfrLp4nsMvmd4nmebsNtvUilS8/xGBNtFB4mxwVTcL4WmCZRRVtjCZJKoYcyxSv++3FkE20ULueKyq2LeQ6NsUyO1bMaTSZ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" />
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/src/routes/register/invite/[slug]/mlh-light.svg b/src/routes/register/invite/[slug]/mlh-light.svg
new file mode 100644
index 000000000..2b6aab33b
--- /dev/null
+++ b/src/routes/register/invite/[slug]/mlh-light.svg
@@ -0,0 +1,284 @@
+<svg width="414" height="368" viewBox="0 0 414 368" fill="none" xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink">
+    <path d="M399.5 243.5L308.995 297.442L122.231 191.995L211.687 125.986L399.5 243.5Z"
+        fill="url(#paint0_linear_712_10833)" />
+    <path
+        d="M309.203 297.689V150.756C309.203 146.104 306.717 141.806 302.684 139.487L126.956 38.4316C125.623 37.6649 123.959 38.6273 123.959 40.1654V190.913L20.2472 253.184C17.695 254.716 17.6513 258.4 20.1665 259.993L187.464 365.919C188.724 366.717 190.324 366.747 191.613 365.998L309.203 297.689Z"
+        fill="url(#paint1_linear_712_10833)" />
+    <path
+        d="M190.433 357.249L303.75 292.721L124.331 190.946L22.555 250.752L31.9981 257.572L66.0982 280.131L190.433 357.249Z"
+        fill="url(#paint2_linear_712_10833)" />
+    <path
+        d="M209.298 335.002L268.077 299.261L115.413 210.881L63.3889 242.096C60.8073 243.645 60.7977 247.383 63.3713 248.945L205.144 335.004C206.421 335.779 208.022 335.778 209.298 335.002Z"
+        fill="white" />
+    <path
+        d="M303.75 293.246V152.514C303.75 148.54 301.606 144.874 298.142 142.926L126.262 46.2537C124.929 45.5039 123.282 46.4673 123.282 47.9969V190.421L303.75 293.246Z"
+        fill="url(#paint3_linear_712_10833)" />
+    <path
+        d="M297.78 281.18V152.277C297.78 150.834 297.002 149.502 295.744 148.793L130.397 55.5887C129.064 54.8372 127.415 55.8006 127.415 57.331V183.861L297.78 281.18Z"
+        fill="url(#paint4_linear_712_10833)" />
+    <rect width="115.836" height="48.9615" transform="matrix(0.866025 0.5 0 1 158.686 114.217)"
+        fill="url(#pattern0)" fill-opacity="0.4" />
+    <rect width="115.836" height="48.9615" transform="matrix(0.866025 0.5 0 1 158.686 114.217)"
+        fill="#868EA3" style="mix-blend-mode:overlay" />
+    <path d="M272.949 315.816L87.9536 208.543" stroke="url(#paint5_radial_712_10833)" />
+    <path d="M262.521 324.259L77.5248 216.986" stroke="url(#paint6_radial_712_10833)" />
+    <path d="M252.091 330.218L67.0952 222.945" stroke="url(#paint7_radial_712_10833)" />
+    <path d="M242.159 338.164L57.1635 230.891" stroke="url(#paint8_radial_712_10833)" />
+    <path d="M250.104 290.487L190.756 322.272" stroke="url(#paint9_radial_712_10833)" />
+    <path d="M232.225 281.548L173.622 313.084" stroke="url(#paint10_radial_712_10833)" />
+    <path d="M140.846 227.912L81.4981 259.696" stroke="url(#paint11_radial_712_10833)" />
+    <path d="M122.966 218.972L64.3632 250.509" stroke="url(#paint12_radial_712_10833)" />
+    <path d="M216.332 271.119L169.649 296.199" stroke="url(#paint13_radial_712_10833)" />
+    <path d="M201.931 262.676L155.247 287.756" stroke="url(#paint14_radial_712_10833)" />
+    <path d="M187.529 254.233L140.846 279.313" stroke="url(#paint15_radial_712_10833)" />
+    <path d="M173.622 245.791L126.939 270.87" stroke="url(#paint16_radial_712_10833)" />
+    <path d="M157.234 237.348L110.551 262.428" stroke="url(#paint17_radial_712_10833)" />
+    <path
+        d="M268.076 303.214V299.541L207.221 333.642L60.3276 246.555V250.752L207.221 337.839L268.076 303.214Z"
+        fill="url(#paint18_linear_712_10833)" />
+    <g opacity="0.9">
+        <path
+            d="M314.587 5.43599L345.776 42.6929L345.777 42.693L335.679 70.7448L264.738 84.8151L232.118 46.3271L242.243 18.2021L314.587 5.43599Z"
+            fill="url(#paint19_linear_712_10833)" />
+        <path
+            d="M273.278 28.2091C272.539 30.2627 269.547 31.0659 266.595 30.0033C263.643 28.9407 261.849 26.4145 262.588 24.361C264.079 20.2193 263.939 17.9347 270.028 19.2514C276.479 21.7487 275.058 23.5749 273.278 28.2091Z"
+            fill="#DA1A5B" />
+        <ellipse cx="269.271" cy="22.5666" rx="5.68073" ry="3.95181"
+            transform="rotate(19.7978 269.271 22.5666)" fill="#FF84A8" />
+        <path
+            d="M285.988 43.3681C285.249 45.4217 282.257 46.2249 279.305 45.1623C276.353 44.0997 274.559 41.5735 275.298 39.52C276.789 35.3783 276.649 33.0937 282.738 34.4104C289.189 36.9077 287.768 38.7339 285.988 43.3681Z"
+            fill="#DA1A5B" />
+        <ellipse cx="281.982" cy="37.7256" rx="5.68073" ry="3.95181"
+            transform="rotate(19.7978 281.982 37.7256)" fill="#FF84A8" />
+        <path
+            d="M306.183 39.8983C305.443 41.9518 302.451 42.7551 299.499 41.6924C296.547 40.6298 294.753 38.1037 295.493 36.0501C296.984 31.9084 296.844 29.6238 302.932 30.9406C309.383 33.4378 307.963 35.264 306.183 39.8983Z"
+            fill="#DA1A5B" />
+        <ellipse cx="302.175" cy="34.2553" rx="5.68073" ry="3.95181"
+            transform="rotate(19.7978 302.175 34.2553)" fill="#FF749B" />
+        <path
+            d="M326.259 37.578C325.52 39.6315 322.527 40.4348 319.575 39.3721C316.623 38.3095 314.83 35.7834 315.569 33.7298C317.06 29.5881 316.92 27.3035 323.008 28.6202C329.459 31.1175 328.039 32.9437 326.259 37.578Z"
+            fill="#DA1A5B" />
+        <ellipse cx="322.253" cy="31.9358" rx="5.68073" ry="3.95181"
+            transform="rotate(19.7978 322.253 31.9358)" fill="#FF6792" />
+        <path
+            d="M294.223 23.8084C293.483 25.8619 290.491 26.6652 287.539 25.6025C284.587 24.5399 282.794 22.0138 283.533 19.9602C285.024 15.8185 284.884 13.5339 290.972 14.8507C297.423 17.3479 296.003 19.1741 294.223 23.8084Z"
+            fill="#DA1A5B" />
+        <ellipse cx="290.215" cy="18.1662" rx="5.68073" ry="3.95181"
+            transform="rotate(19.7978 290.215 18.1662)" fill="#FF749B" />
+        <path
+            d="M315.132 22.086C314.393 24.1396 311.4 24.9428 308.448 23.8802C305.496 22.8176 303.703 20.2914 304.442 18.2379C305.933 14.0962 305.793 11.8116 311.881 13.1283C318.332 15.6256 316.912 17.4517 315.132 22.086Z"
+            fill="#DA1A5B" />
+        <ellipse cx="311.123" cy="16.4439" rx="5.68073" ry="3.95181"
+            transform="rotate(19.7978 311.123 16.4439)" fill="#FF6792" />
+        <path
+            d="M274.895 56.036L242.201 18.6101L232.147 46.5396L264.952 84.9004L335.292 72.7049L345.692 44.2287L274.895 56.036Z"
+            fill="#F02E65" />
+        <path d="M231.37 46.8438L242.088 18.6585L274.641 55.9743L264.716 85.7475L231.37 46.8438Z"
+            fill="#F14C7C" />
+    </g>
+    <path
+        d="M330.988 185.04L333.324 182.363L349.83 163.453L413.014 218.601L393.461 241.003L346.746 231.702L330.988 185.04Z"
+        fill="url(#paint20_linear_712_10833)" />
+    <path d="M398.176 172.689L413.086 218.571L365.65 209.041L350.224 163.796L398.176 172.689Z"
+        fill="url(#paint21_linear_712_10833)" />
+    <path
+        d="M371.963 183.024C370.472 184.732 367.274 184.379 364.82 182.237C362.365 180.094 361.583 176.973 363.074 175.265C366.319 171.547 366.807 169.558 372.2 173.131C377.498 177.982 375.025 179.516 371.963 183.024Z"
+        fill="#DF2B67" />
+    <ellipse cx="370.219" cy="176.053" rx="5.89954" ry="4.10402"
+        transform="rotate(41.1152 370.219 176.053)" fill="#FF84A8" />
+    <path
+        d="M398.926 206.558C397.435 208.265 394.237 207.913 391.782 205.77C389.328 203.628 388.546 200.507 390.037 198.799C391.527 197.091 393.77 193.092 399.163 196.664C404.461 201.516 402.263 202.734 398.926 206.558Z"
+        fill="#DF2B67" />
+    <ellipse cx="397.181" cy="199.586" rx="5.89954" ry="4.10402"
+        transform="rotate(41.1152 397.181 199.586)" fill="#FF84A8" />
+    <path
+        d="M393.432 186.327C391.941 188.035 388.743 187.682 386.288 185.539C383.834 183.397 383.052 180.276 384.542 178.568C387.482 175.2 388.275 172.861 393.669 176.433C398.967 181.285 396.738 182.538 393.432 186.327Z"
+        fill="#DF2B67" />
+    <ellipse cx="391.685" cy="179.356" rx="5.89954" ry="4.10402"
+        transform="rotate(41.1152 391.685 179.356)" fill="#FF84A8" />
+    <path
+        d="M378.652 202.48C377.162 204.188 373.964 203.836 371.509 201.693C369.054 199.55 368.273 196.429 369.763 194.722C372.781 191.264 373.496 189.014 378.889 192.587C384.188 197.439 381.762 198.917 378.652 202.48Z"
+        fill="#DF2B67" />
+    <ellipse cx="376.906" cy="195.508" rx="5.89954" ry="4.10402"
+        transform="rotate(41.1152 376.906 195.508)" fill="#FF84A8" />
+    <path d="M365.591 208.701L346.893 231.871L393.232 241.22L412.743 218.457L365.591 208.701Z"
+        fill="url(#paint22_linear_712_10833)" fill-opacity="0.8" />
+    <g opacity="0.9">
+        <path
+            d="M11.5297 166.268L10.1189 163.078L0.151367 140.537L75.4626 107.234L87.2703 133.936L59.5891 171.632L11.5297 166.268Z"
+            fill="url(#paint23_linear_712_10833)" />
+        <path d="M28.4512 101.363L75.4641 107.158L47.2799 145.401L0.619156 140.33L28.4512 101.363Z"
+            fill="url(#paint24_linear_712_10833)" />
+        <path
+            d="M26.7573 128.977C27.6573 131.012 26.0151 133.711 23.0892 135.005C20.1634 136.299 17.0619 135.698 16.1618 133.662C14.202 129.23 12.6351 127.97 18.054 124.656C24.5712 121.958 24.9082 124.795 26.7573 128.977Z"
+            fill="#DA1A5B" fill-opacity="0.8" />
+        <ellipse cx="19.8297" cy="127.634" rx="5.79257" ry="4.02961"
+            transform="rotate(-23.8554 19.8297 127.634)" fill="#FF84A8" />
+        <path
+            d="M58.894 114.766C59.794 116.801 58.1518 119.5 55.226 120.794C52.3001 122.088 49.1986 121.487 48.2986 119.451C47.3985 117.416 44.7718 113.759 50.1907 110.445C56.7079 107.747 56.8787 110.209 58.894 114.766Z"
+            fill="#DA1A5B" fill-opacity="0.8" />
+        <ellipse cx="51.9665" cy="113.423" rx="5.79257" ry="4.02961"
+            transform="rotate(-23.8554 51.9665 113.423)" fill="#FF84A8" />
+        <path
+            d="M38.6137 111.25C39.5138 113.285 37.8715 115.984 34.9457 117.278C32.0199 118.571 28.9184 117.97 28.0183 115.935C26.243 111.92 24.4915 110.243 29.9104 106.929C36.4277 104.23 36.6168 106.734 38.6137 111.25Z"
+            fill="#DA1A5B" fill-opacity="0.8" />
+        <ellipse cx="31.6872" cy="109.907" rx="5.79257" ry="4.02961"
+            transform="rotate(-23.8554 31.6872 109.907)" fill="#FF84A8" />
+        <path
+            d="M46.8442 131.109C47.7442 133.144 46.102 135.843 43.1762 137.137C40.2503 138.43 37.1488 137.829 36.2488 135.794C34.4262 131.672 32.722 130.102 38.1409 126.788C44.6581 124.089 44.9662 126.862 46.8442 131.109Z"
+            fill="#DA1A5B" fill-opacity="0.8" />
+        <ellipse cx="39.9176" cy="129.766" rx="5.79257" ry="4.02961"
+            transform="rotate(-23.8554 39.9176 129.766)" fill="#FF84A8" />
+        <path d="M59.3963 171.867L47.4229 145.526L74.9618 107.211L87.3343 133.552L59.3963 171.867Z"
+            fill="#E7275E" fill-opacity="0.8" />
+    </g>
+    <defs>
+        <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+            <use xlink:href="#image0_712_10833"
+                transform="translate(-0.0017451) scale(0.000601252 0.00142248)" />
+        </pattern>
+        <linearGradient id="paint0_linear_712_10833" x1="221.842" y1="305.837" x2="341.454"
+            y2="200.389" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F02E65" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint1_linear_712_10833" x1="364.865" y1="354.902" x2="-355.694"
+            y2="413.908" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#C4C6D7" />
+            <stop offset="0.34172" stop-color="#E8E8F1" />
+            <stop offset="1" stop-color="#FCFCFF" />
+        </linearGradient>
+        <linearGradient id="paint2_linear_712_10833" x1="22.3053" y1="150.417" x2="542.117"
+            y2="859.425" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FAFAFF" />
+            <stop offset="1" stop-color="#FAFAFF" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint3_linear_712_10833" x1="281.716" y1="208.783" x2="-82.7265"
+            y2="227.28" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#E8E8F1" />
+            <stop offset="1" stop-color="#FCFCFF" />
+        </linearGradient>
+        <linearGradient id="paint4_linear_712_10833" x1="-106.214" y1="-87.5116" x2="220.58"
+            y2="205.838" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#E8E8F1" />
+            <stop offset="1" stop-color="#FCFCFF" />
+        </linearGradient>
+        <radialGradient id="paint5_radial_712_10833" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(180.451 262.179) rotate(90) scale(53.6363 92.4978)">
+            <stop stop-color="#E8E9F0" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint6_radial_712_10833" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(170.023 270.622) rotate(90) scale(53.6363 92.4978)">
+            <stop stop-color="#E8E9F0" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint7_radial_712_10833" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(159.593 276.582) rotate(90) scale(53.6363 92.4978)">
+            <stop stop-color="#E8E9F0" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint8_radial_712_10833" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(149.661 284.528) rotate(90) scale(53.6363 92.4978)">
+            <stop stop-color="#E8E9F0" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint9_radial_712_10833" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(220.43 306.38) rotate(90) scale(15.8922 29.6738)">
+            <stop stop-color="#E8E9F0" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint10_radial_712_10833" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(202.923 297.316) rotate(90) scale(15.7681 29.3013)">
+            <stop stop-color="#E8E9F0" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint11_radial_712_10833" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(111.172 243.804) rotate(90) scale(15.8922 29.6738)">
+            <stop stop-color="#E8E9F0" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint12_radial_712_10833" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(93.6645 234.741) rotate(90) scale(15.7681 29.3013)">
+            <stop stop-color="#E8E9F0" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint13_radial_712_10833" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(192.99 283.659) rotate(90) scale(12.54 23.3417)">
+            <stop stop-color="#E8E9F0" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint14_radial_712_10833" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(178.589 275.216) rotate(90) scale(12.54 23.3417)">
+            <stop stop-color="#E8E9F0" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint15_radial_712_10833" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(164.188 266.773) rotate(90) scale(12.54 23.3417)">
+            <stop stop-color="#E8E9F0" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint16_radial_712_10833" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(150.28 258.331) rotate(90) scale(12.54 23.3417)">
+            <stop stop-color="#E8E9F0" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint17_radial_712_10833" cx="0" cy="0" r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(133.893 249.888) rotate(90) scale(12.54 23.3417)">
+            <stop stop-color="#E8E9F0" />
+            <stop offset="1" stop-color="#F7F7F7" stop-opacity="0" />
+        </radialGradient>
+        <linearGradient id="paint18_linear_712_10833" x1="235.866" y1="362.068" x2="-29.7731"
+            y2="213.482" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#C4C6D7" />
+            <stop offset="0.441811" stop-color="#E8E8F1" />
+            <stop offset="1" stop-color="#EBEBEB" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint19_linear_712_10833" x1="344.157" y1="34.2073" x2="233.823"
+            y2="55.2616" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F02E65" />
+            <stop offset="1" stop-color="#F6779D" />
+        </linearGradient>
+        <linearGradient id="paint20_linear_712_10833" x1="366.404" y1="259.105" x2="332.666"
+            y2="166.02" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F02E65" />
+            <stop offset="1" stop-color="#FFAFC6" />
+        </linearGradient>
+        <linearGradient id="paint21_linear_712_10833" x1="386.321" y1="237.968" x2="338.917"
+            y2="202.336" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F02E65" />
+            <stop offset="1" stop-color="#FF749B" />
+        </linearGradient>
+        <linearGradient id="paint22_linear_712_10833" x1="358.274" y1="219.27" x2="379.818"
+            y2="241.22" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F02E65" />
+            <stop offset="1" stop-color="#F41958" />
+        </linearGradient>
+        <linearGradient id="paint23_linear_712_10833" x1="37.807" y1="123.886" x2="88.5319"
+            y2="147.92" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FF5F8C" />
+            <stop offset="1" stop-color="#DA1A5B" />
+        </linearGradient>
+        <linearGradient id="paint24_linear_712_10833" x1="79.3523" y1="98.0309" x2="57.0756"
+            y2="155.733" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#F24073" />
+            <stop offset="1" stop-color="#FF8CAE" />
+        </linearGradient>
+        <image id="image0_712_10833" width="1669" height="703"
+            xlink:href="data:image/png;base64,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NE+v7ZQAAQIECBB4WOD64ac8Q4AAAQIECBAgQIAAAQIECBAYQ0AoNEYf7YIAAQIECBA4TSD9bqGr06ZwNwECBAgQIECAAAECBAgQIECgbQGhUNv9UR0BAgQIECBQTuCq3FJWIkCAAAECBAgQIECAAAECBAiUFxAKlTe3IgECBAgQINCmwIso67LN0lRFgAABAgQIECBAgAABAgQIEDhdQCh0uqEZCBAgQIAAgXEEXo2zFTshQIAAAQIECBAgQIAAAQIECPxWQCj0Ww9vESBAgAABAnMLvIztn81NYPcECBAgQIAAAQIECBAgQIDAqAJCoVE7a18ECBAgQIDAGoFncVMKhhwECBAgQIAAAQIECBAgQIAAgeEEhELDtdSGCBAgQIAAgRMF/Ai5EwHdToAAAQIECBAgQIAAAQIECLQpIBRqsy+qIkCAAAECBOoJPI+lL+otb2UCBAgQIECAAAECBAgQIECAwDYCQqFtXM1KgAABAgQI9C3gR8j13T/VEyBAgAABAgQIECBAgAABAh8REAp9BMVDBAgQIECAwPQCV9MLACBAgAABAgQIECBAgAABAgSGExAKDddSGyJAgAABAgQyCKQfIXeWYR5TECBAgAABAgQIECBAgAABAgSaERAKNdMKhRAgQIAAAQKNCfgRco01RDkECBAgQIAAAQIECBAgQIDAaQJCodP83E2AAAECBAiMK7Abd2t2RoAAAQIECBAgQIAAAQIECMwoIBSasev2TIAAAQIECBwj4DuFjlFyDQECBAgQIECAAAECBAgQINCNgFCom1YplAABAgQIECgs8CzWuyy8puUIECBAgAABAgQIECBAgAABApsJCIU2ozUxAQIECBAgMIDAboA92AIBAgQIECBAgAABAgQIECBA4BcBoZAXAgECBAgQIEDgYQHfKfSwjWcIECBAgAABAgQIECBAgACBzgSEQp01TLkECBAgQIBAUYFd0dUsRoAAAQIECBAgQIAAAQIECBDYUEAotCGuqQkQIECAAIHuBc5jB2fd78IGCBAgQIAAAQIECBAgQIAAAQIhIBTyMiBAgAABAgQIfFrAj5D7tI9nCRAgQIAAAQIECBAgQIAAgU4EhEKdNEqZBAgQIECAQDUBoVA1egsTIECAAAECBAgQIECAAAECOQWEQjk1zUWAAAECBAiMKHAx4qbsiQABAgQIECBAgAABAgQIEJhPQCg0X8/tmAABAgQIEHiagO8UepqXqwkQIECAAAECBAgQIECAAIFGBYRCjTZGWQQIECBAgEAzAhfNVKIQAgQIECBAgAABAgQIECBAgMAJAkKhE/DcSoAAAQIECEwhcD7FLm2SAAECBAgQIECAAAECBAgQGF5AKDR8i22QAAECBAgQyCBwlmEOUxAgQIAAAQIECBAgQIAAAQIEqgoIharyW5wAAQIECBDoRMDvFeqkUcokQIAAAQIECBAgQIAAAQIEHhYQCj1s4xkCBAgQIECAAAECBAgQIECAAAECBAgQIECAwDACQqFhWmkjBAgQIECAwIYCfnzchrimJkCAAAECBAgQIECAAAECBMoICIXKOFuFAAECBAgQ6FvAj4/ru3+qJ0CAAAECBAgQIECAAAECBEJAKORlQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBCYQEAoNEGTbZEAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgIBTyGiBAgAABAgQIECBAgAABAgQIECBAgAABAgQITCAgFJqgybZIgAABAgQIECBAgAABAgQIECBAgAABAgQIEBAKeQ0QIECAAAECBAgQIECAAAECBAgQIECAAAECBCYQEApN0GRbJECAAAECBAgQIECAAAECBAgQIECAAAECBAgIhbwGCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQITCAiFJmiyLRIgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEhEJeAwQIECBAgAABAgQIECBAgAABAgQIECBAgACBCQSEQhM02RYJECBAgAABAgQIECBAgAABAgQIECBAgAABAkIhrwECBAgQIECAAAECBAgQIECAAAECBAgQIECAwAQCQqEJmmyLBAgQIECAAAECBAgQIECAAAECBAgQIECAAAGhkNcAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQGACAaHQBE22RQIECBAgQIAAAQIECBAgQIAAAQIECBAgQICAUMhrgAABAgQIECBAgAABAgQIECBAgAABAgQIECAwgYBQaIIm2yIBAgQIECBAgAABAgQIECBAgAABAgQIECBAQCjkNUCAAAECBAgQIECAAAECBAgQIECAAAECBAgQmEBAKDRBk22RAAECBAgQIECAAAECBAgQIECAAAECBAgQICAU8hogQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECEwgIBSaoMm2SIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAQCnkNECBAgAABAgQIECBAgAABAgQIECBAgAABAgQmEBAKTdBkWyRAgAABAgQIECBAgAABAgQIECBAgAABAgQICIW8BggQIECAAAECBAgQIECAAAECBAgQIECAAAECEwgIhSZosi0SIECAAAECBAgQIECAAAECBAgQIECAAAECBIRCXgMECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgQkEhEITNNkWCRAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQJCIa8BAgQIECBAgAABAgQIECBAgAABAgQIECBAgMAEAkKhCZpsiwQIECBAgAABAgQIECBAgAABAgQIECBAgAABoZDXAAECBAgQIECAAAECBAgQIECAAAECBAgQIEBgAgGh0ARNtkUCBAgQIECAAAECBAgQIECAAAECBAgQIECAgFDIa4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgMIGAUGiCJtsiAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQEAo5DVAgAABAgQIECBAgAABAgQIECBAgAABAgQIEJhAQCg0QZNtkQABAgQIECBAgAABAgQIECBAgAABAgQIECAgFPIaIECAAAECBAgQIECAAAECBAgQIECAAAECBAhMICAUmqDJtkiAAAECBAgQIECAAAECBAgQIECAAAECBAgQEAp5DRAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEJhAQCk3QZFskQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECAiFvAYIECBAgAABAgQIECBAgAABAgQIECBAgAABAhMICIUmaLItEiBAgAABAgQIECBAgAABAgQIECBAgAABAgSEQl4DBAgQIECAAAECBAgQIECAAAECBAgQIECAAIEJBIRCEzTZFgkQIECAAAECBAgQIECAAAECBAgQIECAAAECQiGvAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIDABAJCoQmabIsECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAaGQ1wABAgQIECBAgAABAgQIECBAgAABAgQIECBAYAKBLybYoy3mFXgT0x3yTmm2ewJX8fb5vce8OZ+A/9e27/lVLOH/te2drUCAAAECBAgQIECAAAECBAgQINCIgFCokUZ0VMY+ar3pqN4eS91F0T5R3WPn8ta8j+lu8k5ptnsCu3jb/2v3ULxJgAABAgQIECBAgAABAgQIECAwroAfHzdub+2MAAECBAgQIECAAAECBAgQIECAAAECBAgQILAICIUWCicECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgXEFhELj9tbOCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKLgFBooXBCgAABAgQIECBAgAABAgQIECBAgAABAgQIEBhXQCg0bm/tjAABAgQIECBAgAABAgQIECBAgAABAgQIECCwCAiFFgonBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFxBYRC4/bWzggQIECAAAECBAgQIECAAAECBAgQIECAAAECi4BQaKFwQoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAYV0AoNG5v7YwAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAgIhRYKJwQIECBAgAABAgQIECBAgAABAgQIECBAgACBcQWEQuP21s4IECBAgAABAgQIECBAgAABAgQIECBAgAABAouAUGihcEKAAAECBAgQIECAAAECBAgQIECAAAECBAgQGFdAKDRub+2MAAECBAgQIECAAAECBAgQIECAAAECBAgQILAICIUWCicECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgXEFhELj9tbOCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKLgFBooXBCgAABAgQIECBAgAABAgQIECBAgAABAgQIEBhXQCg0bm/tjAABAgQIECBAgAABAgQIECBAgAABAgQIECCwCAiFFgonBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFxBYRC4/bWzggQIECAAAECBAgQIECAAAECBAgQIECAAAECi4BQaKFwQoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAYV0AoNG5v7YwAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAgIhRYKJwQIECBAgAABAgQIECBAgAABAgQIECBAgACBcQWEQuP21s4IECBAgAABAgQIECBAgAABAgQIECBAgAABAouAUGihcEKAAAECBAgQIECAAAECBAgQIECAAAECBAgQGFdAKDRub+2MAAECBAgQIECAAAECBAgQIECAAAECBAgQILAICIUWCicECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgXEFhELj9tbOCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKLgFBooXBCgAABAgQIECBAgAABAgQIECBAgAABAgQIEBhXQCg0bm/tjAABAgQIECBAgAABAgQIECBAgAABAgQIECCwCAiFFgonBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFxBYRC4/bWzggQIECAAAECBAgQIECAAAECBAgQIECAAAECi4BQaKFwQoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAYV0AoNG5v7YwAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAgIhRYKJwQIECBAgAABAgQIECBAgAABAgQIECBAgACBcQWEQuP21s4IECBAgAABAgQIECBAgAABAgQIECBAgAABAouAUGihcEKAAAECBAgQIECAAAECBAgQIECAAAECBAgQGFdAKDRub+2MAAECBAgQIECAAAECBAgQIECAAAECBAgQILAICIUWCicECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgXEFhELj9tbOCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKLgFBooXBCgAABAgQIECBAgAABAgQIECBAgAABAgQIEBhXQCg0bm/tjAABAgQIECBAgAABAgQIECBAgAABAgQIECCwCAiFFgonBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFxBYRC4/bWzggQIECAAAECBAgQIECAAAECBAgQIECAAAECi4BQaKFwQoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAYV0AoNG5v7YwAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAgIhRYKJwQIECBAgAABAgQIECBAgAABAgQIECBAgACBcQWEQuP21s4IECBAgAABAgQIECBAgAABAgQIECBAgAABAouAUGihcEKAAAECBAgQIECAAAECBAgQIECAAAECBAgQGFdAKDRub+2MAAECBAgQIECAAAECBAgQIECAAAECBAgQILAICIUWCicECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgXEFhELj9tbOCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKLgFBooXBCgAABAgQIECBAgAABAgQIECBAgAABAgQIEBhXQCg0bm/tjAABAgQIECBAgAABAgQIECBAgAABAgQIECCwCAiFFgonBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFxBYRC4/bWzggQIECAAAECBAgQIECAAAECBAgQIECAAAECi4BQaKFwQoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAYV0AoNG5v7YwAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAgIhRYKJwQIECBAgAABAgQIECBAgAABAgQIECBAgACBcQWEQuP21s4IECBAgAABAgQIECBAgAABAgQIECBAgAABAouAUGihcEKAAAECBAgQIECAAAECBAgQIECAAAECBAgQGFdAKDRub+2MAAECBAgQIECAAAECBAgQIECAAAECBAgQILAICIUWCicECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgXEFhELj9tbOCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKLgFBooXBCgAABAgQIECBAgAABAgQIECBAgAABAgQIEBhXQCg0bm/tjAABAgQIECBAgAABAgQIECBAgAABAgQIECCwCAiFFgonBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFxBYRC4/bWzggQIECAAAECBAgQIECAAAECBAgQIECAAAECi4BQaKFwQoAAAQIECBAgQIAAAQIECBAgQIAAAQIEmhG4aKYShQwjIBQappU2QoAAAQIECBAgQIAAAQIECBAgQIAAAQIDCVwMtBdbaURAKNRII5RBgAABAgQIECBAgAABAgQIECBAYGKBi4n3busEHhK4eOgJjxNYKyAUWivnPgIECBAgQIAAAQIECBAgQIAAAQIEcgmcx0RnuSYzD4FBBHaD7MM2GhIQCjXUDKUQIECAAAECBAgQIECAAAECBAgQmFhgN/HebZ3AfYHLeCCFpQ4CWQWEQlk5TUaAAAECBAgQIECAAAECBAgQIECAwEqB3cr73EZgRIGrETdlT/UFhEL1e6ACAgQIECBAgAABAgQIECBAgAABAgQ+++wKAgECvwikH6V4xYLAFgJCoS1UzUmAAAECBAgQIECAAAECBAgQIECAwFMFnsUNV0+9yfUEBhS4jj2l/x8cBLILCIWyk5qQAAECBAgQIECAAAECBAgQIECAAIGVAtdxX/ouCQeBWQV2sfGvZ928fW8vIBTa3tgKBAgQIECAAAECBAgQIECAAAECBAgcJ3Ael70+7lJXERhO4DJ29Ha4XdlQUwJCoabaoRgCBAgQIECAAAECBAgQIECAAAEC0wt8FQL76RUAzCaQAqGbGH5s3GydL7xfoVBhcMsRIECAAAECBAgQIECAAAECBAgQIPCowF0wdPbolS4g0L/ALrZwE0MgFAiObQWEQtv6mp0AAQIECBAgQIAAAQIECBAgQIAAgXUCKRh6F+Nq3e3uItC8QAo9X8f4ewyBUPPtGqNAodAYfbQLAgQIECBAgAABAgQIECBAgAABAiMKnMemvo1xiJE+eX4Zw0Ggd4H0Ok6v50OMr2M4CBQT+KLYShYiQIAAAQIECBAgQIAAAQIECBAgQIDAOoEUDqVPnt99Av37OL+N8S6Gg0AvArsoNAVCviuol44NWKdQaMCm2hIBAgQIECBAgAABAgQIECBAgACBwQVevN/fl4Pv0/YIECCQVcCPj8vKaTICBAgQIECAAAECBAgQIECAAAECBAgQIECAQJsCQqE2+6IqAgQIECBAgAABAgQIECBAgAABAgQIECBAgEBWAaFQVk6TESBAgAABAgQIECBAgAABAgQIECBAgAABAgTaFBAKtdkXVREgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEsgoIhbJymowAAQIECBAgQIAAAQIECBAgQIAAAQIECBAg0KaAUKjNvqiKAAECBAgQIECAAAECBAgQIECAAAECBAgQIJBVQCiUldNkBAgQIECAAAECBAgQIECAAAECBAgQIECAAIE2BYRCbfZFVQQIECBAgAABAgQIECBAgAABAgQIECBAgACBrAJCoaycJiNAgAABAgQIECBAgAABAgQIECBAgAABAgQItCkgFGqzL6oiQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECGQVEApl5TQZAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQKBNAaFQm31RFQECBAgQIECAAAECBAgQIECAAAECBAgQIEAgq4BQKCunyQgQIECAAAECBAgQIECAAAECBAgQIECAAAECbQoIhdrsi6oIECBAgAABAgQIECBAgAABAgQIECBAgAABAlkFhEJZOU1GgAABAgQIECBAgAABAgQIECBAgAABAgQIEGhTQCjUZl9URYAAAQIECBAgQIAAAQIECBAgQIAAAQIECBDIKiAUysppMgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAmwJCoTb7oioCBAgQIECAAAECBAgQIECAAAECBAgQIECAQFYBoVBWTpMRIECAAAECBAgQIECAAAECBAgQIECAAAECBNoUEAq12RdVESBAgAABAgQIECBAgAABAgQIECBAgAABAgSyCgiFsnKajAABAgQIECBAgAABAgQIECBAgAABAgQIECDQpoBQqM2+qIoAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgkFVAKJSV02QECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgTYFhEJt9kVVBAgQIECAAAECBAgQIECAAAECBAgQIECAAIGsAkKhrJwmI0CAAAECBAgQIECAAAECBAgQIECAAAECBAi0KSAUarMvqiJAgAABAgQIECBAgAABAgQIECBAgAABAgQIZBUQCmXlNBkBAgQIECBAgAABAgQIECBAgAABAgQIECBAoE0BoVCbfVEVAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQCCrgFAoK6fJCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQJtCgiF2uyLqggQIECAAAECBAgQIECAAAECBAgQIECAAAECWQWEQlk5TUaAAAECBAgQIECAAAECBAgQIECAAAECBAgQaFNAKNRmX1RFgAABAgQIECBAgAABAgQIECBAgAABAgQIEMgqIBTKymkyAgQIECBAgAABAgQIECBAgAABAgQIECBAgECbAkKhNvuiKgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAVgGhUFZOkxEgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIE2hQQCrXZF1URIECAAAECBAgQIECAAAECBAgQIECAAAECBLIKCIWycpqMAAECBAgQIECAAAECBAgQIECAAAECBAgQINCmgFCozb6oigABAgQIECBAgAABAgQIECBAgAABAgQIECCQVUAolJXTZAQIECBAgAABAgQIECBAgAABAgQIECBAgACBNgWEQm32RVUECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgawCQqGsnCYjQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECLQpIBRqsy+qIkCAAAECBAgQIECAAAECBAgQIECAAAECBAhkFRAKZeU0GQECBAgQIECAAAECBAgQIECAAAECBAgQIECgTQGhUJt9URUBAgQIECBAgAABAgQIECBAgAABAgQIECBAIKuAUCgrp8kIECBAgAABAgQIECBAgAABAgQIECBAgAABAm0KCIXa7IuqCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQJZBYRCWTlNRoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBBoU0Ao1GZfVEWAAAECBAgQIECAAAECBAgQIECAAAECBAgQyCogFMrKaTICBAgQIECAAAECBAgQIECAAAECBAgQIECAQJsCQqE2+6IqAgQIECBAgAABAgQIECBAgAABAgQIECBAgEBWAaFQVk6TESBAgAABAgQIECBAgAABAgQIECBAgAABAgTaFBAKtdkXVREgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEsgoIhbJymowAAQIECBAgQIAAAQIECBAgQIAAAQIECBAg0KaAUKjNvqiKAAECBAgQIECAAAECBAgQIECAAAECBAgQIJBVQCiUldNkBAgQIECAAAECBAgQIECAAAECBAgQIECAAIE2BYRCbfZFVQQIECBAgAABAgQIECBAgAABAgQIECBAgACBrAJCoaycJiNAgAABAgQIECBAgAABAgQIECBAgAABAgQItCkgFGqzL6oiQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECGQVEApl5TQZAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQKBNAaFQm31RFQECBAgQIECAAAECBAgQIECAAAECBAgQIEAgq4BQKCunyQgQIECAAAECBAgQIECAAAECBAgQIECAAAECbQoIhdrsi6oIECBAgAABAgQIECBAgAABAgQIECBAgAABAlkFhEJZOU1GgAABAgQIECBAgAABAgQIECBAgAABAgQIEGhTQCjUZl9URYAAAQIECBAgQIAAAQIECBAgQIAAAQIECBDIKiAUysppMgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAmwJCoTb7oioCBAgQIECAAAECBAgQIECAAAECBAgQIECAQFYBoVBWTpMRIECAAAECBAgQIECAAAECBAgQIECAAAECBNoUEAq12RdVESBAgAABAgQIECBAgAABAgQIECBAgAABAgSyCgiFsnKajAABAgQIECBAgAABAgQIECBAgAABAgQIECDQpoBQqM2+qIoAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgkFVAKJSV02QECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgTYFhEJt9kVVBAgQIECAAAECBAgQIECAAAECBAgQIECAAIGsAkKhrJwmI0CAAAECBAgQIECAAAECBAgQIECAAAECBAi0KSAUarMvqiJAgAABAgQIECBAgAABAgQIECBAgAABAgQIZBUQCmXlNBkBAgQIECBAgAABAgQIECBAgAABAgQIECBAoE0BoVCbfVEVAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQCCrgFAoK6fJCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQJtCgiF2uyLqggQIECAAAECBAgQIECAAAECBAgQIECAAAECWQWEQlk5TUaAAAECBAgQIECAAAECBAgQIECAAAECBAgQaFNAKNRmX1RFgAABAgQIECBAgAABAgQIECBAgAABAgQIEMgqIBTKymkyAgQIECBAgAABAgQIECBAgAABAgQIECBAgECbAkKhNvuiKgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAVgGhUFZOkxEgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIE2hQQCrXZF1URIECAAAECBAgQIECAAAECBAgQIECAAAECBLIKCIWycpqMAAECBAgQIECAAAECBAgQIECAAAECBAgQINCmgFCozb6oigABAgQIECBAgAABAgQIECBAgAABAgQIECCQVUAolJXTZAQIECBAgAABAgQIECBAgAABAgQIECBAgACBNgWEQm32RVUECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgawCQqGsnCYjQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECLQpIBRqsy+qIkCAAAECBAgQIECAAAECBAgQIECAAAECBAhkFRAKZeU0GQECBAgQIECAAAECBAgQIECAAAECBAgQIECgTQGhUJt9URUBAgQIECBAgAABAgQIECBAgAABAgQIECBAIKuAUCgrp8kIECBAgAABAgQIECBAgAABAgQIECBAgAABAm0KCIXa7IuqCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQJZBYRCWTlNRoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBBoU0Ao1GZfVEWAAAECBAgQIECAAAECBAgQIECAAAECBAgQyCogFMrKaTICBAgQIECAAAECBAgQIECAAAECBAgQIECAQJsCQqE2+6IqAgQIECBAgAABAgQIECBAgAABAgQIECBAgEBWAaFQVk6TESBAgAABAgQIECBAgAABAgQIECBAgAABAgTaFBAKtdkXVREgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEsgoIhbJymowAAQIECBAgQIAAAQIECBAgQIAAAQIECBAg0KaAUKjNvqiKAAECBAgQIECAAAECBAgQIECAAAECBAgQIJBVQCiUldNkBAgQIECAAAECBAgQIECAAAECBAgQIECAAIE2BYRCbfZFVQQIECBAgAABAgQIECBAgAABAgQIECBAgACBrAJCoaycJiNAgAABAgQIECBAgAABAgQIECBAgAABAgQItCkgFGqzL6oiQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECGQVEApl5TQZAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQKBNAaFQm31RFQECBAgQIECAAAECBAgQIECAAAECBAgQIEAgq4BQKCunyQgQIECAAAECBAgQIECAAAECBAgQIECAAAECbQoIhdrsi6oIECBAgAABAgQIECBAgAABAgQIECBAgAABAlkFhEJZOU1GgAABAgQIECBAgAABAgQIECBAgAABAgQIEGhTQCjUZl9URYAAAQIECBAgQIAAAQIECBAgQIAAAQIECBDIKiAUysppMgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAmwJCoTb7oioCBAgQIECAAAECBAgQIECAAAECBAgQIECAQFYBoVBWTpMRIECAAAECBAgQIECAAAECBAgQIECAAAECBNoUEAq12RdVESBAgAABAgQIECBAgAABAgQIECBAgAABAgSyCgiFsnKajAABAgQIECBAgAABAgQIECBAgAABAgQIECDQpoBQqM2+qIoAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgkFVAKJSV02QECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgTYFhEJt9kVVBAgQIECAAAECBAgQIECAAAECBAgQIECAAIGsAkKhrJwmI0CAAAECBAgQIECAAAECBAgQIECAAAECBAi0KSAUarMvqiJAgAABAgQIECBAgAABAgQIECBAgAABAgQIZBUQCmXlNBkBAgQIECBAgAABAgQIECBAgAABAgQIECBAoE0BoVCbfVEVAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQCCrgFAoK6fJCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQJtCgiF2uyLqggQIECAAAECBAgQIECAAAECBAgQIECAAAECWQWEQlk5TUaAAAECBAgQIECAAAECBAgQIECAAAECBAgQaFNAKNRmX1RFgAABAgQIECBAgAABAgQIECBAgAABAgQIEMgqIBTKymkyAgQIECBAgAABAgQIECBAgAABAgQIECBAgECbAkKhNvuiKgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAVgGhUFZOkxEgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIE2hQQCrXZF1URIECAAAECBAgQIECAAAECBAgQIECAAAECBLIKCIWycpqMAAECBAgQIECAAAECBAgQIECAAAECBAgQINCmgFCozb6oigABAgQIECBAgAABAgQIECBAgAABAgQIECCQVUAolJXTZAQIECBAgAABAgQIECBAgAABAgQIECBAgACBNgWEQm32RVUECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgawCQqGsnCYjQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECLQp8EWbZamKAAECBAgQIECAAAECBAgQIECAAAECDwr8EM+8i3F48ApPEGhP4CJKuozxvL3SVDSLgFBolk7bJwECBAgQIECAAAECBAgQIECAAIG+Bb6P8vcx3sa4jeEg0KvAWRT+MsZVjBcxHASKCfjxccWoLUSAAAECBAgQIECAAAECBAgQIECAwAqB9F1Bf4yxi7GPIRAKBEfXAuk1vI+xi5Fe2+k17iBQREAoVITZIgQIECBAgAABAgQIECBAgAABAgQIrBD4c9xzGeNmxb1uIdCDwE0UmV7jb3ooVo39CwiF+u+hHRAgQIAAAQIECBAgQIAAAQIECBAYTeDn2NB/xrgebWP2Q+ABgat4/E8PPOdhAtkEhELZKE1EgAABAgQIECBAgAABAgQIECBAgEAmgV3M8zbTXKYh0IvAPgr9ay/FqrNPAaFQn31TNQECBAgQIECAAAECBAgQIECAAIFRBdJ3S7wbdXP2ReARgVfx/PePXONpAqsFhEKr6dxIgAABAgQIECBAgAABAgQIECBAgEBmge9ivn3mOU1HoDeBq94KVm8/AkKhfnqlUgIECBAgQIAAAQIECBAgQIAAAQKjC6TvknAQmF3gEABvZkew/20EhELbuJqVAAECBAgQIECAAAECBAgQIECAAIGnCaTvEjo87RZXExhWYD/szmysqoBQqCq/xQkQIECAAAECBAgQIECAAAECBAgQeC+wJ0GAwCJwE2c/LW85IZBJQCiUCdI0BAgQIECAAAECBAgQIECAAAECBAicJHBz0t1uJjCewLvxtmRHtQWEQrU7YH0CBAgQIECAAAECBAgQIECAAAECBNJ3RNxiIEDgNwJCod9weCOHgFAoh6I5CBAgQIAAAQIECBAgQIAAAQIECBA4ReBwys3uJTCowGHQfdlWRQGhUEV8SxMgQIAAAQIECBAgQIAAAQIECBAgQIAAgQcEDg887mECqwWEQqvp3EiAAAECBAgQIECAAAECBAgQIECAAAECBAgQ6EdAKNRPr1RKgAABAgQIECBAgAABAgQIECBAgAABAgQIEFgtIBRaTedGAgQIECBAgAABAgQIECBAgAABAgQIECBAgEA/AkKhfnqlUgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIDAagGh0Go6NxIgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIE+hEQCvXTK5USIECAAAECBAgQIECAAAECBAgQIECAAAECBFYLCIVW07mRAAECBAgQIECAAAECBAgQIECAAAECBAgQINCPgFCon16plAABAgQIECBAgAABAgQIECBAgAABAgQIECCwWkAotJrOjQQIECBAgAABAgQIECBAgAABAgQIECBAgACBfgSEQv30SqUECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgdUCQqHVdG4kQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECPQjIBTqp1cqJUCAAAECBAgQIECAAAECBAgQIECAAAECBAisFhAKraZzIwECBAgQIECAAAECBAgQIECAAAECBAgQIECgHwGhUD+9UikBAgQIECBAgAABAgQIECBAgAABAgQIECBAYLWAUGg1nRsJECBAgAABAgQIECBAgAABAgQIECBAgAABAv0ICIX66ZVKCRAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKrBYRCq+ncSIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBDoR0Ao1E+vVEqAAAECBAgQIECAAAECBAgQIECAAAECBAgQWC0gFFpN50YCBAgQIECAAAECBAgQIECAAAECBAgQIECAQD8CQqF+eqVSAgQIECBAgAABAgQIECBAgAABAgQIECBAgMBqAaHQajo3EiBAgAABAgQIECBAgAABAgQIECBAgAABAgT6ERAK9dMrlRIgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEVgsIhVbTuZEAAQIECBAgQIAAAQIECBAgQIAAAQIECBAg0I+AUKifXqmUAAECBAgQIECAAAECBAgQIECAAAECBAgQILBaQCi0ms6NBAgQIECAAAECBAgQIECAAAECBAgQIECAAIF+BIRC/fRKpQQIECBAgAABAgQIECBAgAABAgQIECBAgACB1QJCodV0biRAgAABAgQIECBAgAABAgQIECBAgAABAgQI9CMgFOqnVyolQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECKwWEAqtpnMjAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQKAfAaFQP71SKQECBAgQIECAAAECBAgQIECAAAECBAgQIEBgtYBQaDWdGwkQIECAAAECBAgQIECAAAECBAgQIECAAAEC/QgIhfrplUoJECBAgAABAgQIECBAgAABAgQIECBAgAABAqsFhEKr6dxIgAABAgQIECBAgAABAgQIECBAgAABAgQIEOhHQCjUT69USoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBBYLSAUWk3nRgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAPwJCoX56pVICBAgQIECAAAECBAgQIECAAAECBAgQIECAwGoBodBqOjcSIECAAAECBAgQIECAAAECBAgQIECAAAECBPoREAr10yuVEiBAgAABAgQIECBAgAABAgQIECBAgAABAgRWCwiFVtO5kQABAgQIECBAgAABAgQIECBAgAABAgQIECDQj4BQqJ9eqZQAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsFpAKLSazo0ECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgX4EhEL99EqlBAgQIECAAAECBAgQIECAAAECBAgQIECAAIHVAkKh1XRuJECAAAECBAgQIECAAAECBAgQIECAAAECBAj0IyAU6qdXKiVAgAABAgQIECBAgAABAgQIECBAgAABAgQIrBYQCq2mcyMBAgQIECBAgAABAgQIECBAgAABAgQIECBAoB8BoVA/vVIpAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQGC1gFBoNZ0bCRAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQL9CAiF+umVSgkQIECAAAECBAgQIECAAAECBAgQIECAAAECqwWEQqvp3EiAAAECBAgQIECAAAECBAgQIECAAAECBAgQ6EdAKNRPr1RKgAABAgQIECBAgAABAgQIECBAgAABAgQIEFgtIBRaTedGAgQIECBAgAABAgQIECBAgAABAgQIECBAgEA/AkKhfnqlUgIECBAgQIAAAQIEHhe4ePwSVxAgQIAAAQIECBAgQGBOAaHQnH23awIECBAgQIAAAQKjClyMujH7IkCAAAECBAgQIECAwKkCQqFTBd1PgAABAgQIECBAgEBLAhctFaMWAgQIECBAgAABAgQItCQgFGqpG2ohQIAAAQIECBAgQOBUgd2pE7ifAAECBAgQIECAAAECowoIhUbtrH0RIECAAAECBAgQmFPg5ZzbtmsCBAgQIECAAAECBAg8LiAUetzIFQQIECBAgAABAgQI9CPwLEq96qdclRIgQIAAAQIECBAgQKCcgFConLWVCBAgQIAAAQIECBAoI3BdZhmrECBAgAABAgQIECBAoC8BoVBf/VItAQIECBAgQIAAAQKPC5zHJdePX+YKAgQIECBAgAABAgQIzCUgFJqr33ZLgAABAgQIECBAYBaBb2Kjfr/QLN22TwIECBAgQIAAAQIEjhIQCh3F5CICBAgQIECAAAECBDoU2EfNuw7rVjIBAgQIECBAgAABAgQ2ERAKbcJqUgIECBAgQIAAAQIEGhB4FjX8PcZVA7UogQABAgQIECBAgAABAtUFhELVW6AAAgQIECBAgAABAgQ2Fvg25n8b42zjdUxPgAABAgQIECBAgACBpgWEQk23R3EECBAgQIAAAQIECGQS+DLmOcS4jnERw0GAAAECBOEjt2UAAEAASURBVAgQIECAAIHpBIRC07XchgkQIECAAAECBAhMK5B+nNw3MX6M8S7GdYxdjIsYDgIECBAgQIAAAQIECAwv8MXwO7RBAgQIECBAgAABAgQI/F7geTyURgqJHAQI9CHwc5SZAt00bmK8jeEgQIAAAQIECBB4goDvFHoClksJECBAgAABAgQIECBAgACBagLpu/1exPg6xt9i3Ma4jnEWw0GAAAECBAgQIHCEgFDoCCSXECBAgAABAgQIECBAgAABAs0JpJAofbffIcbLGA4CBAgQIECAAIFHBIRCjwB5mgABAgQIECBAgAABAgQIEGhaIIVD6TuH9k1XqTgCBAgQIECAQAMCQqEGmqAEAgQIECBAgAABAgQIECBA4GSBr2KG/cmzmIAAAQIECBAgMLCAUGjg5toaAQIECBAgQIAAAQIECBCYTCAFQ9eT7dl2CRAgQIAAAQJHCwiFjqZyIQECBAgQIECAAAECBAgQINCBQPo9Q7sO6lQiAQIECBAgQKC4gFCoOLkFCRAgQIAAAQIECBAgQIAAgY0F9hvPb3oCBAgQIECAQJcCQqEu26ZoAgQIECBAgAABAgQIECBA4BMC5/Hc1See9xQBAgQIECBAYEoBodCUbbdpAgQIECBAgAABAgQIECAwvMCr4XdogwQIECBAgACBJwoIhZ4I5nICBAgQIECAAAECBAgQIECgC4HnUeVlF5UqkgABAgQIECBQSEAoVAjaMgQIECBAgAABAgQIECBAgEBxgV3xFS1IgAABAgQIEGhYQCjUcHOURoAAAQIECBAgQIAAAQIECJwk4DuFTuJzMwECBAgQIDCagFBotI7aDwECBAgQIECAAAECBAgQIHAncHF34k8CBAgQIECAAIHPPhMKeRUQIECAAAECBAgQIECAAAECowqcjbox+yJAgAABAgQIrBEQCq1Rcw8BAgQIECBAgAABAgQIECDQg8DzHopUIwECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQIECAAAECBAgQIFBRQChUEd/SBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSAkKhUtLWIUCAAAECBAgQIECAAAECBAgQIECAAAECBAhUFBAKVcS3NAECBAgQIECAAAECBAgQIECAAAECBAgQIECglIBQqJS0dQgQIECAAAECBAgQIECAAAECBAgQIECAAAECFQWEQhXxLU2AAAECBAgQIECAAAECBAgQIECAAAECBAgQKCUgFColbR0CBAgQIECAAAECBAgQIECAAAECBAgQIECAQEUBoVBFfEsTIECAAAECBAgQIECAAAECBAgQIECAAAECBEoJCIVKSVuHAAECBAgQIECAAAECBAgQKC3wfekFrUeAwGqB29V3upEAAQIEjhYQCh1N5UICBAgQIECAAAECBAgQIECAAAECBDYSeLfRvKYlQIAAgQ8EhEIfYDgl0IiAr4xppBGVyzhUXt/yBAj8VsDfzb/18BYBAgQIEOhF4NBLoZ3W+VOndSubAAECvQjc9FKoOvsRSKHQz/2Uq9IGBG4aqGH0EnxlzOgdPm5/h+Muc9UJAjcn3OvW+QT83bxdz2+2m9rMBAgQIEDgM/+Gb/siOGw7vdknE/D/62QNt92jBX44+koXEnhc4PsUCvkL93EoV/xTwFcAlXklvC2zjFUaFviu4dpGKs2/fyN1c/u93Gy/xNQreB9j6vbbPAECBDYV8PHVpryf3Ww7vdknE/Ax2mQNt92jBfZHX+lCAo8LvBUKPY7kil8F/OP8q8WWZ8nZJ8e2FG5/7pv2SxyiQs5DtLHIJt4UWWXuRXzCbu7+2z0BAgS2EkhfWX3YanLz/iLg8wReCLkE0udBDrkmMw+BwQR8vDRYQytvZ59CoX3lIizfj4C/gMr1al9uKSs1JpB+pOe+sZpGLec2NuaT/aN2N+++9nmnM9tHBLyP8REUDxEgQIDAyQKvT57BBI8JpH/D08cwDgKnCnh/8FRB948scIjN+fzFyB0ut7e/xlK3n79f7xB/nr8/9weBjwmkd/IuYtx+7EmPZRc4ixnfxfD/ZXba5if8c1R43XyV4xR4EVv5cZzt2MkGAt/FnC83mNeUvxc4xEP+3fu9i0cIECBAYJ3AD3Hb5bpb3fVEgeu4/psn3uNyAvcF/hAPHO4/6G0CBBaBizhLnyt8tjzihMDTBJbP76fvFErH9S//9R8CDwu8jqduH37aM5kFkvVV5jlN177AT1Fi+n/NUU7gEEv9tdxyVupMIL3D9Kqzmnsul3XP3VM7gf9v797V20qz9AA/3e7AWXOyyYTJnImT2ZHQmbPiZHYkVOas2FdQ6Cto1hUUlDkbVjZZ78qcNZU5G+gKjMqc9XyrJLZOJAgC+4j9/s+zBGAf1lr/u3HeJEWAwPgEVuNr6Ww7qs8w9b7JIHCswJvsuD12Z/sRmInANvP0mWkmB7ujaa6Sd1e5/1P9k3GX+JfEP9YNg8AXAvVF9Srx/79Y7ma3Atuk/01imTDmIVDPw/93HlMd1Sz/Ld14DRzVIRlNM/8znfyf0XRz/o3U898/J/7L+U/VDAkQIECgY4E/Jv9txzWk/yhQ3xXU6/j/+LjINQIHC/ySLf97ou5HBgEC+wXqO/x/SPzX/ZtZS+ArgXpvtLlfev+bQnX7KlFPxAaBTwXqPlH3jd2nC13vTWCdSvUTM8b5C3ybKTbnP83RznCZzrwGjvbwDNJYPSZvB6k876KrTP/tvAnMngABAgROFKjPTzcn5rD78wXqfdMPz9/NHjMXqM9gy4TvnGZ+RzD9ZwlcZ2vfFT6LbPYb/ykCn703uv9NoZKpJ+B/S9RPxf7nhEHg/sX5DsWgArep/pvEctAuFO9S4Nsk33RZQO4nBeqn0uo18L8l/vHJrW1wzgL12lfvhf73OU9yxHOrx2LZ12NxkTAIECBAgMBzBOqkxP96zg62bVWg3k/77Noq6Vkn853TWR9ek+tYoL4rfJe46riO9NMXqO8cbw6ZxkU2qjvW38SsDZoc/0XCGI/AMq1sEx6b52NQx3OZMMYj4DXwfB5fxzxXNrkrLsZzd5x9J+sI7BLHHEv7cHMfcB9wH5jXfaBeL64SxjgElmljm/A4ZPDYfWCT+0d99jIIEDhN4DK73yUee6xZPl+bJveLun88eyyzxybhzjMvg9sc82XCGK/AKq1tEx6b0zWo47dOXCSMcQos01aT8Dibh0Ed66uEMT6Bep5cJ7YJj0cG7gPuA+4D7gNf3gfq9WGd8L46CCMcq/TUJL48bm7P02SX+8ImcZkwCBBoV2CVdHcJz68MmtwPVom94zd7175fWW+ulol60q6o2zVevb/w70QF3qbv3Yfem1zeJeryflmuGiMXuEx/V4m6vEgsEi8SxrgE6lfi7z601OTyPj4scjFygUX6u3+c1fV6rL1MGNMVuH/922YK9di8TdR1Y/wCl2lxmVgk6nqNi4TH5K8U/iFAgMDZC7zLDLcfZtnk8j4+LHIxYoF6vV4m7l/L71v1vdK9xHldfvoZeJupVTQfIhcGAQIdCiyS+ypRz7d1vYbn2vcO5/jvzx8mtc1l8yHqukGAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQmKvAbz5MfJXLxYfrLp4nsMvmd4nmebsNtvUilS8/xGBNtFB4mxwVTcL4WmCZRRVtjCZJKoYcyxSv++3FkE20ULueKyq2LeQ6NsUyO1bMaTSZ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" />
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/svelte.config.js b/svelte.config.js
index b425b5de9..106dbd4a9 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -10,6 +10,9 @@ const config = {
         accessors: process.env.VITEST
     },
     kit: {
+        alias: {
+            $routes: './src/routes'
+        },
         adapter: adapter({
             fallback: 'index.html'
         }),
diff --git a/tests/unit/elements/form.test.ts b/tests/unit/elements/form.test.ts
new file mode 100644
index 000000000..92c8cfc75
--- /dev/null
+++ b/tests/unit/elements/form.test.ts
@@ -0,0 +1,96 @@
+import '@testing-library/jest-dom';
+import { vi } from 'vitest';
+import { render } from '@testing-library/svelte';
+import { Form } from '../../../src/lib/elements/forms';
+import { sleep } from '$lib/helpers/promises';
+import CompleteForm from '../../../src/lib/mock/form.test.svelte';
+import { tick } from 'svelte';
+
+test('shows form', () => {
+    const { container } = render(Form, {
+        onSubmit: vi.fn()
+    });
+    const form = container.querySelector('form');
+    expect(form).toBeInTheDocument();
+    expect(form).toHaveClass('form');
+    expect(form).toHaveClass('common-section');
+    expect(form).not.toHaveClass('modal-form');
+});
+
+test('shows form - no margin', () => {
+    const { container } = render(Form, {
+        noMargin: true,
+        onSubmit: vi.fn()
+    });
+    const form = container.querySelector('form');
+    expect(form).toHaveClass('form');
+    expect(form).not.toHaveClass('common-section');
+    expect(form).not.toHaveClass('modal-form');
+});
+
+test('shows form - no style', () => {
+    const { container } = render(Form, {
+        noStyle: true,
+        onSubmit: vi.fn()
+    });
+    const form = container.querySelector('form');
+    expect(form).toHaveClass('common-section');
+    expect(form).not.toHaveClass('form');
+    expect(form).not.toHaveClass('modal-form');
+});
+
+test('shows form - is modal', () => {
+    const { container } = render(Form, {
+        isModal: true,
+        onSubmit: vi.fn()
+    });
+    const form = container.querySelector('form');
+    expect(form).toHaveClass('form');
+    expect(form).toHaveClass('common-section');
+    expect(form).toHaveClass('modal-form');
+});
+
+test('shows form - submitting', async () => {
+    const callback = vi.fn();
+    const { container } = render(Form, {
+        onSubmit: callback
+    });
+    const form = container.querySelector('form');
+    form.requestSubmit();
+    expect(callback.mock.calls.length).toBe(1);
+});
+
+test('shows form - submitting promise', async () => {
+    const callback = vi.fn();
+    const { container } = render(Form, {
+        onSubmit: async () => {
+            await sleep(100);
+            callback();
+        }
+    });
+    const form = container.querySelector('form');
+    form.requestSubmit();
+    expect(callback.mock.calls.length).toBe(0);
+    await sleep(200);
+    expect(callback.mock.calls.length).toBe(1);
+});
+
+test('shows form - prevent double submit', async () => {
+    const { container } = render(CompleteForm, {
+        onSubmit: async () => {
+            await sleep(100);
+        }
+    });
+    const form = container.querySelector('form');
+    const submit = container.querySelector('button[type="submit"]');
+    const button = container.querySelector('button[type="button"]');
+    expect(submit).toBeEnabled();
+    expect(button).toBeEnabled();
+    form.requestSubmit();
+    await tick();
+    expect(submit).toBeDisabled();
+    expect(button).toBeEnabled();
+    await sleep(200);
+    expect(submit).toBeEnabled();
+    expect(button).toBeEnabled();
+});
diff --git a/tests/unit/helpers/project.test.ts b/tests/unit/helpers/project.test.ts
new file mode 100644
index 000000000..6e1d5b6e5
--- /dev/null
+++ b/tests/unit/helpers/project.test.ts
@@ -0,0 +1,47 @@
+import { getProjectId } from '$lib/helpers/project';
+import { vi } from 'vitest';
+
+test('getProjectId', () => {
+    const tests: Array<{
+        pathname: string;
+        expected: string | null;
+    }> = [
+        {
+            pathname: '/console/project-6374e9031588b25d1841/databases',
+            expected: '6374e9031588b25d1841'
+        },
+        {
+            pathname: '/console/project-/databases',
+            expected: null
+        },
+        {
+            pathname: '/console/project-project-project-abc/databases',
+            expected: 'project-project-abc'
+        },
+        {
+            pathname: '/console/project-abc/databases',
+            expected: 'abc'
+        },
+        {
+            pathname: '/console/project-abc/databases/project-123',
+            expected: 'abc'
+        },
+        {
+            pathname: '/console/project-abc/databases/project-123/project-456',
+            expected: 'abc'
+        },
+
+        {
+            pathname: '/console',
+            expected: null
+        }
+    ];
+
+    for (const { pathname, expected } of tests) {
+        vi.stubGlobal('location', {
+            ...window.location,
+            pathname
+        });
+        expect(getProjectId()).toBe(expected);
+    }
+});
diff --git a/tests/unit/layout/wizard.test.ts b/tests/unit/layout/wizard.test.ts
index 10defbf74..05e353df5 100644
--- a/tests/unit/layout/wizard.test.ts
+++ b/tests/unit/layout/wizard.test.ts
@@ -1,5 +1,6 @@
 import '@testing-library/jest-dom';
 import { render } from '@testing-library/svelte';
+import { sleep } from '$lib/helpers/promises';
 import { wizard } from '../../../src/lib/stores/wizard';
 import { tick } from 'svelte';
 import userEvent from '@testing-library/user-event';
@@ -45,12 +46,12 @@ test('shows wizard and hides it', async () => {
 });
 
 test('shows next step with submit', async () => {
-    const { container, getByRole, queryByText } = render(WizardContainer);
+    const { container, queryByText } = render(WizardContainer);
 
     wizard.start(WizardComponent);
     await tick();
 
-    const form = getByRole('form') as HTMLFormElement;
+    const form = container.querySelector('form') as HTMLFormElement;
     const step1 = queryByText('step-1');
     const step1Required = container.querySelector('#step-1-required');
     const step1Optional = container.querySelector('#step-1-optional');
@@ -60,7 +61,7 @@ test('shows next step with submit', async () => {
     expect(step1Optional).toBeInTheDocument();
 
     form.dispatchEvent(new Event('submit'));
-    await tick();
+    await sleep(100);
 
     expect(step1).not.toBeInTheDocument();
 
@@ -81,12 +82,12 @@ test('shows next step with submit', async () => {
 });
 
 test('intercepts submit', async () => {
-    const { container, getByRole, queryByText } = render(WizardContainer);
+    const { container, queryByText } = render(WizardContainer);
 
     wizard.start(WizardComponent);
     await tick();
 
-    const form = getByRole('form') as HTMLFormElement;
+    const form = container.querySelector('form') as HTMLFormElement;
     const step1 = queryByText('step-1');
     const step1Required = container.querySelector('#step-1-required');
     const step1Optional = container.querySelector('#step-1-optional');
@@ -98,7 +99,7 @@ test('intercepts submit', async () => {
     await userEvent.type(step1Required, 'fail');
 
     form.dispatchEvent(new Event('submit'));
-    await tick();
+    await sleep(100);
 
     expect(step1).toBeInTheDocument();
     expect(step1Required).toBeInTheDocument();
@@ -106,7 +107,7 @@ test('intercepts submit', async () => {
 
     await userEvent.type(step1Required, 'works');
     form.dispatchEvent(new Event('submit'));
-    await tick();
+    await sleep(100);
 
     expect(step1).not.toBeInTheDocument();
 
diff --git a/vite.config.js b/vite.config.ts
similarity index 84%
rename from vite.config.js
rename to vite.config.ts
index 1542dc4ea..58cca1678 100644
--- a/vite.config.js
+++ b/vite.config.ts
@@ -1,7 +1,7 @@
+import { defineConfig } from 'vitest/config';
 import { sveltekit } from '@sveltejs/kit/vite';
 
-/** @type {import('vite').UserConfig} */
-const config = {
+const config = defineConfig({
     plugins: [sveltekit()],
     optimizeDeps: {
         include: ['echarts', 'prismjs']
@@ -18,16 +18,15 @@ const config = {
     server: {
         port: 3000
     }
-};
+});
 
-/** @type {import('vite').UserConfig} */
-const testConfig = {
+const testConfig = defineConfig({
     resolve: {
         // hotfix for https://github.com/vitest-dev/vitest/issues/2834
         conditions: ['browser']
     },
     test: {
-        include: ['tests/**/*.test.ts'],
+        include: ['tests/unit/**/*.test.ts'],
         environment: 'jsdom',
         globals: true,
         threads: true,
@@ -36,7 +35,7 @@ const testConfig = {
             inline: ['@analytics/type-utils']
         }
     }
-};
+});
 
 export default process.env.VITEST
     ? {