diff --git a/package.json b/package.json
index 9b153b6d..08dbebcb 100644
--- a/package.json
+++ b/package.json
@@ -21,26 +21,25 @@
 	"dependencies": {
 		"@tauri-apps/api": "^1.4.0",
 		"overlayscrollbars": "^2.2.0",
-		"overlayscrollbars-svelte": "^0.4.0",
 		"tauri-plugin-autostart-api": "github:tauri-apps/tauri-plugin-autostart"
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-static": "^2.0.2",
 		"@sveltejs/adapter-vercel": "^3.0.1",
-		"@sveltejs/kit": "^1.20.4",
+		"@sveltejs/kit": "^1.21.0",
 		"@tauri-apps/cli": "^1.4.0",
-		"@typescript-eslint/eslint-plugin": "^5.60.0",
-		"@typescript-eslint/parser": "^5.60.0",
-		"eslint": "^8.43.0",
+		"@typescript-eslint/eslint-plugin": "^5.60.1",
+		"@typescript-eslint/parser": "^5.60.1",
+		"eslint": "^8.44.0",
 		"eslint-config-prettier": "^8.8.0",
 		"eslint-plugin-svelte3": "^4.0.0",
 		"prettier": "^2.8.8",
 		"prettier-plugin-svelte": "^2.10.1",
 		"sass": "^1.63.6",
-		"svelte": "^4.0.0",
+		"svelte": "^4.0.1",
 		"svelte-check": "^3.4.4",
-		"tslib": "^2.5.3",
-		"typescript": "^5.1.3",
+		"tslib": "^2.6.0",
+		"typescript": "^5.1.6",
 		"vite": "^4.3.9"
 	},
 	"packageManager": "pnpm@8.6.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 72822cbd..1c2ce8b8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: '6.1'
+lockfileVersion: '6.0'
 
 settings:
   autoInstallPeers: true
@@ -11,9 +11,6 @@ dependencies:
   overlayscrollbars:
     specifier: ^2.2.0
     version: 2.2.0
-  overlayscrollbars-svelte:
-    specifier: ^0.4.0
-    version: 0.4.0(overlayscrollbars@2.2.0)(svelte@4.0.0)
   tauri-plugin-autostart-api:
     specifier: github:tauri-apps/tauri-plugin-autostart
     version: github.com/tauri-apps/tauri-plugin-autostart/b331e5700ca2a5d340563efab7398c61812c69f7
@@ -21,64 +18,70 @@ dependencies:
 devDependencies:
   '@sveltejs/adapter-static':
     specifier: ^2.0.2
-    version: 2.0.2(@sveltejs/kit@1.20.4)
+    version: 2.0.2(@sveltejs/kit@1.21.0)
   '@sveltejs/adapter-vercel':
     specifier: ^3.0.1
-    version: 3.0.1(@sveltejs/kit@1.20.4)
+    version: 3.0.1(@sveltejs/kit@1.21.0)
   '@sveltejs/kit':
-    specifier: ^1.20.4
-    version: 1.20.4(svelte@4.0.0)(vite@4.3.9)
+    specifier: ^1.21.0
+    version: 1.21.0(svelte@4.0.1)(vite@4.3.9)
   '@tauri-apps/cli':
     specifier: ^1.4.0
     version: 1.4.0
   '@typescript-eslint/eslint-plugin':
-    specifier: ^5.60.0
-    version: 5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3)
+    specifier: ^5.60.1
+    version: 5.60.1(@typescript-eslint/parser@5.60.1)(eslint@8.44.0)(typescript@5.1.6)
   '@typescript-eslint/parser':
-    specifier: ^5.60.0
-    version: 5.60.0(eslint@8.43.0)(typescript@5.1.3)
+    specifier: ^5.60.1
+    version: 5.60.1(eslint@8.44.0)(typescript@5.1.6)
   eslint:
-    specifier: ^8.43.0
-    version: 8.43.0
+    specifier: ^8.44.0
+    version: 8.44.0
   eslint-config-prettier:
     specifier: ^8.8.0
-    version: 8.8.0(eslint@8.43.0)
+    version: 8.8.0(eslint@8.44.0)
   eslint-plugin-svelte3:
     specifier: ^4.0.0
-    version: 4.0.0(eslint@8.43.0)(svelte@4.0.0)
+    version: 4.0.0(eslint@8.44.0)(svelte@4.0.1)
   prettier:
     specifier: ^2.8.8
     version: 2.8.8
   prettier-plugin-svelte:
     specifier: ^2.10.1
-    version: 2.10.1(prettier@2.8.8)(svelte@4.0.0)
+    version: 2.10.1(prettier@2.8.8)(svelte@4.0.1)
   sass:
     specifier: ^1.63.6
     version: 1.63.6
   svelte:
-    specifier: ^4.0.0
-    version: 4.0.0
+    specifier: ^4.0.1
+    version: 4.0.1
   svelte-check:
     specifier: ^3.4.4
-    version: 3.4.4(sass@1.63.6)(svelte@4.0.0)
+    version: 3.4.4(sass@1.63.6)(svelte@4.0.1)
   tslib:
-    specifier: ^2.5.3
-    version: 2.5.3
+    specifier: ^2.6.0
+    version: 2.6.0
   typescript:
-    specifier: ^5.1.3
-    version: 5.1.3
+    specifier: ^5.1.6
+    version: 5.1.6
   vite:
     specifier: ^4.3.9
     version: 4.3.9(sass@1.63.6)
 
 packages:
 
+  /@aashutoshrathi/word-wrap@1.2.6:
+    resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   /@ampproject/remapping@2.2.1:
     resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
     engines: {node: '>=6.0.0'}
     dependencies:
       '@jridgewell/gen-mapping': 0.3.3
       '@jridgewell/trace-mapping': 0.3.18
+    dev: true
 
   /@esbuild/android-arm64@0.17.19:
     resolution: {integrity: sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==}
@@ -278,13 +281,13 @@ packages:
     dev: true
     optional: true
 
-  /@eslint-community/eslint-utils@4.4.0(eslint@8.43.0):
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.44.0):
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
-      eslint: 8.43.0
+      eslint: 8.44.0
       eslint-visitor-keys: 3.4.1
     dev: true
 
@@ -293,13 +296,13 @@ packages:
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
-  /@eslint/eslintrc@2.0.3:
-    resolution: {integrity: sha512-+5gy6OQfk+xx3q0d6jGZZC3f3KzAkXc/IanVxd1is/VIIziRqqt3ongQz0FiTUXqTk0c7aDB3OaFuKnuSoJicQ==}
+  /@eslint/eslintrc@2.1.0:
+    resolution: {integrity: sha512-Lj7DECXqIVCqnqjjHMPna4vn6GJcMgul/wuS0je9OZ9gsL0zzDpKPVtcG1HaDVc+9y+qgXneTeUMbCqXJNpH1A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
       debug: 4.3.4
-      espree: 9.5.2
+      espree: 9.6.0
       globals: 13.20.0
       ignore: 5.2.4
       import-fresh: 3.3.0
@@ -310,8 +313,8 @@ packages:
       - supports-color
     dev: true
 
-  /@eslint/js@8.43.0:
-    resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==}
+  /@eslint/js@8.44.0:
+    resolution: {integrity: sha512-Ag+9YM4ocKQx9AarydN0KY2j0ErMHNIocPDrVo8zAE44xLTjEtz81OdR68/cydGtk6m6jDb5Za3r2useMzYmSw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
@@ -342,26 +345,32 @@ packages:
       '@jridgewell/set-array': 1.1.2
       '@jridgewell/sourcemap-codec': 1.4.15
       '@jridgewell/trace-mapping': 0.3.18
+    dev: true
 
   /@jridgewell/resolve-uri@3.1.0:
     resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
     engines: {node: '>=6.0.0'}
+    dev: true
 
   /@jridgewell/set-array@1.1.2:
     resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
     engines: {node: '>=6.0.0'}
+    dev: true
 
   /@jridgewell/sourcemap-codec@1.4.14:
     resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
+    dev: true
 
   /@jridgewell/sourcemap-codec@1.4.15:
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+    dev: true
 
   /@jridgewell/trace-mapping@0.3.18:
     resolution: {integrity: sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==}
     dependencies:
       '@jridgewell/resolve-uri': 3.1.0
       '@jridgewell/sourcemap-codec': 1.4.14
+    dev: true
 
   /@mapbox/node-pre-gyp@1.0.10:
     resolution: {integrity: sha512-4ySo4CjzStuprMwk35H5pPbkymjv1SF3jGLj6rAHp/xT/RF7TL7bd9CTm1xDY49K2qF7jmR/g7k+SkLETP6opA==}
@@ -414,20 +423,20 @@ packages:
       picomatch: 2.3.1
     dev: true
 
-  /@sveltejs/adapter-static@2.0.2(@sveltejs/kit@1.20.4):
+  /@sveltejs/adapter-static@2.0.2(@sveltejs/kit@1.21.0):
     resolution: {integrity: sha512-9wYtf6s6ew7DHUHMrt55YpD1FgV7oWql2IGsW5BXquLxqcY9vjrqCFo0TzzDpo+ZPZkW/v77k0eOP6tsAb8HmQ==}
     peerDependencies:
       '@sveltejs/kit': ^1.5.0
     dependencies:
-      '@sveltejs/kit': 1.20.4(svelte@4.0.0)(vite@4.3.9)
+      '@sveltejs/kit': 1.21.0(svelte@4.0.1)(vite@4.3.9)
     dev: true
 
-  /@sveltejs/adapter-vercel@3.0.1(@sveltejs/kit@1.20.4):
+  /@sveltejs/adapter-vercel@3.0.1(@sveltejs/kit@1.21.0):
     resolution: {integrity: sha512-PBY3YRm7Q7Prax07mxD/rvcho2CntGkYncAIkz2DtG5NTcVG5JZ1RM627it5zYYtc2/RB3YjMkZuCMBqDCiPkA==}
     peerDependencies:
       '@sveltejs/kit': ^1.5.0
     dependencies:
-      '@sveltejs/kit': 1.20.4(svelte@4.0.0)(vite@4.3.9)
+      '@sveltejs/kit': 1.21.0(svelte@4.0.1)(vite@4.3.9)
       '@vercel/nft': 0.22.6
       esbuild: 0.17.19
     transitivePeerDependencies:
@@ -435,8 +444,8 @@ packages:
       - supports-color
     dev: true
 
-  /@sveltejs/kit@1.20.4(svelte@4.0.0)(vite@4.3.9):
-    resolution: {integrity: sha512-MmAzIuMrP7A+8fqDVbxm6ekGHRHL/+Fk8sQPAzPG4G2TxUDtHdn/WcIxeEqHzARMf0OtGSC+VPyOSFuw2Cy2Mg==}
+  /@sveltejs/kit@1.21.0(svelte@4.0.1)(vite@4.3.9):
+    resolution: {integrity: sha512-CBsYoI34SjtOQp0eG85dmVnvTR3Pjs8VgAQhO0CgQja9BIorKl808F1X8EunPhCcyek5r5lKQE1Mmbi0RuzHqA==}
     engines: {node: ^16.14 || >=18}
     hasBin: true
     requiresBuild: true
@@ -444,7 +453,7 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.1(svelte@4.0.0)(vite@4.3.9)
+      '@sveltejs/vite-plugin-svelte': 2.4.2(svelte@4.0.1)(vite@4.3.9)
       '@types/cookie': 0.5.1
       cookie: 0.5.0
       devalue: 4.3.2
@@ -455,43 +464,43 @@ packages:
       sade: 1.8.1
       set-cookie-parser: 2.6.0
       sirv: 2.0.3
-      svelte: 4.0.0
+      svelte: 4.0.1
       undici: 5.22.1
       vite: 4.3.9(sass@1.63.6)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte-inspector@1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.0.0)(vite@4.3.9):
-    resolution: {integrity: sha512-Cy1dUMcYCnDVV/hPLXa43YZJ2jGKVW5rA0xuNL9dlmYhT0yoS1g7+FOFSRlgk0BXKk/Oc7grs+8BVA5Iz2fr8A==}
+  /@sveltejs/vite-plugin-svelte-inspector@1.0.3(@sveltejs/vite-plugin-svelte@2.4.2)(svelte@4.0.1)(vite@4.3.9):
+    resolution: {integrity: sha512-Khdl5jmmPN6SUsVuqSXatKpQTMIifoQPDanaxC84m9JxIibWvSABJyHpyys0Z+1yYrxY5TTEQm+6elh0XCMaOA==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
       '@sveltejs/vite-plugin-svelte': ^2.2.0
-      svelte: ^3.54.0 || ^4.0.0-next.0
+      svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.1(svelte@4.0.0)(vite@4.3.9)
+      '@sveltejs/vite-plugin-svelte': 2.4.2(svelte@4.0.1)(vite@4.3.9)
       debug: 4.3.4
-      svelte: 4.0.0
+      svelte: 4.0.1
       vite: 4.3.9(sass@1.63.6)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.0.0)(vite@4.3.9):
-    resolution: {integrity: sha512-bNNKvoRY89ptY7udeBSCmTdCVwkjmMcZ0j/z9J5MuedT8jPjq0zrknAo/jF1sToAza4NVaAgR9AkZoD9oJJmnA==}
+  /@sveltejs/vite-plugin-svelte@2.4.2(svelte@4.0.1)(vite@4.3.9):
+    resolution: {integrity: sha512-ePfcC48ftMKhkT0OFGdOyycYKnnkT6i/buzey+vHRTR/JpQvuPzzhf1PtKqCDQfJRgoPSN2vscXs6gLigx/zGw==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0-next.0
+      svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.0.0)(vite@4.3.9)
+      '@sveltejs/vite-plugin-svelte-inspector': 1.0.3(@sveltejs/vite-plugin-svelte@2.4.2)(svelte@4.0.1)(vite@4.3.9)
       debug: 4.3.4
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.0
-      svelte: 4.0.0
-      svelte-hmr: 0.15.2(svelte@4.0.0)
+      svelte: 4.0.1
+      svelte-hmr: 0.15.2(svelte@4.0.1)
       vite: 4.3.9(sass@1.63.6)
       vitefu: 0.2.4(vite@4.3.9)
     transitivePeerDependencies:
@@ -616,6 +625,7 @@ packages:
 
   /@types/estree@1.0.1:
     resolution: {integrity: sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==}
+    dev: true
 
   /@types/json-schema@7.0.12:
     resolution: {integrity: sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==}
@@ -629,8 +639,8 @@ packages:
     resolution: {integrity: sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==}
     dev: true
 
-  /@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@5.60.0)(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-78B+anHLF1TI8Jn/cD0Q00TBYdMgjdOn980JfAVa9yw5sop8nyTfVOQAv6LWywkOGLclDBtv5z3oxN4w7jxyNg==}
+  /@typescript-eslint/eslint-plugin@5.60.1(@typescript-eslint/parser@5.60.1)(eslint@8.44.0)(typescript@5.1.6):
+    resolution: {integrity: sha512-KSWsVvsJsLJv3c4e73y/Bzt7OpqMCADUO846bHcuWYSYM19bldbAeDv7dYyV0jwkbMfJ2XdlzwjhXtuD7OY6bw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -641,24 +651,24 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': 4.5.1
-      '@typescript-eslint/parser': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/scope-manager': 5.60.0
-      '@typescript-eslint/type-utils': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
-      '@typescript-eslint/utils': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/parser': 5.60.1(eslint@8.44.0)(typescript@5.1.6)
+      '@typescript-eslint/scope-manager': 5.60.1
+      '@typescript-eslint/type-utils': 5.60.1(eslint@8.44.0)(typescript@5.1.6)
+      '@typescript-eslint/utils': 5.60.1(eslint@8.44.0)(typescript@5.1.6)
       debug: 4.3.4
-      eslint: 8.43.0
+      eslint: 8.44.0
       grapheme-splitter: 1.0.4
       ignore: 5.2.4
       natural-compare-lite: 1.4.0
-      semver: 7.5.2
-      tsutils: 3.21.0(typescript@5.1.3)
-      typescript: 5.1.3
+      semver: 7.5.3
+      tsutils: 3.21.0(typescript@5.1.6)
+      typescript: 5.1.6
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser@5.60.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-jBONcBsDJ9UoTWrARkRRCgDz6wUggmH5RpQVlt7BimSwaTkTjwypGzKORXbR4/2Hqjk9hgwlon2rVQAjWNpkyQ==}
+  /@typescript-eslint/parser@5.60.1(eslint@8.44.0)(typescript@5.1.6):
+    resolution: {integrity: sha512-pHWlc3alg2oSMGwsU/Is8hbm3XFbcrb6P5wIxcQW9NsYBfnrubl/GhVVD/Jm/t8HXhA2WncoIRfBtnCgRGV96Q==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -667,26 +677,26 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 5.60.0
-      '@typescript-eslint/types': 5.60.0
-      '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.3)
+      '@typescript-eslint/scope-manager': 5.60.1
+      '@typescript-eslint/types': 5.60.1
+      '@typescript-eslint/typescript-estree': 5.60.1(typescript@5.1.6)
       debug: 4.3.4
-      eslint: 8.43.0
-      typescript: 5.1.3
+      eslint: 8.44.0
+      typescript: 5.1.6
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/scope-manager@5.60.0:
-    resolution: {integrity: sha512-hakuzcxPwXi2ihf9WQu1BbRj1e/Pd8ZZwVTG9kfbxAMZstKz8/9OoexIwnmLzShtsdap5U/CoQGRCWlSuPbYxQ==}
+  /@typescript-eslint/scope-manager@5.60.1:
+    resolution: {integrity: sha512-Dn/LnN7fEoRD+KspEOV0xDMynEmR3iSHdgNsarlXNLGGtcUok8L4N71dxUgt3YvlO8si7E+BJ5Fe3wb5yUw7DQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.60.0
-      '@typescript-eslint/visitor-keys': 5.60.0
+      '@typescript-eslint/types': 5.60.1
+      '@typescript-eslint/visitor-keys': 5.60.1
     dev: true
 
-  /@typescript-eslint/type-utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-X7NsRQddORMYRFH7FWo6sA9Y/zbJ8s1x1RIAtnlj6YprbToTiQnM6vxcMu7iYhdunmoC0rUWlca13D5DVHkK2g==}
+  /@typescript-eslint/type-utils@5.60.1(eslint@8.44.0)(typescript@5.1.6):
+    resolution: {integrity: sha512-vN6UztYqIu05nu7JqwQGzQKUJctzs3/Hg7E2Yx8rz9J+4LgtIDFWjjl1gm3pycH0P3mHAcEUBd23LVgfrsTR8A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -695,23 +705,23 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.3)
-      '@typescript-eslint/utils': 5.60.0(eslint@8.43.0)(typescript@5.1.3)
+      '@typescript-eslint/typescript-estree': 5.60.1(typescript@5.1.6)
+      '@typescript-eslint/utils': 5.60.1(eslint@8.44.0)(typescript@5.1.6)
       debug: 4.3.4
-      eslint: 8.43.0
-      tsutils: 3.21.0(typescript@5.1.3)
-      typescript: 5.1.3
+      eslint: 8.44.0
+      tsutils: 3.21.0(typescript@5.1.6)
+      typescript: 5.1.6
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/types@5.60.0:
-    resolution: {integrity: sha512-ascOuoCpNZBccFVNJRSC6rPq4EmJ2NkuoKnd6LDNyAQmdDnziAtxbCGWCbefG1CNzmDvd05zO36AmB7H8RzKPA==}
+  /@typescript-eslint/types@5.60.1:
+    resolution: {integrity: sha512-zDcDx5fccU8BA0IDZc71bAtYIcG9PowaOwaD8rjYbqwK7dpe/UMQl3inJ4UtUK42nOCT41jTSCwg76E62JpMcg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.3):
-    resolution: {integrity: sha512-R43thAuwarC99SnvrBmh26tc7F6sPa2B3evkXp/8q954kYL6Ro56AwASYWtEEi+4j09GbiNAHqYwNNZuNlARGQ==}
+  /@typescript-eslint/typescript-estree@5.60.1(typescript@5.1.6):
+    resolution: {integrity: sha512-hkX70J9+2M2ZT6fhti5Q2FoU9zb+GeZK2SLP1WZlvUDqdMbEKhexZODD1WodNRyO8eS+4nScvT0dts8IdaBzfw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -719,43 +729,43 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 5.60.0
-      '@typescript-eslint/visitor-keys': 5.60.0
+      '@typescript-eslint/types': 5.60.1
+      '@typescript-eslint/visitor-keys': 5.60.1
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
-      semver: 7.5.2
-      tsutils: 3.21.0(typescript@5.1.3)
-      typescript: 5.1.3
+      semver: 7.5.3
+      tsutils: 3.21.0(typescript@5.1.6)
+      typescript: 5.1.6
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils@5.60.0(eslint@8.43.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-ba51uMqDtfLQ5+xHtwlO84vkdjrqNzOnqrnwbMHMRY8Tqeme8C2Q8Fc7LajfGR+e3/4LoYiWXUM6BpIIbHJ4hQ==}
+  /@typescript-eslint/utils@5.60.1(eslint@8.44.0)(typescript@5.1.6):
+    resolution: {integrity: sha512-tiJ7FFdFQOWssFa3gqb94Ilexyw0JVxj6vBzaSpfN/8IhoKkDuSAenUKvsSHw2A/TMpJb26izIszTXaqygkvpQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.44.0)
       '@types/json-schema': 7.0.12
       '@types/semver': 7.5.0
-      '@typescript-eslint/scope-manager': 5.60.0
-      '@typescript-eslint/types': 5.60.0
-      '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.3)
-      eslint: 8.43.0
+      '@typescript-eslint/scope-manager': 5.60.1
+      '@typescript-eslint/types': 5.60.1
+      '@typescript-eslint/typescript-estree': 5.60.1(typescript@5.1.6)
+      eslint: 8.44.0
       eslint-scope: 5.1.1
-      semver: 7.5.2
+      semver: 7.5.3
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  /@typescript-eslint/visitor-keys@5.60.0:
-    resolution: {integrity: sha512-wm9Uz71SbCyhUKgcaPRauBdTegUyY/ZWl8gLwD/i/ybJqscrrdVSFImpvUz16BLPChIeKBK5Fa9s6KDQjsjyWw==}
+  /@typescript-eslint/visitor-keys@5.60.1:
+    resolution: {integrity: sha512-xEYIxKcultP6E/RMKqube11pGjXH1DCo60mQoWhVYyKfLkwbIVVjYxmOenNMxILx0TjCujPTjjnTIVzm09TXIw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.60.0
+      '@typescript-eslint/types': 5.60.1
       eslint-visitor-keys: 3.4.1
     dev: true
 
@@ -802,6 +812,7 @@ packages:
     resolution: {integrity: sha512-jaVNAFBHNLXspO543WnNNPZFRtavh3skAkITqD0/2aeMkKZTN+254PyhwxFYrk3vQ1xfY+2wbesJMs/JC8/PwQ==}
     engines: {node: '>=0.4.0'}
     hasBin: true
+    dev: true
 
   /agent-base@6.0.2:
     resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
@@ -857,10 +868,11 @@ packages:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
     dev: true
 
-  /aria-query@5.2.1:
-    resolution: {integrity: sha512-7uFg4b+lETFgdaJyETnILsXgnnzVnkHcgRbwbPwevm5x/LmUlt3MjczMRe1zg824iBgXZNRPTBftNYyRSKLp2g==}
+  /aria-query@5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
     dependencies:
       dequal: 2.0.3
+    dev: true
 
   /array-union@2.1.0:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
@@ -875,6 +887,7 @@ packages:
     resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
     dependencies:
       dequal: 2.0.3
+    dev: true
 
   /balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
@@ -957,6 +970,7 @@ packages:
       acorn: 8.9.0
       estree-walker: 3.0.3
       periscopic: 3.1.0
+    dev: true
 
   /color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
@@ -1002,6 +1016,7 @@ packages:
     dependencies:
       mdn-data: 2.0.30
       source-map-js: 1.0.2
+    dev: true
 
   /debug@4.3.4:
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
@@ -1031,6 +1046,7 @@ packages:
   /dequal@2.0.3:
     resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
     engines: {node: '>=6'}
+    dev: true
 
   /detect-indent@6.1.0:
     resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
@@ -1103,23 +1119,23 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /eslint-config-prettier@8.8.0(eslint@8.43.0):
+  /eslint-config-prettier@8.8.0(eslint@8.44.0):
     resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: 8.43.0
+      eslint: 8.44.0
     dev: true
 
-  /eslint-plugin-svelte3@4.0.0(eslint@8.43.0)(svelte@4.0.0):
+  /eslint-plugin-svelte3@4.0.0(eslint@8.44.0)(svelte@4.0.1):
     resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==}
     peerDependencies:
       eslint: '>=8.0.0'
       svelte: ^3.2.0
     dependencies:
-      eslint: 8.43.0
-      svelte: 4.0.0
+      eslint: 8.44.0
+      svelte: 4.0.1
     dev: true
 
   /eslint-scope@5.1.1:
@@ -1143,15 +1159,15 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /eslint@8.43.0:
-    resolution: {integrity: sha512-aaCpf2JqqKesMFGgmRPessmVKjcGXqdlAYLLC3THM8t5nBRZRQ+st5WM/hoJXkdioEXLLbXgclUpM0TXo5HX5Q==}
+  /eslint@8.44.0:
+    resolution: {integrity: sha512-0wpHoUbDUHgNCyvFB5aXLiQVfK9B0at6gUvzy83k4kAsQ/u769TQDX6iKC+aO4upIHO9WSaA3QoXYQDHbNwf1A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.43.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.44.0)
       '@eslint-community/regexpp': 4.5.1
-      '@eslint/eslintrc': 2.0.3
-      '@eslint/js': 8.43.0
+      '@eslint/eslintrc': 2.1.0
+      '@eslint/js': 8.44.0
       '@humanwhocodes/config-array': 0.11.10
       '@humanwhocodes/module-importer': 1.0.1
       '@nodelib/fs.walk': 1.2.8
@@ -1163,7 +1179,7 @@ packages:
       escape-string-regexp: 4.0.0
       eslint-scope: 7.2.0
       eslint-visitor-keys: 3.4.1
-      espree: 9.5.2
+      espree: 9.6.0
       esquery: 1.5.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
@@ -1183,7 +1199,7 @@ packages:
       lodash.merge: 4.6.2
       minimatch: 3.1.2
       natural-compare: 1.4.0
-      optionator: 0.9.1
+      optionator: 0.9.3
       strip-ansi: 6.0.1
       strip-json-comments: 3.1.1
       text-table: 0.2.0
@@ -1195,8 +1211,8 @@ packages:
     resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
     dev: true
 
-  /espree@9.5.2:
-    resolution: {integrity: sha512-7OASN1Wma5fum5SrNhFMAMJxOUAbhyfQ8dQ//PJaJbNw0URTPWqIghHWt1MmAANKhHZIYOHruW4Kw4ruUWOdGw==}
+  /espree@9.6.0:
+    resolution: {integrity: sha512-1FH/IiruXZ84tpUlm0aCUEwMl2Ho5ilqVh0VvQXw+byAz/4SAciyHLlfmL5WYqsvD38oymdUwBss0LtK8m4s/A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       acorn: 8.9.0
@@ -1236,6 +1252,7 @@ packages:
     resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
     dependencies:
       '@types/estree': 1.0.1
+    dev: true
 
   /esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
@@ -1257,6 +1274,17 @@ packages:
       micromatch: 4.0.5
     dev: true
 
+  /fast-glob@3.3.0:
+    resolution: {integrity: sha512-ChDuvbOypPuNjO8yIDf36x7BlZX1smcUMTTcyoIjycexOxd6DFsKsg21qVBzEmr3G7fUKIRy2/psii+CIUt7FA==}
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
+    dev: true
+
   /fast-json-stable-stringify@2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
     dev: true
@@ -1381,7 +1409,7 @@ packages:
     dependencies:
       array-union: 2.1.0
       dir-glob: 3.0.1
-      fast-glob: 3.2.12
+      fast-glob: 3.3.0
       ignore: 5.2.4
       merge2: 1.4.1
       slash: 3.0.0
@@ -1489,6 +1517,7 @@ packages:
     resolution: {integrity: sha512-baJJdQLiYaJdvFbJqXrcGv3WU3QCzBlUcI5QhbesIm6/xPsvmO+2CDoi/GMOFBQEQm+PXkwOPrp9KK5ozZsp2w==}
     dependencies:
       '@types/estree': 1.0.1
+    dev: true
 
   /isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
@@ -1524,6 +1553,7 @@ packages:
 
   /locate-character@3.0.0:
     resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
+    dev: true
 
   /locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
@@ -1555,6 +1585,7 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
+    dev: true
 
   /make-dir@3.1.0:
     resolution: {integrity: sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==}
@@ -1565,6 +1596,7 @@ packages:
 
   /mdn-data@2.0.30:
     resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+    dev: true
 
   /merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
@@ -1711,28 +1743,18 @@ packages:
       wrappy: 1.0.2
     dev: true
 
-  /optionator@0.9.1:
-    resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==}
+  /optionator@0.9.3:
+    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
     engines: {node: '>= 0.8.0'}
     dependencies:
+      '@aashutoshrathi/word-wrap': 1.2.6
       deep-is: 0.1.4
       fast-levenshtein: 2.0.6
       levn: 0.4.1
       prelude-ls: 1.2.1
       type-check: 0.4.0
-      word-wrap: 1.2.3
     dev: true
 
-  /overlayscrollbars-svelte@0.4.0(overlayscrollbars@2.2.0)(svelte@4.0.0):
-    resolution: {integrity: sha512-5liVtMb0WgHu2ngICYS2c5ihEVQ/6rSFCDuymamTO6fS8M1pgfPeUyaQp9dTms+p+yuQmjdNmplR5dGgzgFhkw==}
-    peerDependencies:
-      overlayscrollbars: ^2.0.0
-      svelte: ^3.44.0
-    dependencies:
-      overlayscrollbars: 2.2.0
-      svelte: 4.0.0
-    dev: false
-
   /overlayscrollbars@2.2.0:
     resolution: {integrity: sha512-Sx7gI2TEx+TFvFXJq4BUYM5R4bfWQR2ertdxyzAQ589ouPKKifMBU0/opdCb1bUC7x6sMiSNI1u9ngC0RbMnBg==}
     dev: false
@@ -1784,6 +1806,7 @@ packages:
       '@types/estree': 1.0.1
       estree-walker: 3.0.3
       is-reference: 3.0.1
+    dev: true
 
   /picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
@@ -1808,14 +1831,14 @@ packages:
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  /prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.0.0):
+  /prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.0.1):
     resolution: {integrity: sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==}
     peerDependencies:
       prettier: ^1.16.4 || ^2.0.0
       svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
       prettier: 2.8.8
-      svelte: 4.0.0
+      svelte: 4.0.1
     dev: true
 
   /prettier@2.8.8:
@@ -1935,8 +1958,8 @@ packages:
       lru-cache: 6.0.0
     dev: true
 
-  /semver@7.5.2:
-    resolution: {integrity: sha512-SoftuTROv/cRjCze/scjGyiDtcUyxw1rgYQSZY7XTmtR5hX+dm76iDbTH8TkLPHCQmlbQVSSbNZCPM2hb0knnQ==}
+  /semver@7.5.3:
+    resolution: {integrity: sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==}
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
@@ -1994,6 +2017,7 @@ packages:
   /source-map-js@1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /streamsearch@1.1.0:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
@@ -2041,7 +2065,7 @@ packages:
       has-flag: 4.0.0
     dev: true
 
-  /svelte-check@3.4.4(sass@1.63.6)(svelte@4.0.0):
+  /svelte-check@3.4.4(sass@1.63.6)(svelte@4.0.1):
     resolution: {integrity: sha512-Uys9+R65cj8TmP8f5UpS7B2xKpNLYNxEWJsA5ZoKcWq/uwvABFF7xS6iPQGLoa7hxz0DS6xU60YFpmq06E4JxA==}
     hasBin: true
     peerDependencies:
@@ -2053,9 +2077,9 @@ packages:
       import-fresh: 3.3.0
       picocolors: 1.0.0
       sade: 1.8.1
-      svelte: 4.0.0
-      svelte-preprocess: 5.0.4(sass@1.63.6)(svelte@4.0.0)(typescript@5.1.3)
-      typescript: 5.1.3
+      svelte: 4.0.1
+      svelte-preprocess: 5.0.4(sass@1.63.6)(svelte@4.0.1)(typescript@5.1.6)
+      typescript: 5.1.6
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -2068,16 +2092,16 @@ packages:
       - sugarss
     dev: true
 
-  /svelte-hmr@0.15.2(svelte@4.0.0):
+  /svelte-hmr@0.15.2(svelte@4.0.1):
     resolution: {integrity: sha512-q/bAruCvFLwvNbeE1x3n37TYFb3mTBJ6TrCq6p2CoFbSTNhDE9oAtEfpy+wmc9So8AG0Tja+X0/mJzX9tSfvIg==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
     peerDependencies:
       svelte: ^3.19.0 || ^4.0.0-next.0
     dependencies:
-      svelte: 4.0.0
+      svelte: 4.0.1
     dev: true
 
-  /svelte-preprocess@5.0.4(sass@1.63.6)(svelte@4.0.0)(typescript@5.1.3):
+  /svelte-preprocess@5.0.4(sass@1.63.6)(svelte@4.0.1)(typescript@5.1.6):
     resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==}
     engines: {node: '>= 14.10.0'}
     requiresBuild: true
@@ -2121,19 +2145,19 @@ packages:
       sass: 1.63.6
       sorcery: 0.11.0
       strip-indent: 3.0.0
-      svelte: 4.0.0
-      typescript: 5.1.3
+      svelte: 4.0.1
+      typescript: 5.1.6
     dev: true
 
-  /svelte@4.0.0:
-    resolution: {integrity: sha512-+yCYu3AEUu9n91dnQNGIbnVp8EmNQtuF/YImW4+FTXRHard7NMo+yTsWzggPAbj3fUEJ1FBJLkql/jkp6YB5pg==}
+  /svelte@4.0.1:
+    resolution: {integrity: sha512-7n2u7A5cu8xCY6MBiXh/Mg6Lh3+Mw2qXlTDBYhzvCvmSM4L4gc4MVo540UtGcjqBiA48E1VDW+EUpBr7iuBlPg==}
     engines: {node: '>=16'}
     dependencies:
       '@ampproject/remapping': 2.2.1
       '@jridgewell/sourcemap-codec': 1.4.15
       '@jridgewell/trace-mapping': 0.3.18
       acorn: 8.9.0
-      aria-query: 5.2.1
+      aria-query: 5.3.0
       axobject-query: 3.2.1
       code-red: 1.0.3
       css-tree: 2.3.1
@@ -2142,6 +2166,7 @@ packages:
       locate-character: 3.0.0
       magic-string: 0.30.0
       periscopic: 3.1.0
+    dev: true
 
   /tar@6.1.15:
     resolution: {integrity: sha512-/zKt9UyngnxIT/EAGYuxaMYgOIJiP81ab9ZfkILq4oNLPFX50qyYmu7jRj9qeXoxmJHjGlbH0+cm2uy1WCs10A==}
@@ -2179,18 +2204,18 @@ packages:
     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
     dev: true
 
-  /tslib@2.5.3:
-    resolution: {integrity: sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==}
+  /tslib@2.6.0:
+    resolution: {integrity: sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==}
     dev: true
 
-  /tsutils@3.21.0(typescript@5.1.3):
+  /tsutils@3.21.0(typescript@5.1.6):
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
     engines: {node: '>= 6'}
     peerDependencies:
       typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
     dependencies:
       tslib: 1.14.1
-      typescript: 5.1.3
+      typescript: 5.1.6
     dev: true
 
   /type-check@0.4.0:
@@ -2205,8 +2230,8 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /typescript@5.1.3:
-    resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==}
+  /typescript@5.1.6:
+    resolution: {integrity: sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==}
     engines: {node: '>=14.17'}
     hasBin: true
     dev: true
@@ -2297,11 +2322,6 @@ packages:
       string-width: 4.2.3
     dev: true
 
-  /word-wrap@1.2.3:
-    resolution: {integrity: sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
     dev: true
diff --git a/src/lib/components/common/Button.svelte b/src/lib/components/common/Button.svelte
index 86b2c0e2..a26c97e9 100644
--- a/src/lib/components/common/Button.svelte
+++ b/src/lib/components/common/Button.svelte
@@ -56,10 +56,20 @@
 		&:not(.small) {
 			@include typography.bold;
 			padding: 0.75em 1em;
+			--svg-size: 1.25rem;
+
+			.content {
+				gap: 0.5em;
+			}
 		}
 
 		&.small {
 			padding: 0.5rem;
+			--svg-size: 1rem;
+
+			.content {
+				gap: 0.25em;
+			}
 		}
 
 		&.loading,
@@ -82,13 +92,12 @@
 			display: flex;
 			align-items: center;
 			justify-content: center;
-			gap: 0.5rem;
 			white-space: nowrap;
 			transition: scale 0.05s ease-in-out;
 
 			:global(svg) {
-				flex: 0 0 1.25rem;
-				height: 1.25rem;
+				flex: 0 0 var(--svg-size);
+				height: var(--svg-size);
 			}
 		}
 
diff --git a/src/lib/components/common/Input.svelte b/src/lib/components/common/Input.svelte
index 82d4463d..e9850cb0 100644
--- a/src/lib/components/common/Input.svelte
+++ b/src/lib/components/common/Input.svelte
@@ -7,23 +7,34 @@
 	export let value: string;
 	export let placeholder: string;
 	export let clearable = false;
+	export let disabled = false;
 
 	let input: HTMLInputElement;
+	let focused = false;
 
 	export function focus() {
 		input.focus();
 	}
 </script>
 
-<label class="container">
+<label class="container" class:disabled>
 	{#if label}
 		<p class="label">{label}</p>
 	{/if}
-	<div class="input-wrapper" class:empty={!value}>
+	<div class="input-wrapper" class:empty={!value} class:focused>
 		{#if icon}
 			<svelte:component this={icon} />
 		{/if}
-		<input class="input" type="text" bind:value {placeholder} bind:this={input} />
+		<input
+			class="input"
+			type="text"
+			bind:value
+			{placeholder}
+			{disabled}
+			bind:this={input}
+			on:focus={() => (focused = true)}
+			on:blur={() => (focused = false)}
+		/>
 		<slot />
 		{#if clearable && value}
 			<button class="clear" on:click={() => (value = '')}>
@@ -39,11 +50,20 @@
 		flex-direction: column;
 		gap: 0.5rem;
 		flex: 1;
+		width: 100%;
+
+		&.disabled {
+			opacity: 0.5;
+
+			* {
+				cursor: not-allowed !important;
+			}
+		}
 	}
 
 	.input-wrapper {
-		@include mixins.shiny(variables.$grey-2);
-		@include mixins.shadow;
+		@include mixins.box;
+		position: relative;
 		display: flex;
 		align-items: center;
 		gap: 0.5em;
@@ -55,6 +75,11 @@
 			color: variables.$grey-4;
 		}
 
+		&.focused {
+			outline: variables.$blue-3 3px solid;
+			outline-offset: -3px;
+		}
+
 		:global(svg) {
 			flex: 0 0 1.25rem;
 			height: 1.25rem;
diff --git a/src/lib/components/common/Modal.svelte b/src/lib/components/common/Modal.svelte
index 8b082aeb..2231f0d9 100644
--- a/src/lib/components/common/Modal.svelte
+++ b/src/lib/components/common/Modal.svelte
@@ -94,7 +94,7 @@
 		border: 1px solid variables.$grey-3;
 		border-radius: variables.$radius;
 		width: min(50rem, calc(100vw - 4rem));
-		height: min(40rem, calc(100vh - 4rem));
+		height: min(42rem, calc(100vh - 4rem));
 		z-index: 999;
 
 		&.small {
diff --git a/src/lib/components/common/ScrollbarContainer.svelte b/src/lib/components/common/ScrollbarContainer.svelte
index 76d9ddc8..0fa037a3 100644
--- a/src/lib/components/common/ScrollbarContainer.svelte
+++ b/src/lib/components/common/ScrollbarContainer.svelte
@@ -1,14 +1,22 @@
 <script lang="ts">
-	import { OverlayScrollbarsComponent } from 'overlayscrollbars-svelte';
+	import { OverlayScrollbars } from 'overlayscrollbars';
+	import { onDestroy, onMount } from 'svelte';
 
 	export let scroll = true;
-	export let margin = '0.25rem';
-</script>
+	export let margin = '0';
 
-{#if scroll}
-	<OverlayScrollbarsComponent
-		style="--margin: {margin};"
-		options={{
+	let component: HTMLDivElement;
+	let osInstance: OverlayScrollbars;
+
+	export function scrollTo(x: number, y: number) {
+		osInstance.elements().viewport.scroll({
+			top: y,
+			left: x
+		});
+	}
+
+	onMount(() => {
+		osInstance = OverlayScrollbars(component, {
 			overflow: {
 				x: 'hidden'
 			},
@@ -16,10 +24,18 @@
 				autoHide: 'leave',
 				autoHideDelay: 0
 			}
-		}}
-	>
+		});
+	});
+
+	onDestroy(() => {
+		osInstance?.destroy();
+	});
+</script>
+
+{#if scroll}
+	<div style="--margin: {margin}" bind:this={component}>
 		<slot />
-	</OverlayScrollbarsComponent>
+	</div>
 {:else}
 	<slot />
 {/if}
@@ -35,6 +51,6 @@
 		--os-handle-bg-hover: #343434;
 		--os-handle-bg-active: #424242;
 		margin: var(--margin);
-		z-index: 999;
+		z-index: 10;
 	}
 </style>
diff --git a/src/lib/components/common/ShrinkableWrapper.svelte b/src/lib/components/common/ShrinkableWrapper.svelte
index a534dd87..5976f20f 100644
--- a/src/lib/components/common/ShrinkableWrapper.svelte
+++ b/src/lib/components/common/ShrinkableWrapper.svelte
@@ -2,7 +2,7 @@
 	import { cubicInOut } from 'svelte/easing';
 	import { SmallArrowIcon } from '~/lib/icons';
 
-	let shrinked = false;
+	export let shrinked = false;
 
 	function shrink(node: HTMLElement) {
 		const { scrollHeight } = node;
diff --git a/src/lib/components/dashboard/Error.svelte b/src/lib/components/dashboard/Error.svelte
index 98723632..3877b657 100644
--- a/src/lib/components/dashboard/Error.svelte
+++ b/src/lib/components/dashboard/Error.svelte
@@ -1,93 +1,65 @@
 <script lang="ts">
+	import { cubicInOut } from 'svelte/easing';
+	import { CrossIcon } from '~/lib/icons';
 	import { error } from '~/lib/stores';
-	import { Button } from '../common';
 
-	let showError = false;
+	let dontShowAgain = false;
 
-	function copyError() {
-		navigator.clipboard.writeText($error || '');
+	function appear(_: HTMLElement) {
+		return {
+			delay: 0,
+			duration: 300,
+			css: (t: number) => {
+				const eased = cubicInOut(t);
+				return `
+          translate: 0 ${(1 - eased) * 50}%;
+          opacity: ${eased};
+        `;
+			}
+		};
 	}
 </script>
 
-<div class="background">
-	<section class="modal">
-		<h2 class="title">An error occured 🫠</h2>
-		<p class="text">
-			Please
-			<a href="https://twitter.com/colinlienard" class="link" target="_blank">
-				contact the developer
-			</a>
-			or
-			<a href="/~https://github.com/colinlienard/gitlight/issues" class="link" target="_blank">
-				create an issue on GitHub
-			</a>.
-		</p>
-		{#if !showError}
-			<Button type="secondary" on:click={() => (showError = true)}>Show the error</Button>
-		{:else}
-			<div class="error">
-				{$error}
-				<Button type="secondary" small on:click={copyError}>Copy</Button>
-			</div>
-		{/if}
+{#if $error && !dontShowAgain}
+	<section class="snackbar" transition:appear>
+		<p class="text">{$error}</p>
+		<button class="button" on:click={() => (dontShowAgain = true)}>Don't show again</button>
+		<button class="close" on:click={() => ($error = '')}>
+			<CrossIcon />
+		</button>
 	</section>
-</div>
+{/if}
 
 <style lang="scss">
-	.background {
-		@include mixins.blurred-background;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.modal {
+	.snackbar {
 		@include mixins.modal-shadow;
-		width: 40rem;
-		padding: 4rem;
-		background-color: variables.$grey-1;
+		@include typography.base;
+		background-color: variables.$yellow;
+		color: variables.$grey-1;
 		border-radius: variables.$radius;
-		border: 1px solid variables.$red;
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-
-		.title {
-			@include typography.heading-2;
-		}
-
-		.text {
-			@include typography.base;
-			color: variables.$grey-4;
+		padding: 1rem;
+		max-width: 24rem;
+		position: absolute;
+		inset: auto auto 1rem 1rem;
+		z-index: 998;
 
-			.link {
-				color: variables.$white;
+		.button {
+			@include typography.bold;
+			margin-top: 0.5em;
 
-				&:hover {
-					text-decoration: underline;
-				}
+			&:hover {
+				text-decoration: underline;
 			}
 		}
 
-		.error {
-			color: variables.$grey-4;
-			padding: 1rem;
-			border-radius: variables.$radius;
-			background-color: variables.$grey-2;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			position: relative;
+		.close {
+			position: absolute;
+			inset: 0 0 auto auto;
+			padding: 0.25rem;
 
-			:global(button) {
-				position: absolute;
-				inset: 0.5rem 0.5rem auto auto;
-				color: variables.$white;
+			:global(svg) {
+				height: 1rem;
 			}
 		}
-
-		* ~ :global(button) {
-			width: fit-content;
-		}
 	}
 </style>
diff --git a/src/lib/components/dashboard/Notification.svelte b/src/lib/components/dashboard/Notification.svelte
index b5acfe29..76d841ce 100644
--- a/src/lib/components/dashboard/Notification.svelte
+++ b/src/lib/components/dashboard/Notification.svelte
@@ -219,9 +219,7 @@
 	}
 
 	.notification {
-		background-color: variables.$grey-2;
-		border: 1px solid variables.$grey-3;
-		border-radius: variables.$radius;
+		@include mixins.box;
 		padding: 1rem;
 		position: relative;
 		display: flex;
diff --git a/src/lib/components/dashboard/sidebar/Sidebar.svelte b/src/lib/components/dashboard/sidebar/Sidebar.svelte
index a35d28a4..8fe3c92c 100644
--- a/src/lib/components/dashboard/sidebar/Sidebar.svelte
+++ b/src/lib/components/dashboard/sidebar/Sidebar.svelte
@@ -66,7 +66,7 @@
 			</IconButton>
 		</Tooltip>
 	</header>
-	<ScrollbarContainer>
+	<ScrollbarContainer margin="0.25rem">
 		<div class="scrollable">
 			{#if !$loading}
 				<div class="wrapper">
diff --git a/src/lib/components/settings/GithubSettings.svelte b/src/lib/components/settings/GithubSettings.svelte
index 1df1ae90..0e1976a8 100644
--- a/src/lib/components/settings/GithubSettings.svelte
+++ b/src/lib/components/settings/GithubSettings.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { ExternalLinkIcon } from '~/lib/icons';
 	import { Button } from '~/lib/components';
+	import { settingsTab } from '~/lib/stores';
 </script>
 
 <h3>Notification settings</h3>
@@ -20,16 +21,23 @@
 	<strong>Notify me: on GitHub</strong>.
 </p>
 <p class="list-item">
-	If you want to receive Dependabot related notifications, set <strong
-		>Dependabot alerts: New vulnerabilities</strong
-	>
+	If you want to receive Dependabot related notifications, set <strong>
+		Dependabot alerts: New vulnerabilities
+	</strong>
 	to <strong>Notify me: on GitHub</strong>.
 </p>
 <span />
+<h3>Private repositories</h3>
+<p class="text">
+	To access data in private repositories, you need to grant access to GitLight. You can do so by
+	creating a Personal Access Token (PAT) on GitHub.
+</p>
+<Button small on:click={() => ($settingsTab = 2)}>How to use PATs for GitLight</Button>
+<span />
 <h3>Organization access</h3>
 <p class="text">
-	For private repositories, the GitHub organization that owns these repositories must grant access
-	to GitLight:
+	For private repositories, the GitHub organization that owns these repositories must create a
+	Personal Access Token (see above), and grant GitLight access to notifications:
 </p>
 <Button
 	href="/~https://github.com/settings/connections/applications/3db3813c5828d8bbe530"
@@ -64,7 +72,8 @@
 		}
 	}
 
-	* ~ :global(a) {
+	* ~ :global(a),
+	* ~ :global(button) {
 		width: fit-content;
 	}
 </style>
diff --git a/src/lib/components/settings/Settings.svelte b/src/lib/components/settings/Settings.svelte
index 82673d6d..e08a7661 100644
--- a/src/lib/components/settings/Settings.svelte
+++ b/src/lib/components/settings/Settings.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import { Modal, ScrollbarContainer, Separator } from '~/lib/components';
-	import { onDestroy, onMount, type ComponentType } from 'svelte';
-	import { settings, updateAvailable } from '~/lib/stores';
+	import { onDestroy, onMount, type ComponentType, SvelteComponent } from 'svelte';
+	import { settings, settingsTab, updateAvailable } from '~/lib/stores';
 	import { fetchGithub, getAppVersion, storage } from '~/lib/helpers';
 	import { browser } from '$app/environment';
 	import Accounts from './Accounts.svelte';
@@ -10,13 +10,16 @@
 	import Preferences from './Preferences.svelte';
 	import Update from './Update.svelte';
 	import type { GithubRelease } from '~/lib/types';
+	import Permissions from './permissions';
 
 	let mounted = false;
 	let forceOpenSettings = false;
-	let currentTab = 0;
+	let scrollContainer: SvelteComponent;
+
 	$: tabs = [
 		{ name: 'Preferences', component: Preferences },
 		{ name: 'GitHub settings', component: GithubSettings },
+		{ name: 'Permissions', component: Permissions },
 		{ name: 'Accounts', component: Accounts },
 		{ name: 'Update', indicator: !!$updateAvailable, component: Update }
 	] satisfies Array<{ name: string; indicator?: boolean; component: ComponentType }>;
@@ -37,10 +40,10 @@
 	onMount(async () => {
 		const saved = storage.get('settings');
 		if (saved) {
-			$settings = saved;
+			$settings = { ...$settings, ...saved };
 		} else {
 			forceOpenSettings = true;
-			currentTab = 1;
+			$settingsTab = 1;
 		}
 		mounted = true;
 
@@ -58,7 +61,7 @@
 	}
 
 	$: if (forceOpenSettings) {
-		currentTab = storage.has('settings') ? 0 : 1;
+		$settingsTab = storage.has('settings') ? 0 : 1;
 
 		(async () => {
 			if (!window.__TAURI__) return;
@@ -72,6 +75,11 @@
 			}
 		})();
 	}
+
+	$: {
+		$settingsTab;
+		scrollContainer?.scrollTo(0, 0);
+	}
 </script>
 
 <Modal title="Settings" bind:open={forceOpenSettings}>
@@ -84,8 +92,8 @@
 	<div class="content" slot="content">
 		<ul class="tabs">
 			{#each tabs as tab, index}
-				<li class="tab" class:active={currentTab === index}>
-					<button on:click={() => (currentTab = index)}>
+				<li class="tab" class:active={$settingsTab === index}>
+					<button on:click={() => ($settingsTab = index)}>
 						{tab.name}
 						{#if tab.indicator}
 							<div class="indicator">1</div>
@@ -95,9 +103,9 @@
 			{/each}
 		</ul>
 		<Separator vertical />
-		<ScrollbarContainer>
+		<ScrollbarContainer bind:this={scrollContainer}>
 			<div class="tab-content">
-				<svelte:component this={tabs[currentTab].component} />
+				<svelte:component this={tabs[$settingsTab].component} />
 			</div>
 		</ScrollbarContainer>
 	</div>
@@ -188,6 +196,7 @@
 			display: flex;
 			flex-direction: column;
 			gap: 1rem;
+			padding-right: 1rem;
 
 			:global(h3) {
 				@include typography.bold;
diff --git a/src/lib/components/settings/permissions/PatItem.svelte b/src/lib/components/settings/permissions/PatItem.svelte
new file mode 100644
index 00000000..78f206f2
--- /dev/null
+++ b/src/lib/components/settings/permissions/PatItem.svelte
@@ -0,0 +1,156 @@
+<script lang="ts">
+	import { SvelteComponent, createEventDispatcher, onMount } from 'svelte';
+	import { Button, Input } from '~/lib/components';
+	import { CheckIcon, TrashIcon } from '~/lib/icons';
+	import { settings } from '~/lib/stores';
+
+	export let pat: { owner: string; token: string } = { owner: '', token: '' };
+	export let editing = false;
+
+	const dispatch = createEventDispatcher();
+
+	let showToken = false;
+	let error = '';
+	let firstInput: SvelteComponent;
+
+	function handleDelete() {
+		$settings.pats = $settings.pats.filter((p) => p.owner !== pat.owner);
+	}
+
+	function handleSave() {
+		if (!pat.owner || !pat.token) {
+			error = 'Please fill all the fields.';
+			return;
+		}
+		if ($settings.pats.find((p) => p.owner === pat.owner)) {
+			error = 'This owner already exists.';
+			return;
+		}
+		$settings.pats.push(pat);
+		$settings.pats = $settings.pats;
+		dispatch('exit');
+	}
+
+	function handleCancel(event: Event) {
+		event.preventDefault();
+		dispatch('exit');
+	}
+
+	onMount(() => {
+		if (firstInput) {
+			firstInput.focus();
+		}
+	});
+</script>
+
+<div class="pat-wrapper">
+	{#if editing}
+		<div class="content">
+			<p class="text">Repository owner: <strong>{pat.owner}</strong></p>
+			<p class="text">
+				Personal Access Token:
+				{#if showToken}
+					<strong>{pat.token}</strong>
+				{:else}
+					<button class="show-token" on:click={() => (showToken = true)}>Show</button>
+				{/if}
+			</p>
+		</div>
+		<button class="delete-button" on:click={handleDelete}><TrashIcon /></button>
+	{:else}
+		<form class="inputs-container" on:submit|preventDefault={handleSave}>
+			<Input
+				label="Repositories owner"
+				placeholder="The user or organization login"
+				bind:value={pat.owner}
+				bind:this={firstInput}
+			/>
+			<Input
+				label="Personal Access Token"
+				placeholder="Copy here the PAT with correct permissions"
+				bind:value={pat.token}
+			/>
+			{#if error}
+				<p class="error">{error}</p>
+			{/if}
+			<div class="buttons">
+				<Button small>
+					<CheckIcon />
+					Save
+				</Button>
+				<Button type="secondary" small on:click={handleCancel}>Cancel</Button>
+			</div>
+		</form>
+	{/if}
+</div>
+
+<style lang="scss">
+	.pat-wrapper {
+		@include mixins.box;
+		display: flex;
+
+		.content {
+			display: flex;
+			flex-direction: column;
+			gap: 0.5rem;
+			padding: 1rem;
+			word-break: break-all;
+			width: 100%;
+
+			strong {
+				@include typography.base;
+				@include typography.bold;
+				user-select: text;
+			}
+
+			.show-token {
+				@include typography.bold;
+				color: variables.$blue-3;
+
+				&:hover {
+					filter: brightness(130%);
+				}
+			}
+		}
+
+		.delete-button {
+			padding: 0.5rem;
+			display: flex;
+			align-items: center;
+			border-left: inherit;
+			flex: 0 0 auto;
+
+			&:hover {
+				background-color: lighten(variables.$grey-2, 1%);
+			}
+
+			&:active {
+				background-color: lighten(variables.$grey-2, 2%);
+			}
+
+			:global(svg) {
+				height: 1.25rem;
+			}
+		}
+
+		.inputs-container {
+			display: flex;
+			flex-direction: column;
+			gap: 1rem;
+			padding: 1rem;
+			width: 100%;
+
+			.error {
+				color: variables.$red;
+				width: 100%;
+			}
+
+			.buttons {
+				display: flex;
+				flex-direction: row-reverse;
+				gap: 0.5rem;
+				align-items: center;
+			}
+		}
+	}
+</style>
diff --git a/src/lib/components/settings/permissions/Permissions.svelte b/src/lib/components/settings/permissions/Permissions.svelte
new file mode 100644
index 00000000..5f7411b2
--- /dev/null
+++ b/src/lib/components/settings/permissions/Permissions.svelte
@@ -0,0 +1,108 @@
+<script lang="ts">
+	import { ExternalLinkIcon } from '~/lib/icons';
+	import { Button, ShrinkableWrapper } from '~/lib/components';
+	import { settings } from '~/lib/stores';
+	import PatItem from './PatItem.svelte';
+
+	let editing = false;
+</script>
+
+<h3>GitHub PATs</h3>
+<p class="text">
+	Fine-grained Personal Access Tokens are required to access data in private repositories. They
+	enable you to restrict access to the strict minimum (read-only, expiration date, only certain
+	repositories...). <strong>GitLight will only read data in your private repositories</strong>. It
+	will never write or modify anything.
+</p>
+<p class="text">
+	If you are the owner of the private repositories for which you wish to receive notifications,
+	please follow the steps below.
+</p>
+<p class="text">If not, you must ask the owner to follow the next steps and give you a token.</p>
+<span />
+<ShrinkableWrapper shrinked>
+	<h3 slot="header">Fow those who where using GitLight before version 0.9.0</h3>
+	<p class="text">
+		Because you accepted the <code>repo</code> scope when you first logged in, you don't need to do
+		anything as long as you're not subscribing to a new private repository from a different owner.
+		But if you want to also use fine-grained permissions, you can just log out and log in again, and
+		you'll be prompted to accept only the
+		<code>notifications</code> scope, not the <code>repo</code> scope anymore.
+	</p>
+</ShrinkableWrapper>
+<span />
+<h3>Create a fine-grained PAT</h3>
+<Button href="/~https://github.com/settings/tokens?type=beta" external small>
+	<ExternalLinkIcon />
+	Create a new fine-grained PAT on GitHub
+</Button>
+<p class="list-item">
+	<strong>Resource owner</strong>: choose the owner of the private repos you want to get
+	notifications from.
+</p>
+<p class="list-item">
+	<strong>Repository access</strong>: choose all repos or select some.
+</p>
+<p class="list-item">
+	<strong>Permissions</strong>: set <strong>Contents</strong>, <strong>Issues</strong>,
+	<strong>Metadata</strong>
+	and <strong>Pull requests</strong> to <strong>Access: read-only</strong>.
+</p>
+<p class="list-item">
+	Generate the token. If you want others to get notifications from your private repos, share this
+	token.
+</p>
+<p class="list-item">Finally, add the token below. You can add as many tokens as you want.</p>
+<span />
+<h3>Use PATs in GitLight</h3>
+{#each $settings.pats as pat}
+	<PatItem {pat} editing />
+{/each}
+{#if editing}
+	<PatItem on:exit={() => (editing = false)} />
+{/if}
+<Button type="secondary" on:click={() => (editing = true)}>Use a new PAT</Button>
+
+<style lang="scss">
+	.text,
+	.list-item {
+		@include typography.base;
+		color: variables.$grey-4;
+
+		strong {
+			@include typography.bold;
+		}
+	}
+
+	.list-item {
+		list-style: disc;
+		padding-left: 1rem;
+		position: relative;
+
+		&::before {
+			content: '-';
+			position: absolute;
+			top: 0.5rem;
+			left: 0;
+		}
+	}
+
+	code {
+		font: inherit;
+		padding: 0 0.1em;
+		position: relative;
+
+		&::before {
+			content: ' ';
+			position: absolute;
+			inset: -0.1em;
+			border-radius: 4px;
+			background-color: variables.$grey-3;
+			z-index: -1;
+		}
+	}
+
+	* ~ :global(a) {
+		width: fit-content;
+	}
+</style>
diff --git a/src/lib/components/settings/permissions/index.ts b/src/lib/components/settings/permissions/index.ts
new file mode 100644
index 00000000..3c34dca3
--- /dev/null
+++ b/src/lib/components/settings/permissions/index.ts
@@ -0,0 +1 @@
+export { default } from './Permissions.svelte';
diff --git a/src/lib/helpers/createNotificationData.ts b/src/lib/helpers/createNotificationData.ts
index a482b352..c7b145c2 100644
--- a/src/lib/helpers/createNotificationData.ts
+++ b/src/lib/helpers/createNotificationData.ts
@@ -22,6 +22,20 @@ import type {
 import { getIssueIcon, getPullRequestIcon } from './getIcon';
 import { fetchGithub } from './fetchGithub';
 import { removeMarkdownSymbols } from './removeMarkdownSymbols';
+import { error, settings } from '~/lib/stores';
+
+type PullRequestEvent = {
+	author: {
+		login: string;
+		avatar?: string;
+		bot?: boolean;
+	};
+	description: string;
+	time: string;
+	url?: string;
+};
+
+type FetchOptions = Parameters<typeof fetchGithub>[1];
 
 export async function createNotificationData(
 	{ id, repository, subject, unread: u, updated_at, reason }: GithubNotification,
@@ -35,8 +49,25 @@ export async function createNotificationData(
 	const unread = u || previous?.unread || false;
 	const isNew = (u && !previous?.unread) || false;
 
+	// Get Personal Access Tokens
+	let fetchOptions: FetchOptions = {};
+	settings.subscribe(({ pats }) => {
+		if (!repository.private || !pats.length) return;
+		const pat = pats.find((pat) => pat.owner === repository.owner.login);
+		if (!pat) return;
+		fetchOptions = { pat: pat.token };
+	});
+
 	// Fetch additional data
-	const data = subject.url ? await fetchGithub<GithubItem>(subject.url) : null;
+	let data: GithubItem | null = null;
+	try {
+		data = subject.url ? await fetchGithub<GithubItem>(subject.url, fetchOptions) : null;
+	} catch (e) {
+		error.set(
+			`At least one notification comes from a private repository (${repository.full_name}) for which you have not configured a Personal Access Token. Please go to Settings > Permissions.`
+		);
+		return null;
+	}
 
 	const [owner, repo] = repository.full_name.split('/');
 	const common = {
@@ -95,11 +126,15 @@ export async function createNotificationData(
 				new Date(common.time).getTime() - new Date(closed_at as string).getTime() < 30000
 			) {
 				author = closed_by
-					? { login: closed_by.login, avatar: closed_by.avatar_url, bot: closed_by.type === 'Bot' }
+					? {
+							login: closed_by.login,
+							avatar: closed_by.avatar_url,
+							bot: closed_by.type === 'Bot'
+					  }
 					: undefined;
 				description = 'closed this issue';
 			} else if (comments) {
-				const comment = await getLatestComment(comments_url);
+				const comment = await getLatestComment(comments_url, fetchOptions);
 				if (comment) {
 					author = comment.author;
 					description = comment.description;
@@ -151,7 +186,11 @@ export async function createNotificationData(
 				description = 'opened this pull request';
 			} else if (state === 'closed' && time - new Date(closed_at as string).getTime() < 30000) {
 				author = merged_by
-					? { login: merged_by.login, avatar: merged_by.avatar_url, bot: merged_by.type === 'Bot' }
+					? {
+							login: merged_by.login,
+							avatar: merged_by.avatar_url,
+							bot: merged_by.type === 'Bot'
+					  }
 					: { login: user.login, avatar: user.avatar_url, bot: user.type === 'Bot' };
 				description = `${merged_by ? 'merged' : 'closed'} this pull request`;
 			} else if (reason === 'review_requested') {
@@ -159,10 +198,10 @@ export async function createNotificationData(
 				description = 'requested your review';
 			} else if (review_comments || comments || commits) {
 				const events = await Promise.all([
-					review_comments ? getLatestComment(review_comments_url) : undefined,
-					comments ? getLatestComment(comments_url) : undefined,
-					commits ? getLatestCommit(commits_url) : undefined,
-					getLatestReview(apiUrl)
+					review_comments ? getLatestComment(review_comments_url, fetchOptions) : undefined,
+					comments ? getLatestComment(comments_url, fetchOptions) : undefined,
+					commits ? getLatestCommit(commits_url, fetchOptions) : undefined,
+					getLatestReview(apiUrl, fetchOptions)
 				]);
 				const event = events.reduce<Awaited<ReturnType<typeof getLatestCommit>> | undefined>(
 					(previous, current) => {
@@ -253,19 +292,11 @@ export async function createNotificationData(
 	}
 }
 
-type PullRequestEvent = {
-	author: {
-		login: string;
-		avatar?: string;
-		bot?: boolean;
-	};
-	description: string;
-	time: string;
-	url?: string;
-};
-
-async function getLatestComment(url: string): Promise<PullRequestEvent | undefined> {
-	const comments = await fetchGithub<GithubComment[]>(url);
+async function getLatestComment(
+	url: string,
+	fetchOptions: FetchOptions
+): Promise<PullRequestEvent | undefined> {
+	const comments = await fetchGithub<GithubComment[]>(url, fetchOptions);
 	if (!comments.length) return undefined;
 	const comment = comments[comments.length - 1];
 	const author = {
@@ -278,8 +309,11 @@ async function getLatestComment(url: string): Promise<PullRequestEvent | undefin
 	return { author, description, time: comment.created_at, url: comment.html_url };
 }
 
-async function getLatestCommit(url: string): Promise<PullRequestEvent | undefined> {
-	const commits = await fetchGithub<GithubCommit[]>(url);
+async function getLatestCommit(
+	url: string,
+	fetchOptions: FetchOptions
+): Promise<PullRequestEvent | undefined> {
+	const commits = await fetchGithub<GithubCommit[]>(url, fetchOptions);
 	if (!commits.length) return undefined;
 	const commit = commits[commits.length - 1];
 	const author = commit.author
@@ -293,8 +327,11 @@ async function getLatestCommit(url: string): Promise<PullRequestEvent | undefine
 	return { author, description, time: commit.commit.author.date };
 }
 
-async function getLatestReview(url: string): Promise<PullRequestEvent | undefined> {
-	const reviews = await fetchGithub<GithubReview[]>(`${url}/reviews`);
+async function getLatestReview(
+	url: string,
+	fetchOptions: FetchOptions
+): Promise<PullRequestEvent | undefined> {
+	const reviews = await fetchGithub<GithubReview[]>(`${url}/reviews`, fetchOptions);
 	if (!reviews.length) return undefined;
 	const review = reviews[reviews.length - 1];
 	const author = {
diff --git a/src/lib/helpers/fetchGithub.ts b/src/lib/helpers/fetchGithub.ts
index a4b4fe1e..5b890c3f 100644
--- a/src/lib/helpers/fetchGithub.ts
+++ b/src/lib/helpers/fetchGithub.ts
@@ -5,6 +5,7 @@ type Options = {
 	accessToken?: string;
 	method?: 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
 	body?: Record<string, unknown>;
+	pat?: string;
 };
 
 export async function fetchGithub<T = void>(url: string, options?: Options): Promise<T> {
@@ -18,7 +19,7 @@ export async function fetchGithub<T = void>(url: string, options?: Options): Pro
 	const response = await fetch(`${url.startsWith('http') ? '' : 'https://api.github.com/'}${url}`, {
 		headers: {
 			Accept: 'application/vnd.github+json',
-			Authorization: `Bearer ${accessToken}`
+			Authorization: options?.pat ? `token ${options.pat}` : `Bearer ${accessToken}`
 		},
 		method: options?.method || 'GET',
 		body: options?.body ? JSON.stringify(options.body) : undefined,
@@ -32,5 +33,5 @@ export async function fetchGithub<T = void>(url: string, options?: Options): Pro
 		return data;
 	}
 
-	throw new Error(response.statusText);
+	throw new Error(`${response.status}`);
 }
diff --git a/src/lib/icons/TrashIcon.svelte b/src/lib/icons/TrashIcon.svelte
new file mode 100644
index 00000000..b75cbe94
--- /dev/null
+++ b/src/lib/icons/TrashIcon.svelte
@@ -0,0 +1,16 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M3 6h14"
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M5 6c0 3.369.454 7.191.75 9.327A1.948 1.948 0 0 0 7.694 17h4.612c.977 0 1.81-.705 1.944-1.673.296-2.136.75-5.958.75-9.327"
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+	/>
+	<path d="M7 6V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1" stroke="currentColor" stroke-width="1.5" />
+</svg>
diff --git a/src/lib/icons/index.ts b/src/lib/icons/index.ts
index 26e26a9e..01bfc45b 100644
--- a/src/lib/icons/index.ts
+++ b/src/lib/icons/index.ts
@@ -29,6 +29,7 @@ export { default as RepositoryIcon } from './RepositoryIcon.svelte';
 export { default as SearchIcon } from './SearchIcon.svelte';
 export { default as SmallArrowIcon } from './SmallArrowIcon.svelte';
 export { default as SparklesIcon } from './SparklesIcon.svelte';
+export { default as TrashIcon } from './TrashIcon.svelte';
 export { default as UnpinIcon } from './UnpinIcon.svelte';
 export { default as UnreadIcon } from './UnreadIcon.svelte';
 export { default as WindowsIcon } from './WindowsIcon.svelte';
diff --git a/src/lib/stores/stores.ts b/src/lib/stores/stores.ts
index b499eaeb..77a87fcc 100644
--- a/src/lib/stores/stores.ts
+++ b/src/lib/stores/stores.ts
@@ -35,7 +35,8 @@ export const settings = writable<Settings>({
 	readWhenPin: false,
 	notificationAxis: 'Auto',
 	sidebarHidden: false,
-	showOnlyOpen: false
+	showOnlyOpen: false,
+	pats: []
 });
 
 export const updateAvailable = writable<string | false>(false);
@@ -43,3 +44,5 @@ export const updateAvailable = writable<string | false>(false);
 export const largeScreen = writable<boolean>(true);
 
 export const error = writable<string | null>(null);
+
+export const settingsTab = writable<number>(0);
diff --git a/src/lib/types/common-types.ts b/src/lib/types/common-types.ts
index 855a1c25..54febb55 100644
--- a/src/lib/types/common-types.ts
+++ b/src/lib/types/common-types.ts
@@ -84,4 +84,8 @@ export type Settings = {
 	notificationAxis: 'Auto' | 'Vertical' | 'Horizontal';
 	sidebarHidden: boolean;
 	showOnlyOpen: boolean;
+	pats: Array<{
+		owner: string;
+		token: string;
+	}>;
 };
diff --git a/src/lib/types/github-types.ts b/src/lib/types/github-types.ts
index b7475c22..4a5e0055 100644
--- a/src/lib/types/github-types.ts
+++ b/src/lib/types/github-types.ts
@@ -16,6 +16,7 @@ export type GithubRepository = {
 	id: number;
 	full_name: string;
 	owner: GithubUser;
+	private: boolean;
 };
 
 export type GithubIssue = {
diff --git a/src/routes/auth/login/+server.ts b/src/routes/auth/login/+server.ts
index cb1b82e7..abfbfd5d 100644
--- a/src/routes/auth/login/+server.ts
+++ b/src/routes/auth/login/+server.ts
@@ -3,7 +3,7 @@ import { AUTH_SECRET, AUTH_GITHUB_ID } from '$env/static/private';
 
 export async function GET({ url }) {
 	const githubLoginUrl = new URL('/~https://github.com/login/oauth/authorize');
-	githubLoginUrl.searchParams.set('scope', 'repo notifications');
+	githubLoginUrl.searchParams.set('scope', 'notifications');
 	githubLoginUrl.searchParams.set('client_id', AUTH_GITHUB_ID);
 	githubLoginUrl.searchParams.set('redirect_uri', `${url.origin}/auth/callback${url.search}`);
 	githubLoginUrl.searchParams.set('state', AUTH_SECRET);
diff --git a/src/routes/dashboard/+page.svelte b/src/routes/dashboard/+page.svelte
index d5787f39..9b19d330 100644
--- a/src/routes/dashboard/+page.svelte
+++ b/src/routes/dashboard/+page.svelte
@@ -30,23 +30,23 @@
 	async function setNotifications() {
 		synced = false;
 
-		let notifications = await fetchGithub<GithubNotification[]>('notifications?all=true', {
-			noCache: true
-		});
-
-		// Keep only new or modified notifications
-		if ($githubNotifications.length) {
-			notifications = notifications.filter(({ id, updated_at }) => {
-				const current = $githubNotifications.find((item) => item.id === id);
-				return current ? updated_at !== current.time : true;
+		let newNotifications: NotificationData[] = [];
+
+		try {
+			let notifications = await fetchGithub<GithubNotification[]>('notifications?all=true', {
+				noCache: true
 			});
-		}
 
-		if (!notifications.length) return (synced = true);
+			// Keep only new or modified notifications
+			if ($githubNotifications.length) {
+				notifications = notifications.filter(({ id, updated_at }) => {
+					const current = $githubNotifications.find((item) => item.id === id);
+					return current ? updated_at !== current.time : true;
+				});
+			}
 
-		let newNotifications: NotificationData[] = [];
+			if (!notifications.length) return;
 
-		try {
 			newNotifications = (
 				await Promise.all(
 					notifications.map((notification) =>
@@ -55,11 +55,8 @@
 				)
 			).filter((item): item is NotificationData => !!item);
 		} catch (e) {
-			if (e && typeof e === 'object' && 'stack' in e) {
-				$error = e.stack as string;
-			} else {
-				$error = e as string;
-			}
+			$error =
+				'An error occurred while fetching notifications. Please try to reload the page or log out and log in again.';
 			console.error(e);
 		} finally {
 			synced = true;
@@ -184,9 +181,7 @@
 <div class="container" class:sidebar-hidden={$settings.sidebarHidden}>
 	<Sidebar />
 	<Main {synced} />
-	{#if $error}
-		<Error />
-	{/if}
+	<Error />
 </div>
 
 <style lang="scss">
diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss
index 943ae0a6..5ca1cd04 100644
--- a/src/styles/_mixins.scss
+++ b/src/styles/_mixins.scss
@@ -25,6 +25,12 @@
 	}
 }
 
+@mixin box() {
+	background-color: variables.$grey-2;
+	border: 1px solid variables.$grey-3;
+	border-radius: variables.$radius;
+}
+
 @mixin shadow {
 	box-shadow: 0 2px 0.25rem rgba(black, 0.1);
 }