diff --git a/.changeset/brown-elephants-fail.md b/.changeset/brown-elephants-fail.md
new file mode 100644
index 000000000..3d1ba5e62
--- /dev/null
+++ b/.changeset/brown-elephants-fail.md
@@ -0,0 +1,5 @@
+---
+"nostrudel": minor
+---
+
+Show notes in relay view
diff --git a/.changeset/fair-roses-lick.md b/.changeset/fair-roses-lick.md
new file mode 100644
index 000000000..cb9c30d61
--- /dev/null
+++ b/.changeset/fair-roses-lick.md
@@ -0,0 +1,5 @@
+---
+"nostrudel": patch
+---
+
+Fix non-english characters breaking links
diff --git a/.changeset/fresh-starfishes-scream.md b/.changeset/fresh-starfishes-scream.md
new file mode 100644
index 000000000..6f647c9b9
--- /dev/null
+++ b/.changeset/fresh-starfishes-scream.md
@@ -0,0 +1,5 @@
+---
+"nostrudel": minor
+---
+
+Improve layout of image galleries
diff --git a/.changeset/lovely-plants-leave.md b/.changeset/lovely-plants-leave.md
new file mode 100644
index 000000000..0bd7707d6
--- /dev/null
+++ b/.changeset/lovely-plants-leave.md
@@ -0,0 +1,5 @@
+---
+"nostrudel": minor
+---
+
+Show all images in lightbox
diff --git a/.changeset/serious-ligers-boil.md b/.changeset/serious-ligers-boil.md
new file mode 100644
index 000000000..1945f75df
--- /dev/null
+++ b/.changeset/serious-ligers-boil.md
@@ -0,0 +1,5 @@
+---
+"nostrudel": minor
+---
+
+Rebuild event publish details
diff --git a/.changeset/silver-phones-develop.md b/.changeset/silver-phones-develop.md
new file mode 100644
index 000000000..5ffea34af
--- /dev/null
+++ b/.changeset/silver-phones-develop.md
@@ -0,0 +1,5 @@
+---
+"nostrudel": minor
+---
+
+Render multiple images as image gallery
diff --git a/.changeset/six-games-beg.md b/.changeset/six-games-beg.md
new file mode 100644
index 000000000..b2f384f5e
--- /dev/null
+++ b/.changeset/six-games-beg.md
@@ -0,0 +1,5 @@
+---
+"nostrudel": minor
+---
+
+Add relay review form
diff --git a/.changeset/sixty-planes-sin.md b/.changeset/sixty-planes-sin.md
new file mode 100644
index 000000000..27358efa9
--- /dev/null
+++ b/.changeset/sixty-planes-sin.md
@@ -0,0 +1,5 @@
+---
+"nostrudel": minor
+---
+
+Add simple timeline health view
diff --git a/.changeset/smooth-kings-retire.md b/.changeset/smooth-kings-retire.md
new file mode 100644
index 000000000..3f6b77d19
--- /dev/null
+++ b/.changeset/smooth-kings-retire.md
@@ -0,0 +1,5 @@
+---
+"nostrudel": minor
+---
+
+Clean up navigation menu
diff --git a/.changeset/thin-games-appear.md b/.changeset/thin-games-appear.md
new file mode 100644
index 000000000..aa93bf41a
--- /dev/null
+++ b/.changeset/thin-games-appear.md
@@ -0,0 +1,5 @@
+---
+"nostrudel": minor
+---
+
+Add mobile friendly lightbox
diff --git a/.changeset/three-chairs-mix.md b/.changeset/three-chairs-mix.md
new file mode 100644
index 000000000..5a95d3b8e
--- /dev/null
+++ b/.changeset/three-chairs-mix.md
@@ -0,0 +1,5 @@
+---
+"nostrudel": minor
+---
+
+Show label for paid relays
diff --git a/.changeset/tricky-hounds-double.md b/.changeset/tricky-hounds-double.md
new file mode 100644
index 000000000..089943993
--- /dev/null
+++ b/.changeset/tricky-hounds-double.md
@@ -0,0 +1,5 @@
+---
+"nostrudel": minor
+---
+
+Add inline reply form
diff --git a/.changeset/unlucky-melons-divide.md b/.changeset/unlucky-melons-divide.md
new file mode 100644
index 000000000..a714cf3ad
--- /dev/null
+++ b/.changeset/unlucky-melons-divide.md
@@ -0,0 +1,5 @@
+---
+"nostrudel": minor
+---
+
+Add <url> and <encoded_url> options to CORS proxy url
diff --git a/.changeset/violet-walls-dance.md b/.changeset/violet-walls-dance.md
new file mode 100644
index 000000000..c676e7883
--- /dev/null
+++ b/.changeset/violet-walls-dance.md
@@ -0,0 +1,5 @@
+---
+"nostrudel": minor
+---
+
+Use corsproxy.io as default service for CORS proxy
diff --git a/README.md b/README.md
index ceaca5d97..9799f1cf3 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # noStrudel
 
-> NOTE: This client is still in development and is buggy
+> NOTE: This client is still in development and will have bugs
 
 ## noStrudel is my personal nostr client.
 
@@ -10,7 +10,7 @@ There are many features missing from this client and I wont get around to implem
 
 Live Instance: [nostrudel.ninja](https://nostrudel.ninja)
 
-You can find better clients with more features in the [awesome-nostr](https://github.com/aljazceru/awesome-nostr) repo.
+You can find better clients with more features on [nostrapps.com](https://www.nostrapps.com/) or in the [awesome-nostr](https://github.com/aljazceru/awesome-nostr) repo.
 
 ## Please don't trust my app with your nsec
 
@@ -30,7 +30,7 @@ docker run --rm -p 8080:80 ghcr.io/hzrd149/nostrudel
 git clone git@github.com:hzrd149/nostrudel.git
 cd nostrudel
 yarn install
-yarn start
+yarn dev
 ```
 
 ## Contributing
diff --git a/cypress/e2e/embeds.cy.ts b/cypress/e2e/embeds.cy.ts
index 054d29f4f..2116fa165 100644
--- a/cypress/e2e/embeds.cy.ts
+++ b/cypress/e2e/embeds.cy.ts
@@ -2,7 +2,7 @@ describe("Embeds", () => {
   describe("hashtags", () => {
     it('should handle uppercase hashtags and ","', () => {
       cy.visit(
-        "#/n/nevent1qqsrj5ns6wva3fcghlyx0hp7hhajqtqk3kuckp7xhhscrm4jl7futegpz9mhxue69uhkummnw3e82efwvdhk6qgswaehxw309ahx7um5wgh8w6twv5pkpt8l"
+        "#/n/nevent1qqsrj5ns6wva3fcghlyx0hp7hhajqtqk3kuckp7xhhscrm4jl7futegpz9mhxue69uhkummnw3e82efwvdhk6qgswaehxw309ahx7um5wgh8w6twv5pkpt8l",
       );
 
       cy.findByRole("link", { name: "#Japan" }).should("be.visible");
@@ -15,18 +15,18 @@ describe("Embeds", () => {
   describe("links", () => {
     it("embed trustless.computer links", () => {
       cy.visit(
-        "#/n/nevent1qqsfn2mv3pe2v7jak4r5wnyengt36t0rx26w04hgysrmtpml8jnlk5cprdmhxue69uhkvet9v3ejumn0wd68ytnzv9hxgtmdv4kk2qgawaehxw309ahx7um5wgkhqatz9emk2mrvdaexgetj9ehx2aq2wry06"
+        "#/n/nevent1qqsfn2mv3pe2v7jak4r5wnyengt36t0rx26w04hgysrmtpml8jnlk5cprdmhxue69uhkvet9v3ejumn0wd68ytnzv9hxgtmdv4kk2qgawaehxw309ahx7um5wgkhqatz9emk2mrvdaexgetj9ehx2aq2wry06",
       );
 
       cy.get('[href="https://trustless.computer/"]').should("be.visible");
       cy.get(
-        '[href="https://mempool.space/tx/461c6f56015c94d74837b68c9d08f4b80e7db7ca1e5ac4c53d9aa8c76b667672"]'
+        '[href="https://mempool.space/tx/461c6f56015c94d74837b68c9d08f4b80e7db7ca1e5ac4c53d9aa8c76b667672"]',
       ).should("be.visible");
     });
 
     it("embeds links", () => {
       cy.visit(
-        "#/n/nevent1qqsvg6kt4hl79qpp5p673g7ref6r0c5jvp4yys7mmvs4m50t30sy9dgpz9mhxue69uhkummnw3e82efwvdhk6qgjwaehxw309aex2mrp0yhxvdm69e5k7r3xlpe"
+        "#/n/nevent1qqsvg6kt4hl79qpp5p673g7ref6r0c5jvp4yys7mmvs4m50t30sy9dgpz9mhxue69uhkummnw3e82efwvdhk6qgjwaehxw309aex2mrp0yhxvdm69e5k7r3xlpe",
       );
 
       cy.get('[href="https://getalby.com/"]').should("exist");
@@ -38,11 +38,11 @@ describe("Embeds", () => {
 
     it("embeds simplex.chat links", () => {
       cy.visit(
-        "#/n/nevent1qqsymds0vlpp4f5s0dckjf4qz283pdsen0rmx8lu7ct6hpnxag2hpacpremhxue69uhkummnw3ez6un9d3shjtnwda4k7arpwfhjucm0d5q3qamnwvaz7tmwdaehgu3wwa5kueghxyq76"
+        "#/n/nevent1qqsymds0vlpp4f5s0dckjf4qz283pdsen0rmx8lu7ct6hpnxag2hpacpremhxue69uhkummnw3ez6un9d3shjtnwda4k7arpwfhjucm0d5q3qamnwvaz7tmwdaehgu3wwa5kueghxyq76",
       );
 
       cy.get(
-        '[href="https://simplex.chat/contact#/?v=1-2&smp=smp%3A%2F%2F0YuTwO05YJWS8rkjn9eLJDjQhFKvIYd8d4xG8X1blIU%3D%40smp8.simplex.im%2FVlHiRmia02CDgga7w-uNb2FQZTZsj3UR%23%2F%3Fv%3D1-2%26dh%3DMCowBQYDK2VuAyEAd2GEWU9Zjrljhw8O4FldcxrqehkDWezXl-cWD-VkeEw%253D%26srv%3Dbeccx4yfxxbvyhqypaavemqurytl6hozr47wfc7uuecacjqdvwpw2xid.onion"]'
+        '[href="https://simplex.chat/contact#/?v=1-2&smp=smp%3A%2F%2F0YuTwO05YJWS8rkjn9eLJDjQhFKvIYd8d4xG8X1blIU%3D%40smp8.simplex.im%2FVlHiRmia02CDgga7w-uNb2FQZTZsj3UR%23%2F%3Fv%3D1-2%26dh%3DMCowBQYDK2VuAyEAd2GEWU9Zjrljhw8O4FldcxrqehkDWezXl-cWD-VkeEw%253D%26srv%3Dbeccx4yfxxbvyhqypaavemqurytl6hozr47wfc7uuecacjqdvwpw2xid.onion"]',
       ).should("be.visible");
     });
   });
@@ -50,7 +50,7 @@ describe("Embeds", () => {
   describe("Nostr links", () => {
     it("should embed noub1...", () => {
       cy.visit(
-        "#/n/nevent1qqsd5yw7sntqfc4e7u4aempvgctry2plz653t9gpf97ctk5vc0ftskgpz3mhxue69uhhyetvv9ujuerpd46hxtnfduq3zamnwvaz7tmwdaehgun4v5hxxmmdfxdj3a"
+        "#/n/nevent1qqsd5yw7sntqfc4e7u4aempvgctry2plz653t9gpf97ctk5vc0ftskgpz3mhxue69uhhyetvv9ujuerpd46hxtnfduq3zamnwvaz7tmwdaehgun4v5hxxmmdfxdj3a",
       );
       cy.contains("Alby team");
 
@@ -69,7 +69,7 @@ describe("Embeds", () => {
   describe("youtube", () => {
     it("should embed playlists", () => {
       cy.visit(
-        "#/n/nevent1qqs8w6e63smpr5ccmz4l0w5pvnkp6r7z2fxaadjwu2g74y95pl9xv0cpzpmhxue69uhkummnw3ezuamfdejszrthwden5te0dehhxtnvdakqqkgf54"
+        "#/n/nevent1qqs8w6e63smpr5ccmz4l0w5pvnkp6r7z2fxaadjwu2g74y95pl9xv0cpzpmhxue69uhkummnw3ezuamfdejszrthwden5te0dehhxtnvdakqqkgf54",
       );
 
       cy.findByTitle(/youtube video player/i).should("be.visible");
@@ -80,31 +80,31 @@ describe("Embeds", () => {
   describe("Music", () => {
     it("should handle wavlake links", () => {
       cy.visit(
-        "#/n/nevent1qqsve4ud5v8gjds2f2h7exlmjvhqayu4s520pge7frpwe22wezny0pcpp4mhxue69uhkummn9ekx7mqprdmhxue69uhkvet9v3ejumn0wd68ytnzv9hxgtmdv4kk2mxs3z0"
+        "#/n/nevent1qqsve4ud5v8gjds2f2h7exlmjvhqayu4s520pge7frpwe22wezny0pcpp4mhxue69uhkummn9ekx7mqprdmhxue69uhkvet9v3ejumn0wd68ytnzv9hxgtmdv4kk2mxs3z0",
       );
       cy.findByTitle("Wavlake Embed").should("be.visible");
     });
 
     it("should handle spotify links", () => {
       cy.visit(
-        "#/n/nevent1qqsx0lz7m72qzq499exwhnfszvgwea8tv38x9wkv32yhkmwwmhgs7jgprdmhxue69uhkvet9v3ejumn0wd68ytnzv9hxgtmdv4kk25m3sln"
+        "#/n/nevent1qqsx0lz7m72qzq499exwhnfszvgwea8tv38x9wkv32yhkmwwmhgs7jgprdmhxue69uhkvet9v3ejumn0wd68ytnzv9hxgtmdv4kk25m3sln",
       );
       cy.findByTitle("Spotify List Embed").should("exist");
 
       cy.visit(
-        "#/n/nevent1qqsqxkmz49hydf8ppa9k6x6zrcq7m4evhhlye0j3lcnz8hrl2q6np4spz3mhxue69uhhyetvv9ujuerpd46hxtnfdult02qz"
+        "#/n/nevent1qqsqxkmz49hydf8ppa9k6x6zrcq7m4evhhlye0j3lcnz8hrl2q6np4spz3mhxue69uhhyetvv9ujuerpd46hxtnfdult02qz",
       );
       cy.findByTitle("Spotify Embed").should("exist");
     });
 
     it("should handle apple music links", () => {
       cy.visit(
-        "#/n/nevent1qqs9kqt9d7r4zjpawcyl82x5qsn4hals4wn294dv95knrahs4mggwasprdmhxue69uhkvet9v3ejumn0wd68ytnzv9hxgtmdv4kk2whhzvz"
+        "#/n/nevent1qqs9kqt9d7r4zjpawcyl82x5qsn4hals4wn294dv95knrahs4mggwasprdmhxue69uhkvet9v3ejumn0wd68ytnzv9hxgtmdv4kk2whhzvz",
       );
       cy.findByTitle("Apple Music Embed").should("exist");
 
       cy.visit(
-        "#/n/nevent1qqszyrz4uug75j4086kj4f8peg3g0v8g9f04zjxplnpq0uxljtthggqprdmhxue69uhkvet9v3ejumn0wd68ytnzv9hxgtmdv4kk2aeexmq"
+        "#/n/nevent1qqszyrz4uug75j4086kj4f8peg3g0v8g9f04zjxplnpq0uxljtthggqprdmhxue69uhkvet9v3ejumn0wd68ytnzv9hxgtmdv4kk2aeexmq",
       );
       cy.findByTitle("Apple Music List Embed").should("exist");
     });
@@ -118,7 +118,7 @@ describe("Embeds", () => {
   describe("Emoji", () => {
     it("should embed emojis", () => {
       cy.visit(
-        "#/n/nevent1qqsdj7k47uh4z0ypl2m29lvd4ar9zpf6dcy7ls0q6g6qctnxfj5n3pcpzpmhxue69uhkummnw3ezuamfdejszrthwden5te0dehhxtnvdakqdyqlpq"
+        "#/n/nevent1qqsdj7k47uh4z0ypl2m29lvd4ar9zpf6dcy7ls0q6g6qctnxfj5n3pcpzpmhxue69uhkummnw3ezuamfdejszrthwden5te0dehhxtnvdakqdyqlpq",
       );
 
       cy.findByRole("img", { name: /pepeD/i }).should("be.visible");
diff --git a/cypress/e2e/login.cy.ts b/cypress/e2e/login.cy.ts
index e068c957a..00a7770a5 100644
--- a/cypress/e2e/login.cy.ts
+++ b/cypress/e2e/login.cy.ts
@@ -50,7 +50,7 @@ describe("Login view", () => {
 
   it("should redirect after login", () => {
     cy.visit(
-      "#/n/nevent1qqs88gdxv36qsjfwr66k7wxuq9r2tg8rsdcnfkcqdg4sc6vlnsma98qpzpmhxue69uhkummnw3ezuamfdejsz9rhwden5te0wfjkccte9ejxzmt4wvhxjmccew89d"
+      "#/n/nevent1qqs88gdxv36qsjfwr66k7wxuq9r2tg8rsdcnfkcqdg4sc6vlnsma98qpzpmhxue69uhkummnw3ezuamfdejsz9rhwden5te0wfjkccte9ejxzmt4wvhxjmccew89d",
     );
 
     cy.findByRole("link", { name: /login/i }).click();
diff --git a/cypress/e2e/profile.cy.ts b/cypress/e2e/profile.cy.ts
index d175f099d..5f6d3ad38 100644
--- a/cypress/e2e/profile.cy.ts
+++ b/cypress/e2e/profile.cy.ts
@@ -1,7 +1,7 @@
 describe("Profile view", () => {
   it("should load a rss feed profile", () => {
     cy.visit(
-      "#/u/nprofile1qqsp6hxqjatvxtesgszs8aee0fcjccxa3ef3mzjva4uv2yr5lucp6jcpzemhxue69uhhyumnd3shjtnwdaehgu3wd4hk2s8c5un"
+      "#/u/nprofile1qqsp6hxqjatvxtesgszs8aee0fcjccxa3ef3mzjva4uv2yr5lucp6jcpzemhxue69uhhyumnd3shjtnwdaehgu3wd4hk2s8c5un",
     );
 
     cy.contains("fjsmu");
diff --git a/cypress/e2e/public.cy.ts b/cypress/e2e/public.cy.ts
index 8aeae9332..499d320b2 100644
--- a/cypress/e2e/public.cy.ts
+++ b/cypress/e2e/public.cy.ts
@@ -2,7 +2,7 @@ describe("No account", () => {
   describe("note view", () => {
     it("should fetch and render note", () => {
       cy.visit(
-        "#/n/nevent1qqs84hwdlls703w4yf66qsszxjqfc0xselfxrzr6n4qp40vzdnczragpr4mhxue69uhkummnw3ez6ur4vgh8wetvd3hhyer9wghxuet5jcwczn"
+        "#/n/nevent1qqs84hwdlls703w4yf66qsszxjqfc0xselfxrzr6n4qp40vzdnczragpr4mhxue69uhkummnw3ez6ur4vgh8wetvd3hhyer9wghxuet5jcwczn",
       );
 
       cy.get(".chakra-card")
diff --git a/cypress/e2e/thread.cy.ts b/cypress/e2e/thread.cy.ts
index 313aca5de..0a1d37156 100644
--- a/cypress/e2e/thread.cy.ts
+++ b/cypress/e2e/thread.cy.ts
@@ -1,7 +1,7 @@
 describe("Thread", () => {
   it("should handle quote notes with e tags correctly", () => {
     cy.visit(
-      "#/n/nevent1qqsx2lnyuke6vmsrz9fdrd6uwjy0g0e9l6menfgdj5truugkh9qmkkgpzpmhxue69uhkummnw3ezuamfdejszrthwden5te0dehhxtnvdakqgc9md6"
+      "#/n/nevent1qqsx2lnyuke6vmsrz9fdrd6uwjy0g0e9l6menfgdj5truugkh9qmkkgpzpmhxue69uhkummnw3ezuamfdejszrthwden5te0dehhxtnvdakqgc9md6",
     );
 
     // find first note
diff --git a/index.html b/index.html
index f80fce05e..42965167e 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
diff --git a/package.json b/package.json
index 5341b9d17..5f279e356 100644
--- a/package.json
+++ b/package.json
@@ -5,22 +5,23 @@
   "license": "MIT",
   "scripts": {
     "start": "vite serve",
+    "dev": "vite serve",
     "build": "tsc --project tsconfig.json && vite build",
     "format": "prettier --ignore-path .prettierignore -w .",
     "e2e": "cypress open",
     "test": "cypress run --e2e --browser=chrome"
   },
   "dependencies": {
-    "@chakra-ui/icons": "^2.0.19",
-    "@chakra-ui/react": "^2.7.1",
-    "@emotion/react": "^11.11.0",
+    "@chakra-ui/icons": "^2.1.0",
+    "@chakra-ui/react": "^2.8.0",
+    "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "bech32": "^2.0.0",
     "cheerio": "^1.0.0-rc.12",
     "dayjs": "^1.11.9",
     "debug": "^4.3.4",
-    "framer-motion": "^7.10.3",
-    "hls.js": "^1.4.7",
+    "framer-motion": "^10.16.0",
+    "hls.js": "^1.4.10",
     "idb": "^7.1.1",
     "identicon.js": "^2.3.3",
     "leaflet": "^1.9.4",
@@ -28,16 +29,18 @@
     "light-bolt11-decoder": "^3.0.0",
     "ngeohash": "^0.6.3",
     "noble-secp256k1": "^1.2.14",
-    "nostr-tools": "^1.12.1",
+    "nostr-tools": "^1.14.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-error-boundary": "^4.0.10",
-    "react-hook-form": "^7.45.1",
+    "react-error-boundary": "^4.0.11",
+    "react-hook-form": "^7.45.4",
+    "react-photo-album": "^2.3.0",
     "react-qr-barcode-scanner": "^1.0.6",
-    "react-router-dom": "^6.14.1",
+    "react-router-dom": "^6.15.0",
     "react-singleton-hook": "^4.0.1",
     "react-use": "^17.4.0",
-    "webln": "^0.3.2"
+    "webln": "^0.3.2",
+    "yet-another-react-lightbox": "^3.12.1"
   },
   "devDependencies": {
     "@changesets/cli": "^2.26.2",
@@ -47,17 +50,17 @@
     "@types/leaflet": "^1.9.3",
     "@types/leaflet.locatecontrol": "^0.74.1",
     "@types/ngeohash": "^0.6.4",
-    "@types/react": "^18.2.14",
-    "@types/react-dom": "^18.2.6",
-    "@vitejs/plugin-react": "^4.0.1",
-    "cypress": "^12.16.0",
-    "prettier": "^2.8.8",
+    "@types/react": "^18.2.20",
+    "@types/react-dom": "^18.2.7",
+    "@vitejs/plugin-react": "^4.0.4",
+    "cypress": "^12.17.4",
+    "prettier": "^3.0.2",
     "typescript": "^5.1.6",
-    "vite": "^4.3.9",
+    "vite": "^4.4.9",
     "vite-plugin-pwa": "^0.16.4"
   },
   "resolutions": {
-    "@types/react": "^18.2.14",
-    "@types/react-dom": "^18.2.6"
+    "@types/react": "^18.2.20",
+    "@types/react-dom": "^18.2.7"
   }
 }
diff --git a/src/app.tsx b/src/app.tsx
index ae21fd0b1..bb375daff 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -28,7 +28,6 @@ import DirectMessageChatView from "./views/messages/chat";
 import NostrLinkView from "./views/link";
 import UserReportsTab from "./views/user/reports";
 import ToolsHomeView from "./views/tools";
-import Nip19ToolsView from "./views/tools/nip19";
 import UserAboutTab from "./views/user/about";
 import UserLikesTab from "./views/user/likes";
 import useSetColorMode from "./hooks/use-set-color-mode";
@@ -116,10 +115,7 @@ const router = createHashRouter([
       { path: "profile", element: <ProfileView /> },
       {
         path: "tools",
-        children: [
-          { path: "", element: <ToolsHomeView /> },
-          { path: "nip19", element: <Nip19ToolsView /> },
-        ],
+        children: [{ path: "", element: <ToolsHomeView /> }],
       },
       {
         path: "streams",
diff --git a/src/classes/nostr-post-action.ts b/src/classes/nostr-post-action.ts
deleted file mode 100644
index d3254e3e0..000000000
--- a/src/classes/nostr-post-action.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import relayPoolService from "../services/relay-pool";
-import { NostrEvent } from "../types/nostr-event";
-import createDefer from "./deferred";
-import { IncomingCommandResult, Relay } from "./relay";
-import { ListenerFn, Subject } from "./subject";
-
-export type PostResult = { url: string; message?: string; status: boolean };
-
-export function nostrPostAction(relays: string[], event: NostrEvent, timeout: number = 5000) {
-  const subject = new Subject<PostResult>();
-  const onComplete = createDefer<void>();
-  const remaining = new Map<Relay, ListenerFn<IncomingCommandResult>>();
-
-  for (const url of relays) {
-    const relay = relayPoolService.requestRelay(url);
-
-    const handler = (result: IncomingCommandResult) => {
-      if (result.eventId === event.id) {
-        subject.next({
-          url,
-          status: result.status,
-          message: result.message,
-        });
-
-        relay.onCommandResult.unsubscribe(handler);
-        remaining.delete(relay);
-        if (remaining.size === 0) onComplete.resolve();
-      }
-    };
-    relay.onCommandResult.subscribe(handler);
-    remaining.set(relay, handler);
-
-    // send event
-    relay.send(["EVENT", event]);
-  }
-
-  setTimeout(() => {
-    if (remaining.size > 0) {
-      for (const [relay, handler] of remaining) {
-        relay.onCommandResult.unsubscribe(handler);
-      }
-      onComplete.resolve();
-    }
-  }, timeout);
-
-  return {
-    results: subject,
-    onComplete,
-  };
-}
diff --git a/src/classes/nostr-publish-action.ts b/src/classes/nostr-publish-action.ts
new file mode 100644
index 000000000..e08bf67a0
--- /dev/null
+++ b/src/classes/nostr-publish-action.ts
@@ -0,0 +1,65 @@
+import { addToLog } from "../services/publish-log";
+import relayPoolService from "../services/relay-pool";
+import { NostrEvent } from "../types/nostr-event";
+import createDefer from "./deferred";
+import { IncomingCommandResult, Relay } from "./relay";
+import Subject, { PersistentSubject } from "./subject";
+
+let lastId = 0;
+
+export default class NostrPublishAction {
+  id = lastId++;
+  label: string;
+  relays: string[];
+  event: NostrEvent;
+
+  results = new PersistentSubject<IncomingCommandResult[]>([]);
+  onResult = new Subject<IncomingCommandResult>(undefined, false);
+  onComplete = createDefer<IncomingCommandResult[]>();
+
+  private remaining = new Set<Relay>();
+
+  constructor(label: string, relays: string[], event: NostrEvent, timeout: number = 5000) {
+    this.label = label;
+    this.relays = relays;
+    this.event = event;
+
+    for (const url of relays) {
+      const relay = relayPoolService.requestRelay(url);
+      this.remaining.add(relay);
+      relay.onCommandResult.subscribe(this.handleResult, this);
+
+      // send event
+      relay.send(["EVENT", event]);
+    }
+
+    setTimeout(this.handleTimeout.bind(this), timeout);
+
+    addToLog(this);
+  }
+
+  private handleResult(result: IncomingCommandResult) {
+    if (result.eventId === this.event.id) {
+      const relay = result.relay;
+      this.results.next([...this.results.value, result]);
+
+      this.onResult.next(result);
+
+      relay.onCommandResult.unsubscribe(this.handleResult, this);
+      this.remaining.delete(relay);
+      if (this.remaining.size === 0) this.onComplete.resolve(this.results.value);
+    }
+  }
+
+  private handleTimeout() {
+    for (const relay of this.remaining) {
+      this.handleResult({
+        message: "Timeout",
+        eventId: this.event.id,
+        status: false,
+        type: "OK",
+        relay,
+      });
+    }
+  }
+}
diff --git a/src/classes/relay.ts b/src/classes/relay.ts
index 69d7b375f..f3b2197e6 100644
--- a/src/classes/relay.ts
+++ b/src/classes/relay.ts
@@ -40,12 +40,12 @@ const CONNECTION_TIMEOUT = 1000 * 30;
 
 export class Relay {
   url: string;
-  onOpen = new Subject<Relay>();
-  onClose = new Subject<Relay>();
-  onEvent = new Subject<IncomingEvent>();
-  onNotice = new Subject<IncomingNotice>();
-  onEOSE = new Subject<IncomingEOSE>();
-  onCommandResult = new Subject<IncomingCommandResult>();
+  onOpen = new Subject<Relay>(undefined, false);
+  onClose = new Subject<Relay>(undefined, false);
+  onEvent = new Subject<IncomingEvent>(undefined, false);
+  onNotice = new Subject<IncomingNotice>(undefined, false);
+  onEOSE = new Subject<IncomingEOSE>(undefined, false);
+  onCommandResult = new Subject<IncomingCommandResult>(undefined, false);
   ws?: WebSocket;
   mode: RelayMode = RelayMode.ALL;
 
diff --git a/src/classes/subject.ts b/src/classes/subject.ts
index 064dd8d4d..a4b3aece0 100644
--- a/src/classes/subject.ts
+++ b/src/classes/subject.ts
@@ -8,20 +8,22 @@ interface ConnectableApi<T> {
   connect(connectable: Connectable<T>): this;
   disconnect(connectable: Connectable<T>): this;
 }
-type Connection<From, To = From, Prev = To> = (value: From, next: (value: To) => any, prevValue: Prev) => void;
+export type Connection<From, To = From, Prev = To> = (value: From, next: (value: To) => any, prevValue: Prev) => void;
 
 export class Subject<Value> implements Connectable<Value> {
   listeners: [ListenerFn<Value>, Object | undefined][] = [];
 
   value?: Value;
-  constructor(value?: Value) {
-    this.value = value;
+  cacheValue: boolean;
+  constructor(value?: Value, cacheValue = true) {
+    this.cacheValue = cacheValue;
+    if (this.cacheValue) this.value = value;
   }
 
   next(value: Value) {
     if (this.value === value) return;
 
-    this.value = value;
+    if (this.cacheValue) this.value = value;
     for (const [listener, ctx] of this.listeners) {
       if (ctx) listener.call(ctx, value);
       else listener(value);
@@ -99,7 +101,7 @@ export class Subject<Value> implements Connectable<Value> {
 export class PersistentSubject<Value> extends Subject<Value> implements ConnectableApi<Value> {
   value: Value;
   constructor(value: Value) {
-    super();
+    super(value, true);
     this.value = value;
   }
 }
diff --git a/src/components/connected-relays.tsx b/src/components/connected-relays.tsx
index 719e47d8a..64e9e1493 100644
--- a/src/components/connected-relays.tsx
+++ b/src/components/connected-relays.tsx
@@ -21,7 +21,6 @@ import {
 import relayPoolService from "../services/relay-pool";
 import { useInterval } from "react-use";
 import { RelayStatus } from "./relay-status";
-import { useIsMobile } from "../hooks/use-is-mobile";
 import { RelayIcon } from "./icons";
 import { Relay } from "../classes/relay";
 import { RelayFavicon } from "./relay-favicon";
@@ -29,7 +28,6 @@ import relayScoreboardService from "../services/relay-scoreboard";
 import { RelayScoreBreakdown } from "./relay-score-breakdown";
 
 export const ConnectedRelays = () => {
-  const isMobile = useIsMobile();
   const { isOpen, onOpen, onClose } = useDisclosure();
   const [relays, setRelays] = useState<Relay[]>(relayPoolService.getRelays());
   const sortedRelays = useMemo(() => relayScoreboardService.getRankedRelays(relays.map((r) => r.url)), [relays]);
diff --git a/src/components/embed-types/common.tsx b/src/components/embed-types/common.tsx
index 32804bc27..8e9c22361 100644
--- a/src/components/embed-types/common.tsx
+++ b/src/components/embed-types/common.tsx
@@ -1,56 +1,10 @@
-import { Box, Image, ImageProps, Link, useDisclosure } from "@chakra-ui/react";
-import appSettings from "../../services/settings/app-settings";
-import { ImageGalleryLink } from "../image-gallery";
-import { useTrusted } from "../../providers/trust";
+import { Link } from "@chakra-ui/react";
+
 import OpenGraphCard from "../open-graph-card";
+import { isVideoURL } from "../../helpers/url";
 
-const BlurredImage = (props: ImageProps) => {
-  const { isOpen, onOpen } = useDisclosure();
-  return (
-    <Box overflow="hidden">
-      <Image
-        onClick={
-          !isOpen
-            ? (e) => {
-                e.stopPropagation();
-                e.preventDefault();
-                onOpen();
-              }
-            : undefined
-        }
-        cursor="pointer"
-        filter={isOpen ? "" : "blur(1.5rem)"}
-        {...props}
-      />
-    </Box>
-  );
-};
-
-const EmbeddedImage = ({ src }: { src: string }) => {
-  const trusted = useTrusted();
-  const ImageComponent = trusted || !appSettings.value.blurImages ? Image : BlurredImage;
-  const thumbnail = appSettings.value.imageProxy
-    ? new URL(`/256,fit/${src}`, appSettings.value.imageProxy).toString()
-    : src;
-
-  return (
-    <ImageGalleryLink href={src} target="_blank" display="block" mx="-2">
-      <ImageComponent src={thumbnail} cursor="pointer" maxH={["initial", "35vh"]} mx={["auto", 0]} />
-    </ImageGalleryLink>
-  );
-};
-
-// note1n06jceulg3gukw836ghd94p0ppwaz6u3mksnnz960d8vlcp2fnqsgx3fu9
-const imageExt = [".svg", ".gif", ".png", ".jpg", ".jpeg", ".webp", ".avif"];
-export function renderImageUrl(match: URL) {
-  if (!imageExt.some((ext) => match.pathname.endsWith(ext))) return null;
-
-  return <EmbeddedImage src={match.toString()} />;
-}
-
-const videoExt = [".mp4", ".mkv", ".webm", ".mov"];
 export function renderVideoUrl(match: URL) {
-  if (!videoExt.some((ext) => match.pathname.endsWith(ext))) return null;
+  if (!isVideoURL(match)) return null;
 
   return <video src={match.toString()} controls style={{ maxWidth: "30rem", maxHeight: "20rem", width: "100%" }} />;
 }
diff --git a/src/components/embed-types/emoji.tsx b/src/components/embed-types/emoji.tsx
index 505cc400d..3fba2f7b5 100644
--- a/src/components/embed-types/emoji.tsx
+++ b/src/components/embed-types/emoji.tsx
@@ -4,10 +4,10 @@ import { DraftNostrEvent, NostrEvent } from "../../types/nostr-event";
 
 export function embedEmoji(content: EmbedableContent, note: NostrEvent | DraftNostrEvent) {
   return embedJSX(content, {
-    regexp: /:([a-zA-Z0-9_]+):/i,
+    regexp: /:([a-zA-Z0-9_]+):/gi,
     render: (match) => {
       const emojiTag = note.tags.find(
-        (tag) => tag[0] === "emoji" && tag[1].toLowerCase() === match[1].toLowerCase() && tag[2]
+        (tag) => tag[0] === "emoji" && tag[1].toLowerCase() === match[1].toLowerCase() && tag[2],
       );
       if (emojiTag) {
         return (
diff --git a/src/components/embed-types/image.tsx b/src/components/embed-types/image.tsx
new file mode 100644
index 000000000..796f0baaf
--- /dev/null
+++ b/src/components/embed-types/image.tsx
@@ -0,0 +1,168 @@
+import {
+  CSSProperties,
+  MouseEventHandler,
+  MutableRefObject,
+  forwardRef,
+  useCallback,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import { Image, ImageProps, useBreakpointValue } from "@chakra-ui/react";
+
+import appSettings from "../../services/settings/app-settings";
+import { useTrusted } from "../../providers/trust";
+import { EmbedableContent, defaultGetLocation } from "../../helpers/embeds";
+import { getMatchLink } from "../../helpers/regexp";
+import { useRegisterSlide } from "../lightbox-provider";
+import { isImageURL } from "../../helpers/url";
+import PhotoGallery, { PhotoWithoutSize } from "../photo-gallery";
+import { NostrEvent } from "../../types/nostr-event";
+import useAppSettings from "../../hooks/use-app-settings";
+
+function useElementBlur(initBlur = false): { style: CSSProperties; onClick: MouseEventHandler } {
+  const [blur, setBlur] = useState(initBlur);
+
+  const onClick = useCallback<MouseEventHandler>(
+    (e) => {
+      if (blur) {
+        e.stopPropagation();
+        e.preventDefault();
+        setBlur(false);
+      }
+    },
+    [blur],
+  );
+
+  const style: CSSProperties = blur ? { filter: "blur(1.5rem)", cursor: "pointer" } : {};
+
+  return { onClick, style };
+}
+
+export type TrustImageProps = ImageProps;
+
+export const TrustImage = forwardRef<HTMLImageElement, TrustImageProps>((props, ref) => {
+  const { blurImages } = useAppSettings();
+  const trusted = useTrusted();
+  const { onClick, style } = useElementBlur(!trusted);
+
+  const handleClick = useCallback<MouseEventHandler<HTMLImageElement>>(
+    (e) => {
+      onClick(e);
+      if (props.onClick && !e.isPropagationStopped()) {
+        props.onClick(e);
+      }
+    },
+    [onClick, props.onClick],
+  );
+
+  if (!blurImages) return <Image {...props} ref={ref} />;
+  else return <Image {...props} onClick={handleClick} style={{ ...style, ...props.style }} ref={ref} />;
+});
+
+export type EmbeddedImageProps = TrustImageProps & {
+  event?: NostrEvent;
+};
+
+export const EmbeddedImage = forwardRef<HTMLImageElement, EmbeddedImageProps>(({ src, event, ...props }, ref) => {
+  const thumbnail = appSettings.value.imageProxy
+    ? new URL(`/256,fit/${src}`, appSettings.value.imageProxy).toString()
+    : src;
+
+  ref = ref || useRef<HTMLImageElement | null>(null);
+  const { show } = useRegisterSlide(
+    ref as MutableRefObject<HTMLImageElement | null>,
+    src ? { type: "image", src, event } : undefined,
+  );
+
+  return <TrustImage {...props} src={thumbnail} cursor="pointer" ref={ref} onClick={show} />;
+});
+
+export function ImageGallery({ images, event }: { images: string[]; event?: NostrEvent }) {
+  const photos = useMemo(() => {
+    return images.map((img) => {
+      const photo: PhotoWithoutSize = { src: img };
+      return photo;
+    });
+  }, [images]);
+
+  const rowMultiplier = useBreakpointValue({ base: 1.5, sm: 2, md: 3, lg: 4, xl: 5 }) ?? 4;
+
+  return (
+    <PhotoGallery
+      layout="rows"
+      photos={photos}
+      renderPhoto={({ photo, imageProps, wrapperStyle }) => <EmbeddedImage {...imageProps} />}
+      targetRowHeight={(containerWidth) => containerWidth / rowMultiplier}
+    />
+  );
+}
+
+// nevent1qqs8397rp8tt60f3lm8zldt8uqljuqw9axp8z79w0qsmj3r96lmg4tgpz3mhxue69uhhyetvv9ujuerpd46hxtnfduq3zamnwvaz7tmwdaehgun4v5hxxmmd0mkwa9
+export function embedImageGallery(content: EmbedableContent, event?: NostrEvent): EmbedableContent {
+  return content
+    .map((subContent, i) => {
+      if (typeof subContent === "string") {
+        const matches = Array.from(subContent.matchAll(getMatchLink()));
+
+        const newContent: EmbedableContent = [];
+        let lastBatchEnd = 0;
+        let batch: RegExpMatchArray[] = [];
+
+        const renderBatch = () => {
+          if (batch.length > 1) {
+            // render previous batch
+            const lastMatchPosition = defaultGetLocation(batch[batch.length - 1]);
+            const before = subContent.substring(lastBatchEnd, defaultGetLocation(batch[0]).start);
+            const render = <ImageGallery images={batch.map((m) => m[0])} event={event} />;
+
+            newContent.push(before, render);
+            lastBatchEnd = lastMatchPosition.end;
+          }
+
+          batch = [];
+        };
+
+        for (const match of matches) {
+          try {
+            const url = new URL(match[0]);
+            if (!isImageURL(url)) throw new Error("not an image");
+
+            // if this is the first image, add it to the batch
+            if (batch.length === 0) {
+              batch = [match];
+              continue;
+            }
+
+            const last = defaultGetLocation(batch[batch.length - 1]);
+            const position = defaultGetLocation(match);
+            const space = subContent.substring(last.end, position.start).trim();
+
+            // if there was a non-space between this and the last batch
+            if (space.length > 0) renderBatch();
+
+            batch.push(match);
+          } catch (e) {
+            // start a new batch without current match
+            batch = [];
+          }
+        }
+
+        renderBatch();
+
+        newContent.push(subContent.substring(lastBatchEnd));
+
+        return newContent;
+      }
+
+      return subContent;
+    })
+    .flat();
+}
+
+// nostr:nevent1qqsfhafvv705g5wt8rcaytkj6shsshw3dwgamgfe3za8knk0uq4yesgpzpmhxue69uhkummnw3ezuamfdejszrthwden5te0dehhxtnvdakqsrnltk
+export function renderImageUrl(match: URL) {
+  if (!isImageURL(match)) return null;
+
+  return <EmbeddedImage src={match.toString()} maxH={["initial", "35vh"]} />;
+}
diff --git a/src/components/embed-types/index.ts b/src/components/embed-types/index.ts
index ee47dcdca..cd28f30f5 100644
--- a/src/components/embed-types/index.ts
+++ b/src/components/embed-types/index.ts
@@ -5,3 +5,4 @@ export * from "./common";
 export * from "./youtube";
 export * from "./nostr";
 export * from "./emoji";
+export * from "./image";
diff --git a/src/components/embed-types/lightning.tsx b/src/components/embed-types/lightning.tsx
index 9fbbc9ee2..3fb4d7570 100644
--- a/src/components/embed-types/lightning.tsx
+++ b/src/components/embed-types/lightning.tsx
@@ -4,7 +4,7 @@ import { InlineInvoiceCard } from "../inline-invoice-card";
 export function embedLightningInvoice(content: EmbedableContent) {
   return embedJSX(content, {
     name: "Lightning Invoice",
-    regexp: /(lightning:)?(LNBC[A-Za-z0-9]+)/im,
+    regexp: /(lightning:)?(LNBC[A-Za-z0-9]+)/gim,
     render: (match) => <InlineInvoiceCard paymentRequest={match[2]} />,
   });
 }
diff --git a/src/components/embed-types/nostr.tsx b/src/components/embed-types/nostr.tsx
index 3dfc838e0..8415449ce 100644
--- a/src/components/embed-types/nostr.tsx
+++ b/src/components/embed-types/nostr.tsx
@@ -3,17 +3,16 @@ import { EmbedableContent, embedJSX } from "../../helpers/embeds";
 import { DraftNostrEvent, NostrEvent } from "../../types/nostr-event";
 import QuoteNote from "../note/quote-note";
 import { UserLink } from "../user-link";
-import { EventPointer, ProfilePointer } from "nostr-tools/lib/nip19";
 import { Link } from "@chakra-ui/react";
 import { Link as RouterLink } from "react-router-dom";
-import { matchHashtag, matchNostrLink } from "../../helpers/regexp";
+import { getMatchHashtag, getMatchNostrLink } from "../../helpers/regexp";
 
 // nostr:nevent1qqsthg2qlxp9l7egtwa92t8lusm7pjknmjwa75ctrrpcjyulr9754fqpz3mhxue69uhhyetvv9ujuerpd46hxtnfduq36amnwvaz7tmwdaehgu3dwp6kytnhv4kxcmmjv3jhytnwv46q2qg5q9
 // nostr:nevent1qqsq3wc73lqxd70lg43m5rul57d4mhcanttjat56e30yx5zla48qzlspz9mhxue69uhkummnw3e82efwvdhk6qgdwaehxw309ahx7uewd3hkcq5hsum
 export function embedNostrLinks(content: EmbedableContent) {
   return embedJSX(content, {
     name: "nostr-link",
-    regexp: matchNostrLink,
+    regexp: getMatchNostrLink(),
     render: (match) => {
       try {
         const decoded = nip19.decode(match[2]);
@@ -40,7 +39,7 @@ export function embedNostrLinks(content: EmbedableContent) {
 export function embedNostrMentions(content: EmbedableContent, event: NostrEvent | DraftNostrEvent) {
   return embedJSX(content, {
     name: "nostr-mention",
-    regexp: /#\[(\d+)\]/,
+    regexp: /#\[(\d+)\]/g,
     render: (match) => {
       const index = parseInt(match[1]);
       const tag = event?.tags[index];
@@ -64,7 +63,7 @@ export function embedNostrHashtags(content: EmbedableContent, event: NostrEvent
 
   return embedJSX(content, {
     name: "nostr-hashtag",
-    regexp: matchHashtag,
+    regexp: getMatchHashtag(),
     getLocation: (match) => {
       if (match.index === undefined) throw new Error("match dose not have index");
 
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index c51820633..1af87bb0a 100644
--- a/src/components/icons.tsx
+++ b/src/components/icons.tsx
@@ -273,11 +273,17 @@ export const ImageGridTimelineIcon = createIcon({
 });
 
 export const TextTimelineIcon = createIcon({
-  displayName: "ImageGridTimeline",
+  displayName: "TextTimelineIcon",
   d: "M8 4H21V6H8V4ZM4.5 6.5C3.67157 6.5 3 5.82843 3 5C3 4.17157 3.67157 3.5 4.5 3.5C5.32843 3.5 6 4.17157 6 5C6 5.82843 5.32843 6.5 4.5 6.5ZM4.5 13.5C3.67157 13.5 3 12.8284 3 12C3 11.1716 3.67157 10.5 4.5 10.5C5.32843 10.5 6 11.1716 6 12C6 12.8284 5.32843 13.5 4.5 13.5ZM4.5 20.4C3.67157 20.4 3 19.7284 3 18.9C3 18.0716 3.67157 17.4 4.5 17.4C5.32843 17.4 6 18.0716 6 18.9C6 19.7284 5.32843 20.4 4.5 20.4ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z",
   defaultProps,
 });
 
+export const TimelineHealthIcon = createIcon({
+  displayName: "TimelineHealthIcon",
+  d: "M13.1962 2.26791L16.4462 7.89708C16.7223 8.37537 16.5584 8.98696 16.0801 9.2631L14.7806 10.0122L15.7811 11.7452L14.049 12.7452L13.0485 11.0122L11.75 11.7631C11.2717 12.0392 10.6601 11.8754 10.384 11.3971L8.5462 8.2146C6.49383 8.8373 5 10.7442 5 13C5 13.6253 5.1148 14.2238 5.32447 14.7756C6.0992 14.284 7.01643 14 8 14C9.68408 14 11.1737 14.8326 12.0797 16.1086L19.7681 11.6704L20.7681 13.4024L12.8898 17.9509C12.962 18.2892 13 18.6401 13 19C13 19.3427 12.9655 19.6773 12.8999 20.0006L21 20V22L4.00054 22.0012C3.3723 21.1653 3 20.1261 3 19C3 17.9927 3.29782 17.0551 3.81021 16.2702C3.29276 15.2948 3 14.1816 3 13C3 10.0047 4.88131 7.44875 7.52677 6.44942L7.13397 5.76791C6.58169 4.81133 6.90944 3.58815 7.86603 3.03586L10.4641 1.53586C11.4207 0.983577 12.6439 1.31133 13.1962 2.26791ZM8 16C6.34315 16 5 17.3431 5 19C5 19.3506 5.06014 19.6871 5.17067 19.9999H10.8293C10.9399 19.6871 11 19.3506 11 19C11 17.3431 9.65685 16 8 16ZM11.4641 3.26791L8.86602 4.76791L11.616 9.53105L14.2141 8.03105L11.4641 3.26791Z",
+  defaultProps,
+});
+
 export const MapIcon = createIcon({
   displayName: "MapIcon",
   d: "M4 6.14286V18.9669L9.06476 16.7963L15.0648 19.7963L20 17.6812V4.85714L21.303 4.2987C21.5569 4.18992 21.8508 4.30749 21.9596 4.56131C21.9862 4.62355 22 4.69056 22 4.75827V19L15 22L9 19L2.69696 21.7013C2.44314 21.8101 2.14921 21.6925 2.04043 21.4387C2.01375 21.3765 2 21.3094 2 21.2417V7L4 6.14286ZM16.2426 11.2426L12 15.4853L7.75736 11.2426C5.41421 8.89949 5.41421 5.10051 7.75736 2.75736C10.1005 0.414214 13.8995 0.414214 16.2426 2.75736C18.5858 5.10051 18.5858 8.89949 16.2426 11.2426ZM12 12.6569L14.8284 9.82843C16.3905 8.26633 16.3905 5.73367 14.8284 4.17157C13.2663 2.60948 10.7337 2.60948 9.17157 4.17157C7.60948 5.73367 7.60948 8.26633 9.17157 9.82843L12 12.6569Z",
@@ -301,3 +307,9 @@ export const StarHalfIcon = createIcon({
   d: "M12.0006 15.968L16.2473 18.3451L15.2988 13.5717L18.8719 10.2674L14.039 9.69434L12.0006 5.27502V15.968ZM12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z",
   defaultProps,
 });
+
+export const ErrorIcon = createIcon({
+  displayName: "ErrorIcon",
+  d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 15H13V17H11V15ZM11 7H13V13H11V7Z",
+  defaultProps,
+});
diff --git a/src/components/image-gallery.tsx b/src/components/image-gallery.tsx
deleted file mode 100644
index 3ba1bf583..000000000
--- a/src/components/image-gallery.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import {
-  LinkProps,
-  Link,
-  useDisclosure,
-  Modal,
-  ModalOverlay,
-  ModalContent,
-  ModalHeader,
-  ModalCloseButton,
-  ModalBody,
-  Image,
-  ModalFooter,
-  Button,
-} from "@chakra-ui/react";
-import { PropsWithChildren, createContext, forwardRef, useContext, useState } from "react";
-
-const GalleryContext = createContext({
-  isOpen: false,
-  openImage(url: string) {},
-});
-export function useGalleryContext() {
-  return useContext(GalleryContext);
-}
-
-export const ImageGalleryLink = forwardRef(({ children, href, ...props }: Omit<LinkProps, "onClick">, ref) => {
-  const { openImage } = useGalleryContext();
-
-  return (
-    <Link
-      {...props}
-      href={href}
-      onClick={(e) => {
-        if (href) {
-          e.preventDefault();
-          openImage(href);
-        }
-      }}
-      ref={ref}
-    >
-      {children}
-    </Link>
-  );
-});
-
-export function ImageGalleryProvider({ children }: PropsWithChildren) {
-  const { isOpen, onOpen, onClose } = useDisclosure();
-  const [image, setImage] = useState("");
-
-  const openImage = (url: string) => {
-    setImage(url);
-    onOpen();
-  };
-  const context = { isOpen, openImage };
-
-  return (
-    <GalleryContext.Provider value={context}>
-      {children}
-      <Modal isOpen={isOpen} onClose={onClose} size="6xl">
-        <ModalOverlay />
-        <ModalContent>
-          <ModalHeader>Image</ModalHeader>
-          <ModalCloseButton />
-          <ModalBody p="0">
-            <Image src={image} w="full" />
-          </ModalBody>
-
-          <ModalFooter>
-            <Button colorScheme="brand" onClick={onClose}>
-              Close
-            </Button>
-          </ModalFooter>
-        </ModalContent>
-      </Modal>
-    </GalleryContext.Provider>
-  );
-}
diff --git a/src/components/layout/account-switcher.tsx b/src/components/layout/account-switcher.tsx
index dce148950..cfb27fe96 100644
--- a/src/components/layout/account-switcher.tsx
+++ b/src/components/layout/account-switcher.tsx
@@ -32,9 +32,9 @@ function AccountItem({ account }: { account: Account }) {
   };
 
   return (
-    <Box display="flex" gap="4" alignItems="center" cursor="pointer" onClick={handleClick}>
+    <Box display="flex" gap="2" alignItems="center" cursor="pointer" onClick={handleClick}>
       <UserAvatar pubkey={pubkey} size="sm" />
-      <Box flex={1}>
+      <Box flex={1} overflow="hidden">
         <Text isTruncated>{getUserDisplayName(metadata, pubkey)}</Text>
         <AccountInfoBadge fontSize="0.7em" account={account} />
       </Box>
diff --git a/src/components/layout/desktop-side-nav.tsx b/src/components/layout/desktop-side-nav.tsx
index dc93d3f7a..bfda6e89c 100644
--- a/src/components/layout/desktop-side-nav.tsx
+++ b/src/components/layout/desktop-side-nav.tsx
@@ -1,90 +1,67 @@
-import { SettingsIcon } from "@chakra-ui/icons";
-import { Avatar, Button, Flex, FlexProps, Heading, IconButton, LinkOverlay, Text, VStack } from "@chakra-ui/react";
-import { Link as RouterLink, useNavigate } from "react-router-dom";
+import { Avatar, Button, Flex, FlexProps, Heading, IconButton, LinkOverlay, Text } from "@chakra-ui/react";
+import { Link as RouterLink } from "react-router-dom";
 import { useCurrentAccount } from "../../hooks/use-current-account";
 import accountService from "../../services/account";
 import { ConnectedRelays } from "../connected-relays";
-import {
-  ChatIcon,
-  EditIcon,
-  FeedIcon,
-  LiveStreamIcon,
-  LogoutIcon,
-  MapIcon,
-  NotificationIcon,
-  ProfileIcon,
-  RelayIcon,
-  SearchIcon,
-} from "../icons";
+import { EditIcon, LogoutIcon } from "../icons";
 import ProfileLink from "./profile-link";
 import AccountSwitcher from "./account-switcher";
 import { useContext } from "react";
 import { PostModalContext } from "../../providers/post-modal-provider";
+import PublishLog from "../publish-log";
+import NavItems from "./nav-items";
 
 export default function DesktopSideNav(props: Omit<FlexProps, "children">) {
-  const navigate = useNavigate();
   const account = useCurrentAccount();
   const { openModal } = useContext(PostModalContext);
 
   return (
-    <Flex {...props} gap="2" direction="column" width="15rem" pt="2" alignItems="stretch" flexShrink={0}>
-      <Flex gap="2" alignItems="center" position="relative">
-        <LinkOverlay as={RouterLink} to="/" />
-        <Avatar src="/apple-touch-icon.png" size="sm" />
-        <Heading size="md">noStrudel</Heading>
-      </Flex>
-      <ProfileLink />
-      <AccountSwitcher />
-      <Button onClick={() => navigate("/")} leftIcon={<FeedIcon />}>
-        Home
-      </Button>
-      <Button onClick={() => navigate("/notifications")} leftIcon={<NotificationIcon />}>
-        Notifications
-      </Button>
-      <Button onClick={() => navigate("/dm")} leftIcon={<ChatIcon />}>
-        Messages
-      </Button>
-      <Button onClick={() => navigate("/search")} leftIcon={<SearchIcon />}>
-        Search
-      </Button>
-      <Button onClick={() => navigate("/streams")} leftIcon={<LiveStreamIcon />}>
-        Streams
-      </Button>
-      <Button onClick={() => navigate("/map")} leftIcon={<MapIcon />}>
-        Map
-      </Button>
-      <Button onClick={() => navigate("/profile")} leftIcon={<ProfileIcon />}>
-        Profile
-      </Button>
-      <Button onClick={() => navigate("/relays")} leftIcon={<RelayIcon />}>
-        Relays
-      </Button>
-      <Button onClick={() => navigate("/settings")} leftIcon={<SettingsIcon />}>
-        Settings
-      </Button>
-      {account && (
-        <Button onClick={() => accountService.logout()} leftIcon={<LogoutIcon />}>
-          Logout
-        </Button>
-      )}
-      {account?.readonly && (
-        <Text color="red.200" textAlign="center">
-          Readonly Mode
-        </Text>
-      )}
-      <ConnectedRelays />
-      <Flex justifyContent="flex-end" py="8">
-        <IconButton
-          icon={<EditIcon />}
-          aria-label="New post"
-          w="4rem"
-          h="4rem"
-          fontSize="1.5rem"
-          borderRadius="50%"
-          colorScheme="brand"
-          onClick={() => openModal()}
-        />
+    <Flex
+      {...props}
+      gap="2"
+      direction="column"
+      width="15rem"
+      pt="2"
+      alignItems="stretch"
+      flexShrink={0}
+      h="100vh"
+      overflowY="auto"
+      overflowX="hidden"
+    >
+      <Flex direction="column" flexShrink={0} gap="2">
+        <Flex gap="2" alignItems="center" position="relative">
+          <LinkOverlay as={RouterLink} to="/" />
+          <Avatar src="/apple-touch-icon.png" size="sm" />
+          <Heading size="md">noStrudel</Heading>
+        </Flex>
+        <ProfileLink />
+        <AccountSwitcher />
+        <NavItems />
+        {account && (
+          <Button onClick={() => accountService.logout()} leftIcon={<LogoutIcon />} justifyContent="flex-start">
+            Logout
+          </Button>
+        )}
+        {account?.readonly && (
+          <Text color="red.200" textAlign="center">
+            Readonly Mode
+          </Text>
+        )}
+        <ConnectedRelays />
+        <Flex justifyContent="flex-end" py="8">
+          <IconButton
+            icon={<EditIcon />}
+            aria-label="New post"
+            w="4rem"
+            h="4rem"
+            fontSize="1.5rem"
+            borderRadius="50%"
+            colorScheme="brand"
+            onClick={() => openModal()}
+          />
+        </Flex>
       </Flex>
+      <PublishLog overflowY="auto" minH="15rem" />
     </Flex>
   );
 }
diff --git a/src/components/layout/index.tsx b/src/components/layout/index.tsx
index 7b0a640e4..a269034a4 100644
--- a/src/components/layout/index.tsx
+++ b/src/components/layout/index.tsx
@@ -7,25 +7,25 @@ import DesktopSideNav from "./desktop-side-nav";
 import MobileBottomNav from "./mobile-bottom-nav";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
-  const showSideNav = useBreakpointValue({ base: true, md: false });
+  const isMobile = useBreakpointValue({ base: true, md: false });
 
   return (
     <>
       <ReloadPrompt mb="2" />
       <Container size="lg" display="flex" padding="0" gap="4" alignItems="flex-start">
-        {!showSideNav && <DesktopSideNav position="sticky" top="0" />}
+        {!isMobile && <DesktopSideNav position="sticky" top="0" />}
         <Flex
           flexGrow={1}
           direction="column"
           w="full"
           overflowX="hidden"
           overflowY="visible"
-          pb={showSideNav ? "14" : 0}
+          pb={isMobile ? "14" : 0}
           minH="50vh"
         >
           <ErrorBoundary>{children}</ErrorBoundary>
         </Flex>
-        {showSideNav && (
+        {isMobile && (
           <MobileBottomNav
             position="fixed"
             bottom="0"
diff --git a/src/components/layout/mobile-side-drawer.tsx b/src/components/layout/mobile-side-drawer.tsx
index 8e642e6a0..0e72fe0a8 100644
--- a/src/components/layout/mobile-side-drawer.tsx
+++ b/src/components/layout/mobile-side-drawer.tsx
@@ -11,17 +11,18 @@ import {
   Flex,
   Text,
 } from "@chakra-ui/react";
-import { Link as RouterLink, useNavigate } from "react-router-dom";
+import { Link as RouterLink } from "react-router-dom";
+
 import { ConnectedRelays } from "../connected-relays";
-import { HomeIcon, LiveStreamIcon, LogoutIcon, ProfileIcon, RelayIcon, SearchIcon, SettingsIcon } from "../icons";
+import { LogoutIcon } from "../icons";
 import { UserAvatar } from "../user-avatar";
 import { UserLink } from "../user-link";
 import AccountSwitcher from "./account-switcher";
 import { useCurrentAccount } from "../../hooks/use-current-account";
 import accountService from "../../services/account";
+import NavItems from "./nav-items";
 
 export default function MobileSideDrawer({ ...props }: Omit<DrawerProps, "children">) {
-  const navigate = useNavigate();
   const account = useCurrentAccount();
 
   return (
@@ -29,7 +30,7 @@ export default function MobileSideDrawer({ ...props }: Omit<DrawerProps, "childr
       <DrawerOverlay />
       <DrawerContent>
         <DrawerCloseButton />
-        <DrawerHeader px="4" py="4">
+        <DrawerHeader px="2" py="4">
           {account ? (
             <Flex gap="2">
               <UserAvatar pubkey={account.pubkey} size="sm" noProxy />
@@ -45,26 +46,9 @@ export default function MobileSideDrawer({ ...props }: Omit<DrawerProps, "childr
         <DrawerBody padding={0} overflowY="auto" overflowX="hidden">
           <AccountSwitcher />
           <Flex direction="column" gap="2" padding="2">
-            <Button onClick={() => navigate(`/`)} leftIcon={<HomeIcon />}>
-              Home
-            </Button>
-            <Button onClick={() => navigate(`/search`)} leftIcon={<SearchIcon />}>
-              Search
-            </Button>
-            <Button onClick={() => navigate(`/profile`)} leftIcon={<ProfileIcon />}>
-              Profile
-            </Button>
-            <Button onClick={() => navigate("/streams")} leftIcon={<LiveStreamIcon />}>
-              Streams
-            </Button>
-            <Button onClick={() => navigate("/relays")} leftIcon={<RelayIcon />}>
-              Relays
-            </Button>
-            <Button onClick={() => navigate("/settings")} leftIcon={<SettingsIcon />}>
-              Settings
-            </Button>
+            <NavItems isInDrawer />
             {account ? (
-              <Button onClick={() => accountService.logout()} leftIcon={<LogoutIcon />}>
+              <Button onClick={() => accountService.logout()} leftIcon={<LogoutIcon />} justifyContent="flex-start">
                 Logout
               </Button>
             ) : (
diff --git a/src/components/layout/nav-items.tsx b/src/components/layout/nav-items.tsx
new file mode 100644
index 000000000..cad72e2b6
--- /dev/null
+++ b/src/components/layout/nav-items.tsx
@@ -0,0 +1,60 @@
+import { AbsoluteCenter, Box, Button, Divider } from "@chakra-ui/react";
+import { useNavigate } from "react-router-dom";
+import {
+  ChatIcon,
+  FeedIcon,
+  LiveStreamIcon,
+  MapIcon,
+  NotificationIcon,
+  ProfileIcon,
+  RelayIcon,
+  SearchIcon,
+  SettingsIcon,
+  ToolsIcon,
+} from "../icons";
+
+export default function NavItems({ isInDrawer = false }: { isInDrawer?: boolean }) {
+  const navigate = useNavigate();
+
+  return (
+    <>
+      <Button onClick={() => navigate("/")} leftIcon={<FeedIcon />} justifyContent="flex-start">
+        Notes
+      </Button>
+      <Button onClick={() => navigate("/notifications")} leftIcon={<NotificationIcon />} justifyContent="flex-start">
+        Notifications
+      </Button>
+      <Button onClick={() => navigate("/dm")} leftIcon={<ChatIcon />} justifyContent="flex-start">
+        Messages
+      </Button>
+      <Button onClick={() => navigate("/search")} leftIcon={<SearchIcon />} justifyContent="flex-start">
+        Search
+      </Button>
+      <Button onClick={() => navigate("/relays")} leftIcon={<RelayIcon />} justifyContent="flex-start">
+        Relays
+      </Button>
+      <Box position="relative" py="4">
+        <Divider />
+        <AbsoluteCenter
+          backgroundColor={isInDrawer ? "var(--drawer-bg)" : "var(--chakra-colors-chakra-body-bg)"}
+          px="2"
+        >
+          Other Stuff
+        </AbsoluteCenter>
+      </Box>
+      <Button onClick={() => navigate("/streams")} leftIcon={<LiveStreamIcon />} justifyContent="flex-start">
+        Streams
+      </Button>
+      <Button onClick={() => navigate("/map")} leftIcon={<MapIcon />} justifyContent="flex-start">
+        Map
+      </Button>
+      <Button onClick={() => navigate("/tools")} leftIcon={<ToolsIcon />} justifyContent="flex-start">
+        Tools
+      </Button>
+      <Divider my="2" />
+      <Button onClick={() => navigate("/settings")} leftIcon={<SettingsIcon />} justifyContent="flex-start">
+        Settings
+      </Button>
+    </>
+  );
+}
diff --git a/src/components/layout/profile-link.tsx b/src/components/layout/profile-link.tsx
index c29b27462..0ebdaf4a7 100644
--- a/src/components/layout/profile-link.tsx
+++ b/src/components/layout/profile-link.tsx
@@ -1,27 +1,29 @@
-import { Box, Button, LinkBox, Text } from "@chakra-ui/react";
+import { Box, Button, LinkBox, LinkOverlay } from "@chakra-ui/react";
 import { Link as RouterLink, useLocation } from "react-router-dom";
 import { UserAvatar } from "../user-avatar";
-import { useUserMetadata } from "../../hooks/use-user-metadata";
-import { Bech32Prefix, normalizeToBech32 } from "../../helpers/nip19";
-import { truncatedId } from "../../helpers/nostr/event";
 import { useCurrentAccount } from "../../hooks/use-current-account";
+import { UserDnsIdentityIcon } from "../user-dns-identity-icon";
+import { useUserMetadata } from "../../hooks/use-user-metadata";
+import { nip19 } from "nostr-tools";
+import { getUserDisplayName } from "../../helpers/user-metadata";
 
 function ProfileButton() {
   const account = useCurrentAccount()!;
   const metadata = useUserMetadata(account.pubkey);
 
   return (
-    <LinkBox
-      as={RouterLink}
-      to={`/u/${normalizeToBech32(account.pubkey, Bech32Prefix.Pubkey)}`}
-      display="flex"
-      gap="2"
-      overflow="hidden"
-    >
-      <UserAvatar pubkey={account.pubkey} noProxy />
+    <LinkBox borderRadius="lg" borderWidth={1} p="2" display="flex" gap="2" alignItems="center">
+      <UserAvatar pubkey={account.pubkey} noProxy size="sm" />
       <Box>
-        <Text fontWeight="bold">{metadata?.name}</Text>
-        <Text>{truncatedId(normalizeToBech32(account.pubkey) ?? "")}</Text>
+        <LinkOverlay
+          as={RouterLink}
+          to={`/u/${nip19.npubEncode(account.pubkey)}`}
+          whiteSpace="nowrap"
+          fontWeight="bold"
+          fontSize="lg"
+        >
+          {getUserDisplayName(metadata, account.pubkey)}
+        </LinkOverlay>
       </Box>
     </LinkBox>
   );
diff --git a/src/components/lightbox-provider.tsx b/src/components/lightbox-provider.tsx
new file mode 100644
index 000000000..e0091bb57
--- /dev/null
+++ b/src/components/lightbox-provider.tsx
@@ -0,0 +1,213 @@
+import {
+  DependencyList,
+  MutableRefObject,
+  PropsWithChildren,
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import { Button, Flex, FlexProps, Spacer, useDisclosure } from "@chakra-ui/react";
+import { useUnmount } from "react-use";
+import { Link as RouterLink } from "react-router-dom";
+
+import Lightbox, { RenderSlideContainerProps, Slide } from "yet-another-react-lightbox";
+import Zoom from "yet-another-react-lightbox/plugins/zoom";
+import Counter from "yet-another-react-lightbox/plugins/counter";
+import Download from "yet-another-react-lightbox/plugins/download";
+
+import "yet-another-react-lightbox/styles.css";
+import "yet-another-react-lightbox/plugins/counter.css";
+
+// extend slide type to include eventId
+declare module "yet-another-react-lightbox" {
+  interface GenericSlide {
+    event?: NostrEvent;
+  }
+}
+
+import { NostrEvent } from "../types/nostr-event";
+import { UserAvatarLink } from "./user-avatar-link";
+import { UserLink } from "./user-link";
+import { UserDnsIdentityIcon } from "./user-dns-identity-icon";
+import styled from "@emotion/styled";
+import { getSharableNoteId } from "../helpers/nip19";
+
+type RefType = MutableRefObject<HTMLElement | null>;
+
+function getElementPath(element: HTMLElement): HTMLElement[] {
+  if (!element.parentElement) return [element];
+  return [...getElementPath(element.parentElement), element];
+}
+function comparePaths(a: HTMLElement[] | null, b: HTMLElement[] | null) {
+  if (a && !b) return -1;
+  if (!b && a) return 1;
+  if (!a || !b) return 0;
+
+  for (let i = 0; i < Math.min(a.length, b.length); i++) {
+    if (a[i] !== b[i] && a[i].parentElement === b[i].parentElement) {
+      const parent = a[i].parentElement;
+      if (!parent) return 0;
+      const children = Array.from(parent.children);
+      return Math.sign(children.indexOf(a[i]) - children.indexOf(b[i]));
+    }
+  }
+  return 0;
+}
+
+const LightboxContext = createContext({
+  isOpen: false,
+  removeSlide(ref: RefType) {},
+  showSlide(ref: RefType) {},
+  addSlide(ref: RefType, slide: Slide) {},
+});
+export function useLightbox() {
+  return useContext(LightboxContext);
+}
+
+export function useRegisterSlide(ref?: RefType, slide?: Slide, watch: DependencyList[] = []) {
+  const { showSlide, addSlide, removeSlide } = useLightbox();
+  const show = useCallback(() => {
+    if (ref) showSlide(ref);
+  }, [ref, showSlide]);
+
+  useEffect(() => {
+    if (ref && slide) addSlide(ref, slide);
+  }, [ref, ...watch]);
+
+  useUnmount(() => {
+    if (ref) removeSlide(ref);
+  });
+
+  return { show };
+}
+
+type DynamicSlide = {
+  ref: RefType;
+  slide: Slide;
+};
+
+const refPaths = new WeakMap<RefType, HTMLElement[]>();
+function getRefPath(ref: RefType) {
+  if (ref.current === null) return null;
+  const cache = refPaths.get(ref);
+  if (cache) return cache;
+  const path = getElementPath(ref.current);
+  refPaths.set(ref, path);
+  return path;
+}
+
+function EventSlideHeader({ event, ...props }: { event: NostrEvent } & Omit<FlexProps, "children">) {
+  const encoded = useMemo(() => getSharableNoteId(event.id), [event.id]);
+
+  return (
+    <Flex gap="2" alignItems="center" p="2" {...props}>
+      <UserAvatarLink pubkey={event.pubkey} size={["xs", "sm"]} />
+      <UserLink pubkey={event.pubkey} isTruncated fontWeight="bold" fontSize="lg" />
+      <UserDnsIdentityIcon pubkey={event.pubkey} onlyIcon />
+      <Spacer />
+      <Button as={RouterLink} to={`/n/${encoded}`} colorScheme="brand" size="sm">
+        View Note
+      </Button>
+    </Flex>
+  );
+}
+
+const StyledContainer = styled(Flex)`
+  & > .yarl__fullsize {
+    overflow: hidden;
+  }
+`;
+export function CustomSlideContainer({ slide, children }: RenderSlideContainerProps) {
+  if (slide.event) {
+    return (
+      <StyledContainer direction="column" w="full" h="full" overflow="hidden">
+        <EventSlideHeader event={slide.event} w="full" maxW="4xl" mx="auto" bg="Background" flexShrink={0} />
+        {children}
+      </StyledContainer>
+    );
+  }
+  return <>{children}</>;
+}
+
+export function LightboxProvider({ children }: PropsWithChildren) {
+  const lightbox = useDisclosure();
+  const [index, setIndex] = useState(0);
+  const [slides, setSlides] = useState<DynamicSlide[]>([]);
+
+  const orderedSlides = useRef<DynamicSlide[]>([]);
+  orderedSlides.current = Array.from(Object.values(slides)).sort((a, b) =>
+    comparePaths(getRefPath(a.ref), getRefPath(b.ref)),
+  );
+
+  const addSlide = useCallback(
+    (ref: RefType, slide: Slide) => {
+      setSlides((arr) => {
+        if (arr.some((s) => s.ref === ref)) {
+          return arr.map((s) => (s.ref === ref ? { ref, slide } : s));
+        }
+        return arr.concat({ ref, slide });
+      });
+    },
+    [setSlides],
+  );
+  const removeSlide = useCallback(
+    (ref: RefType) => {
+      setSlides((arr) => arr.filter((s) => s.ref !== ref));
+    },
+    [setSlides],
+  );
+  const showSlide = useCallback(
+    (ref: RefType) => {
+      for (let i = 0; i < orderedSlides.current.length; i++) {
+        if (orderedSlides.current[i].ref === ref) {
+          // set slide index
+          setIndex(i);
+          lightbox.onOpen();
+          return;
+        }
+      }
+
+      // else select first image
+      setIndex(0);
+      lightbox.onOpen();
+    },
+    [lightbox.onOpen, setIndex],
+  );
+
+  const context = useMemo(
+    () => ({ isOpen: lightbox.isOpen, removeSlide, addSlide, showSlide }),
+    [lightbox.isOpen, removeSlide, addSlide, showSlide],
+  );
+
+  const lightboxSlides = useMemo(() => orderedSlides.current.map((s) => s.slide), [orderedSlides.current, slides]);
+
+  const handleView = useCallback(
+    ({ index }: { index: number }) => {
+      setIndex(index);
+    },
+    [setIndex],
+  );
+
+  return (
+    <LightboxContext.Provider value={context}>
+      {children}
+      <Lightbox
+        index={index}
+        open={lightbox.isOpen}
+        slides={lightboxSlides}
+        close={lightbox.onClose}
+        plugins={[Zoom, Counter, Download]}
+        zoom={{ scrollToZoom: true, maxZoomPixelRatio: 4, wheelZoomDistanceFactor: 500 }}
+        controller={{ closeOnBackdropClick: true, closeOnPullDown: true }}
+        on={{ view: handleView }}
+        render={{
+          slideContainer: CustomSlideContainer,
+        }}
+      />
+    </LightboxContext.Provider>
+  );
+}
diff --git a/src/components/note/buttons/reaction-button.tsx b/src/components/note/buttons/reaction-button.tsx
index fa9ade5d9..2f446e60d 100644
--- a/src/components/note/buttons/reaction-button.tsx
+++ b/src/components/note/buttons/reaction-button.tsx
@@ -2,7 +2,6 @@ import { Button, ButtonProps } from "@chakra-ui/react";
 import dayjs from "dayjs";
 import { Kind } from "nostr-tools";
 import { useState } from "react";
-import { nostrPostAction } from "../../../classes/nostr-post-action";
 import { random } from "../../../helpers/array";
 import { useCurrentAccount } from "../../../hooks/use-current-account";
 import useEventReactions from "../../../hooks/use-event-reactions";
@@ -12,6 +11,7 @@ import eventReactionsService from "../../../services/event-reactions";
 import { getEventRelays } from "../../../services/event-relays";
 import { DraftNostrEvent, NostrEvent } from "../../../types/nostr-event";
 import { LikeIcon } from "../../icons";
+import NostrPublishAction from "../../../classes/nostr-publish-action";
 
 export default function ReactionButton({ note, ...props }: { note: NostrEvent } & Omit<ButtonProps, "children">) {
   const { requestSignature } = useSigningContext();
@@ -34,7 +34,7 @@ export default function ReactionButton({ note, ...props }: { note: NostrEvent }
     const signed = await requestSignature(event);
     if (signed) {
       const writeRelays = clientRelaysService.getWriteUrls();
-      nostrPostAction(writeRelays, signed);
+      new NostrPublishAction("Reaction", writeRelays, signed);
       eventReactionsService.handleEvent(signed);
     }
     setLoading(false);
diff --git a/src/components/note/buttons/repost-button.tsx b/src/components/note/buttons/repost-button.tsx
index e9887db0b..e7ba897c6 100644
--- a/src/components/note/buttons/repost-button.tsx
+++ b/src/components/note/buttons/repost-button.tsx
@@ -9,7 +9,6 @@ import {
   ModalFooter,
   ModalHeader,
   ModalOverlay,
-  Text,
   useDisclosure,
   useToast,
 } from "@chakra-ui/react";
@@ -17,10 +16,10 @@ import { NostrEvent } from "../../../types/nostr-event";
 import { RepostIcon } from "../../icons";
 import { buildRepost } from "../../../helpers/nostr/event";
 import { useCurrentAccount } from "../../../hooks/use-current-account";
-import { nostrPostAction } from "../../../classes/nostr-post-action";
 import clientRelaysService from "../../../services/client-relays";
 import signingService from "../../../services/signing";
 import QuoteNote from "../quote-note";
+import NostrPublishAction from "../../../classes/nostr-publish-action";
 
 export function RepostButton({ event }: { event: NostrEvent }) {
   const { isOpen, onClose, onOpen } = useDisclosure();
@@ -33,8 +32,9 @@ export function RepostButton({ event }: { event: NostrEvent }) {
       if (!account) throw new Error("not logged in");
       setLoading(true);
       const draftRepost = buildRepost(event);
-      const repost = await signingService.requestSignature(draftRepost, account);
-      await nostrPostAction(clientRelaysService.getWriteUrls(), repost);
+      const signed = await signingService.requestSignature(draftRepost, account);
+      const pub = new NostrPublishAction("Repost", clientRelaysService.getWriteUrls(), signed);
+      await pub.onComplete;
       onClose();
     } catch (e) {
       if (e instanceof Error) toast({ description: e.message, status: "error" });
diff --git a/src/components/note/expanded.tsx b/src/components/note/expanded.tsx
index bdeb5ba09..e078f4a9a 100644
--- a/src/components/note/expanded.tsx
+++ b/src/components/note/expanded.tsx
@@ -1,5 +1,5 @@
 import { useDisclosure } from "@chakra-ui/react";
-import React, { PropsWithChildren, useContext, useMemo } from "react";
+import React, { PropsWithChildren, useContext } from "react";
 
 type ContextType = { expanded: boolean; onExpand: () => void; onCollapse: () => void; onToggle: () => void };
 
diff --git a/src/components/note/index.tsx b/src/components/note/index.tsx
index a876baef1..6e1b7bc4c 100644
--- a/src/components/note/index.tsx
+++ b/src/components/note/index.tsx
@@ -25,7 +25,6 @@ import { ExpandProvider } from "./expanded";
 import useSubject from "../../hooks/use-subject";
 import appSettings from "../../services/settings/app-settings";
 import EventVerificationIcon from "../event-verification-icon";
-import { ReplyButton } from "./buttons/reply-button";
 import { RepostButton } from "./buttons/repost-button";
 import { QuoteRepostButton } from "./buttons/quote-repost-button";
 import { ExternalLinkIcon } from "../icons";
@@ -46,14 +45,14 @@ export const Note = React.memo(({ event, variant = "outline" }: NoteProps) => {
   useRegisterIntersectionEntity(ref, event.id);
 
   // find mostr external link
-  const externalLink = useMemo(() => event.tags.find((t) => t[0] === "mostr"), [event]);
+  const externalLink = useMemo(() => event.tags.find((t) => t[0] === "mostr" || t[0] === "proxy"), [event])?.[1];
 
   return (
     <TrustProvider event={event}>
       <ExpandProvider>
         <Card variant={variant} ref={ref} data-event-id={event.id}>
           <CardHeader padding="2">
-            <Flex flex="1" gap="2" alignItems="center" wrap="wrap">
+            <Flex flex="1" gap="2" alignItems="center">
               <UserAvatarLink pubkey={event.pubkey} size={["xs", "sm"]} />
               <UserLink pubkey={event.pubkey} isTruncated fontWeight="bold" fontSize="lg" />
               <UserDnsIdentityIcon pubkey={event.pubkey} onlyIcon />
@@ -69,7 +68,6 @@ export const Note = React.memo(({ event, variant = "outline" }: NoteProps) => {
           </CardBody>
           <CardFooter padding="2" display="flex" gap="2">
             <ButtonGroup size="sm" variant="link">
-              <ReplyButton event={event} />
               <RepostButton event={event} />
               <QuoteRepostButton event={event} />
               <NoteZapButton note={event} size="sm" />
@@ -81,7 +79,7 @@ export const Note = React.memo(({ event, variant = "outline" }: NoteProps) => {
                 as={Link}
                 icon={<ExternalLinkIcon />}
                 aria-label="Open External"
-                href={externalLink[1]}
+                href={externalLink}
                 size="sm"
                 variant="link"
                 target="_blank"
diff --git a/src/components/note/note-contents.tsx b/src/components/note/note-contents.tsx
index df0b2f51e..c3a0b6aa4 100644
--- a/src/components/note/note-contents.tsx
+++ b/src/components/note/note-contents.tsx
@@ -17,13 +17,17 @@ import {
   renderVideoUrl,
   embedEmoji,
   renderOpenGraphUrl,
+  embedImageGallery,
 } from "../embed-types";
-import { ImageGalleryProvider } from "../image-gallery";
+import { LightboxProvider } from "../lightbox-provider";
 import { renderRedditUrl } from "../embed-types/reddit";
 
 function buildContents(event: NostrEvent | DraftNostrEvent) {
   let content: EmbedableContent = [event.content.trim()];
 
+  // image gallery
+  content = embedImageGallery(content, event as NostrEvent);
+
   // common
   content = embedUrls(content, [
     renderYoutubeUrl,
@@ -58,10 +62,10 @@ export const NoteContents = React.memo(({ event, ...props }: NoteContentsProps &
   const content = buildContents(event);
 
   return (
-    <ImageGalleryProvider>
+    <LightboxProvider>
       <Box whiteSpace="pre-wrap" {...props}>
         {content}
       </Box>
-    </ImageGalleryProvider>
+    </LightboxProvider>
   );
 });
diff --git a/src/components/note/note-menu.tsx b/src/components/note/note-menu.tsx
index d32eeaf1f..c512e1880 100644
--- a/src/components/note/note-menu.tsx
+++ b/src/components/note/note-menu.tsx
@@ -26,10 +26,10 @@ import { useCallback, useState } from "react";
 import QuoteNote from "./quote-note";
 import { buildDeleteEvent } from "../../helpers/nostr/event";
 import signingService from "../../services/signing";
-import { nostrPostAction } from "../../classes/nostr-post-action";
 import clientRelaysService from "../../services/client-relays";
 import { handleEventFromRelay } from "../../services/event-relays";
 import relayPoolService from "../../services/relay-pool";
+import NostrPublishAction from "../../classes/nostr-publish-action";
 
 export const NoteMenu = ({ event, ...props }: { event: NostrEvent } & Omit<MenuIconButtonProps, "children">) => {
   const account = useCurrentAccount();
@@ -49,8 +49,8 @@ export const NoteMenu = ({ event, ...props }: { event: NostrEvent } & Omit<MenuI
       setDeleting(true);
       const deleteEvent = buildDeleteEvent([event.id], reason);
       const signed = await signingService.requestSignature(deleteEvent, account);
-      const results = nostrPostAction(clientRelaysService.getWriteUrls(), signed);
-      await results.onComplete;
+      const pub = new NostrPublishAction("Delete", clientRelaysService.getWriteUrls(), signed);
+      await pub.onComplete;
       deleteModal.onClose();
     } catch (e) {
       if (e instanceof Error) toast({ description: e.message, status: "error" });
@@ -62,11 +62,11 @@ export const NoteMenu = ({ event, ...props }: { event: NostrEvent } & Omit<MenuI
   const broadcast = useCallback(() => {
     const missingRelays = clientRelaysService.getWriteUrls();
 
-    const { results, onComplete } = nostrPostAction(missingRelays, event, 5000);
+    const pub = new NostrPublishAction("Broadcast", missingRelays, event, 5000);
 
-    results.subscribe((result) => {
+    pub.onResult.subscribe((result) => {
       if (result.status) {
-        handleEventFromRelay(relayPoolService.requestRelay(result.url, false), event);
+        handleEventFromRelay(result.relay, event);
       }
     });
   }, []);
diff --git a/src/components/note/note-relays.tsx b/src/components/note/note-relays.tsx
index 77a42b857..daa3fb090 100644
--- a/src/components/note/note-relays.tsx
+++ b/src/components/note/note-relays.tsx
@@ -3,16 +3,16 @@ import { getEventRelays } from "../../services/event-relays";
 import { NostrEvent } from "../../types/nostr-event";
 import useSubject from "../../hooks/use-subject";
 import { RelayIconStack } from "../relay-icon-stack";
-import { useIsMobile } from "../../hooks/use-is-mobile";
 import { getEventUID } from "../../helpers/nostr/event";
+import { useBreakpointValue } from "@chakra-ui/react";
 
 export type NoteRelaysProps = {
   event: NostrEvent;
 };
 
 export const EventRelays = memo(({ event }: NoteRelaysProps) => {
-  const isMobile = useIsMobile();
+  const maxRelays = useBreakpointValue({ base: 3, md: undefined });
   const eventRelays = useSubject(getEventRelays(getEventUID(event)));
 
-  return <RelayIconStack relays={eventRelays} direction="row-reverse" maxRelays={isMobile ? 4 : undefined} />;
+  return <RelayIconStack relays={eventRelays} direction="row-reverse" maxRelays={maxRelays} />;
 });
diff --git a/src/components/note/note-zaps-modal.tsx b/src/components/note/note-zaps-modal.tsx
index 2b93f8f3d..82cc39d46 100644
--- a/src/components/note/note-zaps-modal.tsx
+++ b/src/components/note/note-zaps-modal.tsx
@@ -17,11 +17,10 @@ import { UserAvatarLink } from "../user-avatar-link";
 import { UserLink } from "../user-link";
 import dayjs from "dayjs";
 import { DislikeIcon, LightningIcon, LikeIcon } from "../icons";
-import { ParsedZap, parseZapEvent } from "../../helpers/zaps";
+import { ParsedZap } from "../../helpers/zaps";
 import { readablizeSats } from "../../helpers/bolt11";
 import useEventReactions from "../../hooks/use-event-reactions";
 import useEventZaps from "../../hooks/use-event-zaps";
-import { useIsMobile } from "../../hooks/use-is-mobile";
 
 function getReactionIcon(content: string) {
   switch (content) {
@@ -48,12 +47,10 @@ const ReactionEvent = React.memo(({ event }: { event: NostrEvent }) => (
 ));
 
 const ZapEvent = React.memo(({ zap }: { zap: ParsedZap }) => {
-  const isMobile = useIsMobile();
-
   if (!zap.payment.amount) return null;
 
   return (
-    <Box borderWidth="1px" borderRadius="lg" py="2" px={isMobile ? "2" : "4"}>
+    <Box borderWidth="1px" borderRadius="lg" py="2" px={["2", "4"]}>
       <Flex gap="2" justifyContent="space-between">
         <Box>
           <UserAvatarLink pubkey={zap.request.pubkey} size="xs" mr="2" />
@@ -80,14 +77,13 @@ export default function NoteReactionsModal({
   const zaps = useEventZaps(noteId, [], true) ?? [];
   const reactions = useEventReactions(noteId, [], true) ?? [];
   const [selected, setSelected] = useState("zaps");
-  const isMobile = useIsMobile();
 
   return (
     <Modal isOpen={isOpen} onClose={onClose} size="lg">
       <ModalOverlay />
       <ModalContent>
         <ModalCloseButton />
-        <ModalBody p={isMobile ? "2" : "4"}>
+        <ModalBody p={["2", "4"]}>
           <Flex direction="column" gap="2">
             <ButtonGroup>
               <Button size="sm" variant={selected === "zaps" ? "solid" : "outline"} onClick={() => setSelected("zaps")}>
diff --git a/src/components/people-list-selection/people-list-provider.tsx b/src/components/people-list-selection/people-list-provider.tsx
index 477733538..c0e383278 100644
--- a/src/components/people-list-selection/people-list-provider.tsx
+++ b/src/components/people-list-selection/people-list-provider.tsx
@@ -67,7 +67,7 @@ export default function PeopleListProvider({ children }: PropsWithChildren) {
       list,
       setList,
     }),
-    [list, setList]
+    [list, setList],
   );
 
   return <PeopleListContext.Provider value={context}>{children}</PeopleListContext.Provider>;
diff --git a/src/components/photo-gallery.tsx b/src/components/photo-gallery.tsx
new file mode 100644
index 000000000..a1c57d7e9
--- /dev/null
+++ b/src/components/photo-gallery.tsx
@@ -0,0 +1,62 @@
+import { useEffect, useMemo, useState } from "react";
+import { Photo, PhotoAlbum, PhotoAlbumProps } from "react-photo-album";
+
+type Size = { width: number; height: number };
+const imageSizeCache = new Map<string, Size>();
+function getImageSize(src: string): Promise<{ width: number; height: number }> {
+  const cached = imageSizeCache.get(src);
+  if (cached) return Promise.resolve(cached);
+
+  return new Promise((res, rej) => {
+    const image = new Image();
+    image.src = src;
+
+    image.onload = () => {
+      const size = { width: image.width, height: image.height };
+      imageSizeCache.set(src, size);
+      res(size);
+    };
+    image.onerror = (err) => rej(err);
+  });
+}
+
+export type PhotoWithoutSize = Omit<Photo, "width" | "height"> & { width?: number; height?: number };
+
+export default function PhotoGallery<T extends PhotoWithoutSize>({
+  photos,
+  ...props
+}: Omit<PhotoAlbumProps<T & Size>, "photos"> & { photos: PhotoWithoutSize[] }) {
+  const [loadedSizes, setLoadedSizes] = useState<Record<string, Size>>({});
+
+  useEffect(() => {
+    for (const photo of photos) {
+      getImageSize(photo.src).then(
+        (size) => {
+          setLoadedSizes((dir) => ({ ...dir, [photo.src]: size }));
+        },
+        () => {},
+      );
+    }
+  }, [photos]);
+
+  const loadedPhotos = useMemo(() => {
+    const loaded: (T & Size)[] = [];
+
+    for (const photo of photos) {
+      if (photo.width && photo.height) {
+        loaded.push(photo as T & Size);
+        continue;
+      }
+
+      const loadedImage = loadedSizes[photo.src];
+      if (loadedImage) {
+        loaded.push({ ...photo, width: loadedImage.width, height: loadedImage.height } as T & Size);
+        continue;
+      }
+    }
+
+    return loaded;
+  }, [loadedSizes, photos]);
+
+  return <PhotoAlbum<T & Size> photos={loadedPhotos} {...props} />;
+}
diff --git a/src/components/post-modal/index.tsx b/src/components/post-modal/index.tsx
index 8e480c122..31de4c5ee 100644
--- a/src/components/post-modal/index.tsx
+++ b/src/components/post-modal/index.tsx
@@ -1,3 +1,4 @@
+import React, { useRef, useState } from "react";
 import {
   Modal,
   ModalOverlay,
@@ -13,21 +14,17 @@ import {
   useToast,
 } from "@chakra-ui/react";
 import dayjs from "dayjs";
-import React, { useRef, useState } from "react";
-import { useList } from "react-use";
-import { nostrPostAction, PostResult } from "../../classes/nostr-post-action";
-import { normalizeToHex } from "../../helpers/nip19";
+import NostrPublishAction from "../../classes/nostr-publish-action";
 import { getReferences } from "../../helpers/nostr/event";
-import { matchHashtag, mentionNpubOrNote } from "../../helpers/regexp";
 import { useWriteRelayUrls } from "../../hooks/use-client-relays";
-import { useIsMobile } from "../../hooks/use-is-mobile";
 import { useSigningContext } from "../../providers/signing-provider";
-import { DraftNostrEvent, NostrEvent } from "../../types/nostr-event";
+import { DraftNostrEvent } from "../../types/nostr-event";
 import { ImageIcon } from "../icons";
 import { NoteLink } from "../note-link";
 import { NoteContents } from "../note/note-contents";
-import { PostResults } from "./post-results";
+import { PublishDetails } from "../publish-details";
 import { TrustProvider } from "../../providers/trust";
+import { finalizeNote } from "../../helpers/nostr/post";
 
 function emptyDraft(): DraftNostrEvent {
   return {
@@ -38,40 +35,6 @@ function emptyDraft(): DraftNostrEvent {
   };
 }
 
-function finalizeNote(draft: DraftNostrEvent) {
-  const updatedDraft: DraftNostrEvent = { ...draft, tags: Array.from(draft.tags), created_at: dayjs().unix() };
-
-  // replace all occurrences of @npub and @note
-  while (true) {
-    const match = mentionNpubOrNote.exec(updatedDraft.content);
-    if (!match || match.index === undefined) break;
-
-    const hex = normalizeToHex(match[1]);
-    if (!hex) continue;
-    const mentionType = match[2] === "npub1" ? "p" : "e";
-    // TODO: find the best relay for this user or note
-    const existingMention = updatedDraft.tags.find((t) => t[0] === mentionType && t[1] === hex);
-    const index = existingMention
-      ? updatedDraft.tags.indexOf(existingMention)
-      : updatedDraft.tags.push([mentionType, hex, "", "mention"]) - 1;
-
-    // replace the npub1 or note1 with a mention tag #[0]
-    const c = updatedDraft.content;
-    updatedDraft.content = c.slice(0, match.index) + `#[${index}]` + c.slice(match.index + match[0].length);
-  }
-
-  // replace all uses of #hashtag
-  const matches = updatedDraft.content.matchAll(new RegExp(matchHashtag, "giu"));
-  for (const [_, space, hashtag] of matches) {
-    const lower = hashtag.toLocaleLowerCase();
-    if (!updatedDraft.tags.find((t) => t[0] === "t" && t[1] === lower)) {
-      updatedDraft.tags.push(["t", lower]);
-    }
-  }
-
-  return updatedDraft;
-}
-
 type PostModalProps = {
   isOpen: boolean;
   onClose: () => void;
@@ -79,13 +42,11 @@ type PostModalProps = {
 };
 
 export const PostModal = ({ isOpen, onClose, initialDraft }: PostModalProps) => {
-  const isMobile = useIsMobile();
   const toast = useToast();
   const { requestSignature } = useSigningContext();
   const writeRelays = useWriteRelayUrls();
   const [waiting, setWaiting] = useState(false);
-  const [signedEvent, setSignedEvent] = useState<NostrEvent | null>(null);
-  const [results, resultsActions] = useList<PostResult>();
+  const [publishAction, setPublishAction] = useState<NostrPublishAction>();
   const { isOpen: showPreview, onToggle: togglePreview } = useDisclosure();
   const [draft, setDraft] = useState<DraftNostrEvent>(() => Object.assign(emptyDraft(), initialDraft));
   const imageUploadRef = useRef<HTMLInputElement | null>(null);
@@ -98,7 +59,7 @@ export const PostModal = ({ isOpen, onClose, initialDraft }: PostModalProps) =>
       const payload = new FormData();
       payload.append("fileToUpload", imageFile);
       const response = await fetch("https://nostr.build/upload.php", { body: payload, method: "POST" }).then((res) =>
-        res.text()
+        res.text(),
       );
       const imageUrl = response.match(/https:\/\/nostr\.build\/i\/[\w.]+/)?.[0];
       if (imageUrl) {
@@ -117,15 +78,12 @@ export const PostModal = ({ isOpen, onClose, initialDraft }: PostModalProps) =>
   const handleSubmit = async () => {
     setWaiting(true);
     const updatedDraft = finalizeNote(draft);
-    const event = await requestSignature(updatedDraft);
+    const signed = await requestSignature(updatedDraft);
     setWaiting(false);
-    if (!event) return;
-    setSignedEvent(event);
+    if (!signed) return;
 
-    const { results } = nostrPostAction(writeRelays, event);
-    results.subscribe((result) => {
-      resultsActions.push(result);
-    });
+    const pub = new NostrPublishAction("Post", writeRelays, signed);
+    setPublishAction(pub);
   };
 
   const refs = getReferences(draft);
@@ -133,8 +91,15 @@ export const PostModal = ({ isOpen, onClose, initialDraft }: PostModalProps) =>
   const canSubmit = draft.content.length > 0;
 
   const renderContent = () => {
-    if (signedEvent) {
-      return <PostResults event={signedEvent} results={results} onClose={onClose} />;
+    if (publishAction) {
+      return (
+        <>
+          <PublishDetails pub={publishAction} />
+          <Button onClick={onClose} mt="2" ml="auto">
+            Close
+          </Button>
+        </>
+      );
     }
     return (
       <>
@@ -190,10 +155,10 @@ export const PostModal = ({ isOpen, onClose, initialDraft }: PostModalProps) =>
   };
 
   return (
-    <Modal isOpen={isOpen} onClose={onClose} size="4xl" closeOnOverlayClick={false}>
+    <Modal isOpen={isOpen} onClose={onClose} size="4xl" closeOnOverlayClick={!!publishAction}>
       <ModalOverlay />
       <ModalContent>
-        <ModalBody padding={isMobile ? "2" : "4"}>{renderContent()}</ModalBody>
+        <ModalBody padding={["2", "2", "4"]}>{renderContent()}</ModalBody>
       </ModalContent>
     </Modal>
   );
diff --git a/src/components/post-modal/post-results.tsx b/src/components/post-modal/post-results.tsx
deleted file mode 100644
index e6c282fcb..000000000
--- a/src/components/post-modal/post-results.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Alert, AlertDescription, AlertIcon, AlertTitle, Box, Button, Flex, Heading } from "@chakra-ui/react";
-import { useNavigate } from "react-router-dom";
-import { PostResult } from "../../classes/nostr-post-action";
-import { NostrEvent } from "../../types/nostr-event";
-
-export type PostResultsProps = {
-  event: NostrEvent;
-  results: PostResult[];
-  onClose: () => void;
-};
-
-export const PostResults = ({ event, results, onClose }: PostResultsProps) => {
-  const navigate = useNavigate();
-
-  const viewPost = () => {
-    onClose();
-    navigate(`/n/${event.id}`);
-  };
-
-  return (
-    <Flex direction="column" gap="2">
-      <Heading size="md">Posted to relays:</Heading>
-      {results.map((result) => (
-        <Alert key={result.url} status={result.status ? "success" : "warning"}>
-          <AlertIcon />
-          <Box>
-            <AlertTitle>{result.url}</AlertTitle>
-            {result.message && <AlertDescription>{result.message}</AlertDescription>}
-          </Box>
-        </Alert>
-      ))}
-      <Flex gap="4" ml="auto">
-        <Button onClick={viewPost} variant="link">
-          View Post
-        </Button>
-        <Button onClick={onClose}>Done</Button>
-      </Flex>
-    </Flex>
-  );
-};
diff --git a/src/components/publish-details.tsx b/src/components/publish-details.tsx
new file mode 100644
index 000000000..7114b219d
--- /dev/null
+++ b/src/components/publish-details.tsx
@@ -0,0 +1,26 @@
+import { Alert, AlertDescription, AlertIcon, AlertTitle, Box, Flex, FlexProps, Progress } from "@chakra-ui/react";
+import NostrPublishAction from "../classes/nostr-publish-action";
+import useSubject from "../hooks/use-subject";
+
+export type PostResultsProps = {
+  pub: NostrPublishAction;
+};
+
+export const PublishDetails = ({ pub }: PostResultsProps & Omit<FlexProps, "children">) => {
+  const results = useSubject(pub.results);
+
+  return (
+    <Flex direction="column" gap="2">
+      <Progress value={(results.length / pub.relays.length) * 100} size="lg" hasStripe />
+      {results.map((result) => (
+        <Alert key={result.relay.url} status={result.status ? "success" : "warning"}>
+          <AlertIcon />
+          <Box>
+            <AlertTitle>{result.relay.url}</AlertTitle>
+            {result.message && <AlertDescription>{result.message}</AlertDescription>}
+          </Box>
+        </Alert>
+      ))}
+    </Flex>
+  );
+};
diff --git a/src/components/publish-log.tsx b/src/components/publish-log.tsx
new file mode 100644
index 000000000..5ed763f70
--- /dev/null
+++ b/src/components/publish-log.tsx
@@ -0,0 +1,92 @@
+import {
+  Flex,
+  FlexProps,
+  Modal,
+  ModalBody,
+  ModalCloseButton,
+  ModalContent,
+  ModalHeader,
+  ModalOverlay,
+  Spinner,
+  Tag,
+  TagLabel,
+  TagProps,
+  Text,
+  useDisclosure,
+} from "@chakra-ui/react";
+import NostrPublishAction from "../classes/nostr-publish-action";
+import useSubject from "../hooks/use-subject";
+import { CheckIcon, ErrorIcon } from "./icons";
+import { publishLog } from "../services/publish-log";
+import { PublishDetails } from "./publish-details";
+
+export function PublishActionStatusTag({ pub, ...props }: { pub: NostrPublishAction } & Omit<TagProps, "children">) {
+  const results = useSubject(pub.results);
+
+  const successful = results.filter((result) => result.status);
+  const failedWithMessage = results.filter((result) => !result.status && result.message);
+
+  let statusIcon = <Spinner size="xs" />;
+  let statusColor: TagProps["colorScheme"] = "blue";
+  if (results.length !== pub.relays.length) {
+    statusColor = "blue";
+    statusIcon = <Spinner size="xs" />;
+  } else if (successful.length === 0) {
+    statusColor = "red";
+    statusIcon = <ErrorIcon />;
+  } else if (failedWithMessage.length > 0) {
+    statusColor = "orange";
+    statusIcon = <CheckIcon />;
+  } else {
+    statusColor = "green";
+    statusIcon = <CheckIcon />;
+  }
+
+  return (
+    <Tag colorScheme={statusColor} {...props}>
+      <TagLabel mr="1">
+        {successful.length}/{pub.relays.length}
+      </TagLabel>
+      {statusIcon}
+    </Tag>
+  );
+}
+
+function PublishAction({ pub }: { pub: NostrPublishAction }) {
+  const details = useDisclosure();
+
+  return (
+    <>
+      <Flex gap="2" alignItems="center" cursor="pointer" onClick={details.onOpen}>
+        <Text>{pub.label}</Text>
+        <PublishActionStatusTag ml="auto" pub={pub} />
+      </Flex>
+      {details.isOpen && (
+        <Modal isOpen onClose={details.onClose}>
+          <ModalOverlay />
+          <ModalContent>
+            <ModalHeader pt="4" px="4" pb="0">
+              {pub.label}
+            </ModalHeader>
+            <ModalCloseButton />
+            <ModalBody p="2">
+              <PublishDetails pub={pub} />
+            </ModalBody>
+          </ModalContent>
+        </Modal>
+      )}
+    </>
+  );
+}
+
+export default function PublishLog({ ...props }: Omit<FlexProps, "children">) {
+  const log = Array.from(useSubject(publishLog)).reverse();
+
+  return (
+    <Flex overflow="hidden" direction="column" gap="1" {...props}>
+      {log.map((pub) => (
+        <PublishAction key={pub.id} pub={pub} />
+      ))}
+    </Flex>
+  );
+}
diff --git a/src/components/relay-url-input.tsx b/src/components/relay-url-input.tsx
index a2bfe3f59..8cd7e88fe 100644
--- a/src/components/relay-url-input.tsx
+++ b/src/components/relay-url-input.tsx
@@ -28,7 +28,7 @@ function RelayPickerModal({
 }: { onSelect: (relay: string) => void } & Omit<ModalProps, "children">) {
   const [search, setSearch] = useState("");
   const { value: onlineRelays } = useAsync(async () =>
-    fetch("https://api.nostr.watch/v1/online").then((res) => res.json() as Promise<string[]>)
+    fetch("https://api.nostr.watch/v1/online").then((res) => res.json() as Promise<string[]>),
   );
   const relayList = unique(onlineRelays ?? []);
 
@@ -78,7 +78,7 @@ export const RelayUrlInput = forwardRef(
   ({ onChange, ...props }: Omit<RelayUrlInputProps, "onChange"> & { onChange: (url: string) => void }, ref) => {
     const { isOpen, onClose, onOpen } = useDisclosure();
     const { value: relaysJson } = useAsync(async () =>
-      fetch("https://api.nostr.watch/v1/online").then((res) => res.json() as Promise<string[]>)
+      fetch("https://api.nostr.watch/v1/online").then((res) => res.json() as Promise<string[]>),
     );
     const relaySuggestions = unique(relaysJson ?? []);
 
@@ -100,5 +100,5 @@ export const RelayUrlInput = forwardRef(
         <RelayPickerModal onClose={onClose} isOpen={isOpen} onSelect={(url) => onChange(url)} size="2xl" />
       </>
     );
-  }
+  },
 );
diff --git a/src/components/sensitive-content-warning.tsx b/src/components/sensitive-content-warning.tsx
index 33968cb6c..c59ff8b18 100644
--- a/src/components/sensitive-content-warning.tsx
+++ b/src/components/sensitive-content-warning.tsx
@@ -1,12 +1,21 @@
-import { Alert, AlertDescription, AlertIcon, AlertProps, AlertTitle, Button, Spacer, useModal } from "@chakra-ui/react";
-import { useIsMobile } from "../hooks/use-is-mobile";
+import {
+  Alert,
+  AlertDescription,
+  AlertIcon,
+  AlertProps,
+  AlertTitle,
+  Button,
+  Spacer,
+  useBreakpointValue,
+  useModal,
+} from "@chakra-ui/react";
 import { useExpand } from "./note/expanded";
 
 export default function SensitiveContentWarning({ description }: { description: string } & AlertProps) {
-  const isMobile = useIsMobile();
   const expand = useExpand();
+  const smallScreen = useBreakpointValue({ base: true, md: false });
 
-  if (isMobile) {
+  if (smallScreen) {
     return (
       <Alert
         status="warning"
diff --git a/src/components/star-rating.tsx b/src/components/star-rating.tsx
index 18be54bee..b6b723807 100644
--- a/src/components/star-rating.tsx
+++ b/src/components/star-rating.tsx
@@ -1,17 +1,45 @@
 import { Flex, IconProps } from "@chakra-ui/react";
 import { StarEmptyIcon, StarFullIcon, StarHalfIcon } from "./icons";
+import styled from "@emotion/styled";
 
-export default function StarRating({ quality, stars = 5, ...props }: { quality: number; stars?: number } & IconProps) {
+const HiddenSlider = styled.input`
+  position: absolute;
+  left: -0.5em;
+  right: -0.5em;
+  bottom: 0;
+  top: 0;
+  padding: 0;
+  width: -moz-available;
+  opacity: 0;
+  cursor: pointer;
+`;
+
+export default function StarRating({
+  quality,
+  stars = 5,
+  color = "yellow.300",
+  onChange,
+  ...props
+}: { quality: number; stars?: number; onChange?: (quality: number) => void } & Omit<IconProps, "onChange">) {
   const normalized = Math.round(quality * (stars * 2)) / 2;
 
   const renderStar = (i: number) => {
-    if (normalized >= i + 1) return <StarFullIcon {...props} />;
-    if (normalized === i + 0.5) return <StarHalfIcon {...props} />;
-    return <StarEmptyIcon {...props} />;
+    if (normalized >= i + 1) return <StarFullIcon key={i} color={color} {...props} />;
+    if (normalized === i + 0.5) return <StarHalfIcon key={i} color={color} {...props} />;
+    return <StarEmptyIcon key={i} color={color} {...props} />;
   };
 
   return (
-    <Flex gap="1">
+    <Flex gap="1" position="relative">
+      {onChange && (
+        <HiddenSlider
+          type="range"
+          min={0}
+          max={1}
+          step={1 / 10}
+          onChange={(e) => onChange(parseFloat(e.target.value))}
+        />
+      )}
       {Array(stars)
         .fill(0)
         .map((_, i) => renderStar(i))}
diff --git a/src/components/timeline-page/index.tsx b/src/components/timeline-page/index.tsx
index 058c86d19..33d898ed0 100644
--- a/src/components/timeline-page/index.tsx
+++ b/src/components/timeline-page/index.tsx
@@ -1,16 +1,16 @@
-import { useCallback, useRef } from "react";
-import { Flex, Grid, SimpleGrid } from "@chakra-ui/react";
+import { useCallback } from "react";
+import { Flex, FlexProps, SimpleGrid } from "@chakra-ui/react";
 import IntersectionObserverProvider from "../../providers/intersection-observer";
 import GenericNoteTimeline from "./generic-note-timeline";
-import { ImageGalleryProvider } from "../image-gallery";
+import { LightboxProvider } from "../lightbox-provider";
 import MediaTimeline from "./media-timeline";
-import { useIsMobile } from "../../hooks/use-is-mobile";
 import { TimelineLoader } from "../../classes/timeline-loader";
 import { useTimelineCurserIntersectionCallback } from "../../hooks/use-timeline-cursor-intersection-callback";
 import TimelineActionAndStatus from "./timeline-action-and-status";
 import { useSearchParams } from "react-router-dom";
 import { NostrEvent } from "../../types/nostr-event";
-import { matchImageUrls } from "../../helpers/regexp";
+import { getMatchLink } from "../../helpers/regexp";
+import TimelineHealth from "./timeline-health";
 
 export function useTimelinePageEventFilter() {
   const [params, setParams] = useSearchParams();
@@ -18,16 +18,20 @@ export function useTimelinePageEventFilter() {
 
   return useCallback(
     (event: NostrEvent) => {
-      if (view === "images" && !event.content.match(matchImageUrls)) return false;
+      if (view === "images" && !event.content.match(getMatchLink())) return false;
       return true;
     },
-    [view]
+    [view],
   );
 }
 
-export type TimelineViewType = "timeline" | "images";
+export type TimelineViewType = "timeline" | "images" | "health";
 
-export default function TimelinePage({ timeline, header }: { timeline: TimelineLoader; header?: React.ReactNode }) {
+export default function TimelinePage({
+  timeline,
+  header,
+  ...props
+}: { timeline: TimelineLoader; header?: React.ReactNode } & Omit<FlexProps, "children" | "direction" | "gap">) {
   const callback = useTimelineCurserIntersectionCallback(timeline);
 
   const [params, setParams] = useSearchParams();
@@ -39,20 +43,17 @@ export default function TimelinePage({ timeline, header }: { timeline: TimelineL
         return <GenericNoteTimeline timeline={timeline} />;
 
       case "images":
-        return (
-          <ImageGalleryProvider>
-            <SimpleGrid minChildWidth={["full", "15rem"]} gap="4">
-              <MediaTimeline timeline={timeline} />
-            </SimpleGrid>
-          </ImageGalleryProvider>
-        );
+        return <MediaTimeline timeline={timeline} />;
+
+      case "health":
+        return <TimelineHealth timeline={timeline} />;
       default:
         return null;
     }
   };
   return (
     <IntersectionObserverProvider<string> callback={callback}>
-      <Flex direction="column" gap="2" pt="4" pb="8">
+      <Flex direction="column" gap="2" {...props}>
         {header}
         {renderTimeline()}
         <TimelineActionAndStatus timeline={timeline} />
diff --git a/src/components/timeline-page/media-timeline/index.tsx b/src/components/timeline-page/media-timeline/index.tsx
index b86e31be7..46a17dd7f 100644
--- a/src/components/timeline-page/media-timeline/index.tsx
+++ b/src/components/timeline-page/media-timeline/index.tsx
@@ -1,59 +1,51 @@
-import React, { useMemo, useRef } from "react";
+import { useMemo, useRef } from "react";
+import { useBreakpointValue } from "@chakra-ui/react";
+
 import { TimelineLoader } from "../../../classes/timeline-loader";
 import useSubject from "../../../hooks/use-subject";
-import { matchImageUrls } from "../../../helpers/regexp";
-import { ImageGalleryLink, ImageGalleryProvider } from "../../image-gallery";
-import { Box, IconButton } from "@chakra-ui/react";
-import { useIsMobile } from "../../../hooks/use-is-mobile";
-import { useNavigate } from "react-router-dom";
+import { getMatchLink } from "../../../helpers/regexp";
+import { LightboxProvider } from "../../lightbox-provider";
+import { isImageURL } from "../../../helpers/url";
+import { EmbeddedImage, EmbeddedImageProps } from "../../embed-types";
+import { TrustProvider } from "../../../providers/trust";
+import PhotoGallery, { PhotoWithoutSize } from "../../photo-gallery";
 import { useRegisterIntersectionEntity } from "../../../providers/intersection-observer";
-import { getSharableNoteId } from "../../../helpers/nip19";
-import { ExternalLinkIcon } from "../../icons";
+import { Photo } from "react-photo-album";
+import { NostrEvent } from "../../../types/nostr-event";
 
-const matchAllImages = new RegExp(matchImageUrls, "ig");
+function GalleryImage({ event, ...props }: EmbeddedImageProps & { event: NostrEvent }) {
+  const ref = useRef<HTMLImageElement | null>(null);
+  useRegisterIntersectionEntity(ref, event.id);
 
-type ImagePreview = { eventId: string; src: string; index: number };
+  return <EmbeddedImage {...props} event={event} ref={ref} />;
+}
 
-const ImagePreview = React.memo(({ image }: { image: ImagePreview }) => {
-  const navigate = useNavigate();
-
-  const ref = useRef<HTMLDivElement | null>(null);
-  useRegisterIntersectionEntity(ref, image.eventId);
+type PhotoWithEvent = PhotoWithoutSize & { event: NostrEvent };
+function ImageGallery({ images }: { images: PhotoWithEvent[] }) {
+  const rowMultiplier = useBreakpointValue({ base: 2, sm: 3, md: 3, lg: 4, xl: 5 }) ?? 2;
 
   return (
-    <ImageGalleryLink href={image.src} position="relative" ref={ref}>
-      <Box aspectRatio={1} backgroundImage={`url(${image.src})`} backgroundSize="cover" backgroundPosition="center" />
-      <IconButton
-        icon={<ExternalLinkIcon />}
-        aria-label="Open note"
-        position="absolute"
-        right="2"
-        top="2"
-        size="sm"
-        colorScheme="brand"
-        onClick={(e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          navigate(`/n/${getSharableNoteId(image.eventId)}`);
-        }}
-      />
-    </ImageGalleryLink>
+    <PhotoGallery<Photo & { event: NostrEvent }>
+      layout="masonry"
+      photos={images}
+      renderPhoto={({ photo, imageProps }) => <GalleryImage event={photo.event} {...imageProps} />}
+      columns={rowMultiplier}
+    />
   );
-});
+}
 
 export default function MediaTimeline({ timeline }: { timeline: TimelineLoader }) {
-  const isMobile = useIsMobile();
   const events = useSubject(timeline.timeline);
 
   const images = useMemo(() => {
-    var images: { eventId: string; src: string; index: number }[] = [];
+    var images: PhotoWithEvent[] = [];
 
     for (const event of events) {
-      const urls = event.content.matchAll(matchAllImages);
+      const urls = event.content.matchAll(getMatchLink());
 
       let i = 0;
-      for (const url of urls) {
-        images.push({ eventId: event.id, src: url[0], index: i++ });
+      for (const match of urls) {
+        if (isImageURL(match[0])) images.push({ event, src: match[0] });
       }
     }
 
@@ -61,10 +53,10 @@ export default function MediaTimeline({ timeline }: { timeline: TimelineLoader }
   }, [events]);
 
   return (
-    <ImageGalleryProvider>
-      {images.map((image) => (
-        <ImagePreview key={image.eventId + "-" + image.index} image={image} />
-      ))}
-    </ImageGalleryProvider>
+    <LightboxProvider>
+      <TrustProvider trust>
+        <ImageGallery images={images} />
+      </TrustProvider>
+    </LightboxProvider>
   );
 }
diff --git a/src/components/timeline-page/timeline-health/index.tsx b/src/components/timeline-page/timeline-health/index.tsx
new file mode 100644
index 000000000..9becd1eb9
--- /dev/null
+++ b/src/components/timeline-page/timeline-health/index.tsx
@@ -0,0 +1,121 @@
+import { useMemo, useRef, useState } from "react";
+import {
+  Box,
+  Spinner,
+  Table,
+  TableContainer,
+  TableRowProps,
+  Tbody,
+  Td,
+  Text,
+  Th,
+  Thead,
+  Tooltip,
+  Tr,
+  useColorMode,
+} from "@chakra-ui/react";
+import { TimelineLoader } from "../../../classes/timeline-loader";
+import useSubject from "../../../hooks/use-subject";
+import { getEventRelays, handleEventFromRelay } from "../../../services/event-relays";
+import { NostrEvent } from "../../../types/nostr-event";
+import { useRegisterIntersectionEntity } from "../../../providers/intersection-observer";
+import { RelayFavicon } from "../../relay-favicon";
+import { NoteLink } from "../../note-link";
+import dayjs from "dayjs";
+import NostrPublishAction from "../../../classes/nostr-publish-action";
+import { RelayIcon } from "../../icons";
+
+function EventRow({
+  event,
+  relays,
+  ...props
+}: { event: NostrEvent; relays: string[] } & Omit<TableRowProps, "children">) {
+  const sub = useMemo(() => getEventRelays(event.id), [event.id]);
+  const seenRelays = useSubject(sub);
+
+  const ref = useRef<HTMLTableRowElement | null>(null);
+  useRegisterIntersectionEntity(ref, event.id);
+
+  const { colorMode } = useColorMode();
+  const yes = colorMode === "light" ? "green.200" : "green.800";
+  const no = colorMode === "light" ? "red.200" : "red.800";
+
+  const [broadcasting, setBroadcasting] = useState(false);
+  const broadcast = () => {
+    setBroadcasting(true);
+    const pub = new NostrPublishAction("Broadcast", relays, event);
+
+    pub.onResult.subscribe((result) => {
+      if (result.status) {
+        handleEventFromRelay(result.relay, event);
+      }
+    });
+
+    pub.onComplete.then(() => {
+      setBroadcasting(false);
+    });
+  };
+
+  return (
+    <Tr ref={ref} {...props}>
+      <Td isTruncated p="2">
+        {dayjs.unix(event.created_at).fromNow()}
+      </Td>
+      <Td isTruncated p="2">
+        <NoteLink noteId={event.id} />
+      </Td>
+      <Td p="2" overflow="hidden">
+        <Text isTruncated w={["xs", "xs", "xs", "sm", "xl"]}>
+          {event.content}
+        </Text>
+      </Td>
+      <Td title="Broadcast" p="2" onClick={() => !broadcasting && broadcast()} cursor="pointer">
+        {broadcasting ? <Spinner size="xs" /> : <RelayIcon />}
+      </Td>
+      {relays.map((relay) => (
+        <Td key={relay} title={relay} p="2" backgroundColor={seenRelays.includes(relay) ? yes : no}>
+          <RelayFavicon relay={relay} size="2xs" />
+        </Td>
+      ))}
+    </Tr>
+  );
+}
+
+export default function TimelineHealth({ timeline }: { timeline: TimelineLoader }) {
+  const events = useSubject(timeline.timeline);
+
+  return (
+    <>
+      <TableContainer>
+        <Table size="sm">
+          <Thead>
+            <Tr>
+              <Th p="2" w="1">
+                Date
+              </Th>
+              <Th p="2" w="1">
+                Event
+              </Th>
+              <Th p="2">Content</Th>
+              <Th />
+              {timeline.relays.map((relay) => (
+                <Th key={relay} title={relay} w="0.1rem" p="0">
+                  <Tooltip label={relay}>
+                    <Box p="2">
+                      <RelayFavicon relay={relay} size="2xs" />
+                    </Box>
+                  </Tooltip>
+                </Th>
+              ))}
+            </Tr>
+          </Thead>
+          <Tbody>
+            {events.map((event) => (
+              <EventRow key={event.id} event={event} relays={timeline.relays} />
+            ))}
+          </Tbody>
+        </Table>
+      </TableContainer>
+    </>
+  );
+}
diff --git a/src/components/timeline-page/timeline-view-type.tsx b/src/components/timeline-page/timeline-view-type.tsx
index ca522174f..1455f8d5c 100644
--- a/src/components/timeline-page/timeline-view-type.tsx
+++ b/src/components/timeline-page/timeline-view-type.tsx
@@ -1,5 +1,5 @@
 import { ButtonGroup, ButtonGroupProps, IconButton } from "@chakra-ui/react";
-import { ImageGridTimelineIcon, TextTimelineIcon } from "../icons";
+import { ImageGridTimelineIcon, TextTimelineIcon, TimelineHealthIcon } from "../icons";
 import { TimelineViewType } from "./index";
 import { useSearchParams } from "react-router-dom";
 
@@ -13,6 +13,12 @@ export default function TimelineViewTypeButtons(props: ButtonGroupProps) {
 
   return (
     <ButtonGroup>
+      <IconButton
+        aria-label="Health"
+        icon={<TimelineHealthIcon />}
+        variant={mode === "health" ? "solid" : "ghost"}
+        onClick={() => onChange("health")}
+      />
       <IconButton
         aria-label="Timeline"
         icon={<TextTimelineIcon />}
diff --git a/src/components/user-avatar-stack.tsx b/src/components/user-avatar-stack.tsx
new file mode 100644
index 000000000..06d997c63
--- /dev/null
+++ b/src/components/user-avatar-stack.tsx
@@ -0,0 +1,76 @@
+import {
+  Flex,
+  FlexProps,
+  Modal,
+  ModalBody,
+  ModalCloseButton,
+  ModalContent,
+  ModalHeader,
+  ModalOverlay,
+  Tag,
+  TagProps,
+  Text,
+  useDisclosure,
+} from "@chakra-ui/react";
+import { Link as RouterLink } from "react-router-dom";
+import { nip19 } from "nostr-tools";
+
+import { UserAvatar } from "./user-avatar";
+import { getUserDisplayName } from "../helpers/user-metadata";
+import { useUserMetadata } from "../hooks/use-user-metadata";
+
+function UserTag({ pubkey, ...props }: { pubkey: string } & Omit<TagProps, "children">) {
+  const metadata = useUserMetadata(pubkey);
+  const npub = nip19.npubEncode(pubkey);
+
+  const displayName = getUserDisplayName(metadata, pubkey);
+
+  return (
+    <Tag as={RouterLink} to={`/u/${npub}`} {...props}>
+      <UserAvatar pubkey={pubkey} size="xs" mr="2" title={displayName} />
+      {displayName}
+    </Tag>
+  );
+}
+
+export function UserAvatarStack({
+  users,
+  maxUsers,
+  label = "Users",
+  ...props
+}: { users: string[]; maxUsers?: number; label?: string } & FlexProps) {
+  const { isOpen, onOpen, onClose } = useDisclosure();
+  const clamped = maxUsers ? users.slice(0, maxUsers) : users;
+
+  return (
+    <>
+      {label && <span>{label}</span>}
+      <Flex alignItems="center" gap="-4" overflow="hidden" cursor="pointer" onClick={onOpen} {...props}>
+        {clamped.map((pubkey) => (
+          <UserAvatar key={pubkey} pubkey={pubkey} size="2xs" />
+        ))}
+        {clamped.length !== users.length && (
+          <Text mx="1" fontSize="sm" lineHeight={0}>
+            +{users.length - clamped.length}
+          </Text>
+        )}
+      </Flex>
+      <Modal isOpen={isOpen} onClose={onClose} size="lg">
+        <ModalOverlay />
+        <ModalContent>
+          <ModalHeader px="4" pt="4" pb="2">
+            {label}:
+          </ModalHeader>
+          <ModalCloseButton />
+          <ModalBody px="4" pb="4" pt="0">
+            <Flex gap="2" wrap="wrap">
+              {users.map((pubkey) => (
+                <UserTag key={pubkey} pubkey={pubkey} p="2" fontWeight="bold" fontSize="md" />
+              ))}
+            </Flex>
+          </ModalBody>
+        </ModalContent>
+      </Modal>
+    </>
+  );
+}
diff --git a/src/components/user-avatar.tsx b/src/components/user-avatar.tsx
index e443cf7a0..0ba042c90 100644
--- a/src/components/user-avatar.tsx
+++ b/src/components/user-avatar.tsx
@@ -6,6 +6,7 @@ import { getIdenticon } from "../helpers/identicon";
 import { safeUrl } from "../helpers/parse";
 import appSettings from "../services/settings/app-settings";
 import useSubject from "../hooks/use-subject";
+import { getUserDisplayName } from "../helpers/user-metadata";
 
 export const UserIdenticon = React.memo(({ pubkey }: { pubkey: string }) => {
   const { value: identicon } = useAsync(() => getIdenticon(pubkey), [pubkey]);
@@ -35,6 +36,14 @@ export const UserAvatar = React.memo(({ pubkey, noProxy, ...props }: UserAvatarP
     }
   }, [metadata?.picture, imageProxy]);
 
-  return <Avatar src={picture} icon={<UserIdenticon pubkey={pubkey} />} overflow="hidden" {...props} />;
+  return (
+    <Avatar
+      src={picture}
+      icon={<UserIdenticon pubkey={pubkey} />}
+      overflow="hidden"
+      title={getUserDisplayName(metadata, pubkey)}
+      {...props}
+    />
+  );
 });
 UserAvatar.displayName = "UserAvatar";
diff --git a/src/helpers/cors.ts b/src/helpers/cors.ts
index 15488143e..fdaceff6e 100644
--- a/src/helpers/cors.ts
+++ b/src/helpers/cors.ts
@@ -3,15 +3,27 @@ import { convertToUrl } from "./url";
 
 const corsFailedHosts = new Set();
 
+export function createCorsUrl(url: URL | string, corsProxy = appSettings.value.corsProxy) {
+  if (!corsProxy) return url;
+
+  if (corsProxy.includes("<url>")) {
+    return corsProxy.replace("<url>", "" + url);
+  } else if (corsProxy.includes("<encoded_url>")) {
+    return corsProxy.replace("<encoded_url>", encodeURIComponent("" + url));
+  } else {
+    return corsProxy.endsWith("/") ? corsProxy + url : corsProxy + "/" + url;
+  }
+}
+
 export function fetchWithCorsFallback(url: URL | string, opts?: RequestInit) {
   if (!appSettings.value.corsProxy) return fetch(url, opts);
 
   if (corsFailedHosts.has(convertToUrl(url).host)) {
-    return fetch(appSettings.value.corsProxy + url, opts);
+    return fetch(createCorsUrl(url), opts);
   }
 
   return fetch(url, opts).catch((e) => {
     corsFailedHosts.add(convertToUrl(url).host);
-    return fetch(appSettings.value.corsProxy + url, opts);
+    return fetch(createCorsUrl(url), opts);
   });
 }
diff --git a/src/helpers/embeds.ts b/src/helpers/embeds.ts
index a8eb1f080..64c9dc689 100644
--- a/src/helpers/embeds.ts
+++ b/src/helpers/embeds.ts
@@ -1,4 +1,5 @@
 import { cloneElement } from "react";
+import { getMatchLink } from "./regexp";
 
 export type EmbedableContent = (string | JSX.Element)[];
 export type EmbedType = {
@@ -8,7 +9,7 @@ export type EmbedType = {
   getLocation?: (match: RegExpMatchArray) => { start: number; end: number };
 };
 
-function defaultGetLocation(match: RegExpMatchArray) {
+export function defaultGetLocation(match: RegExpMatchArray) {
   if (match.index === undefined) throw new Error("match dose not have index");
   return {
     start: match.index,
@@ -20,24 +21,43 @@ export function embedJSX(content: EmbedableContent, embed: EmbedType): Embedable
   return content
     .map((subContent, i) => {
       if (typeof subContent === "string") {
-        const match = subContent.match(embed.regexp);
+        const matches = subContent.matchAll(embed.regexp);
 
-        if (match && match.index !== undefined) {
-          const { start, end } = (embed.getLocation || defaultGetLocation)(match);
-          const before = subContent.slice(0, start);
-          const after = subContent.slice(end, subContent.length);
-          let render = embed.render(match);
+        if (matches) {
+          const newContent: EmbedableContent = [];
+          let cursor = 0;
+          let str = subContent;
+          for (const match of matches) {
+            if (match.index !== undefined) {
+              const { start, end } = (embed.getLocation || defaultGetLocation)(match);
 
-          if (render === null) return subContent;
+              if (start < cursor) continue;
 
-          if (typeof render !== "string" && !render.props.key) {
-            render = cloneElement(render, { key: match[0] });
+              const before = str.slice(0, start - cursor);
+              const after = str.slice(end - cursor, str.length);
+              let render = embed.render(match);
+              if (render === null) continue;
+
+              if (typeof render !== "string" && !render.props.key) {
+                render = cloneElement(render, { key: embed.name + match[0] });
+              }
+
+              newContent.push(before, render);
+
+              cursor = end;
+              str = after;
+            }
           }
 
-          const newContent: EmbedableContent = [];
-          if (before.length > 0) newContent.push(...embedJSX([before], embed));
-          newContent.push(render);
-          if (after.length > 0) newContent.push(...embedJSX([after], embed));
+          // if all matches failed just return the existing content
+          if (newContent.length === 0) {
+            return subContent;
+          }
+
+          // add the remaining string to the content
+          if (str.length > 0) {
+            newContent.push(str);
+          }
 
           return newContent;
         }
@@ -53,7 +73,7 @@ export type LinkEmbedHandler = (link: URL) => JSX.Element | string | null;
 export function embedUrls(content: EmbedableContent, handlers: LinkEmbedHandler[]) {
   return embedJSX(content, {
     name: "embedUrls",
-    regexp: /https?:\/\/([\dA-z\.-]+\.[A-z\.]{2,12})(\/[\+~%\/\.\w\-_@]*)?([\?#][^\s]+)?/i,
+    regexp: getMatchLink(),
     render: (match) => {
       try {
         const url = new URL(match[0]);
diff --git a/src/helpers/nostr/event.ts b/src/helpers/nostr/event.ts
index a8e7eeae9..45f510868 100644
--- a/src/helpers/nostr/event.ts
+++ b/src/helpers/nostr/event.ts
@@ -4,7 +4,7 @@ import { DraftNostrEvent, isETag, isPTag, NostrEvent, RTag, Tag } from "../../ty
 import { RelayConfig, RelayMode } from "../../classes/relay";
 import accountService from "../../services/account";
 import { Kind, nip19 } from "nostr-tools";
-import { matchNostrLink } from "../regexp";
+import { getMatchNostrLink } from "../regexp";
 import { getSharableNoteId } from "../nip19";
 import relayScoreboardService from "../../services/relay-scoreboard";
 import { getAddr } from "../../services/replaceable-event-requester";
@@ -14,7 +14,7 @@ export function isReply(event: NostrEvent | DraftNostrEvent) {
 }
 
 export function isRepost(event: NostrEvent | DraftNostrEvent) {
-  const match = event.content.match(matchNostrLink);
+  const match = event.content.match(getMatchNostrLink());
   return event.kind === 6 || (match && match[0].length === event.content.length);
 }
 
@@ -39,7 +39,7 @@ export function getContentTagRefs(content: string, tags: Tag[]) {
   const indexes = new Set();
   Array.from(content.matchAll(/#\[(\d+)\]/gi)).forEach((m) => indexes.add(parseInt(m[1])));
 
-  const linkMatches = Array.from(content.matchAll(new RegExp(matchNostrLink, "gi")));
+  const linkMatches = Array.from(content.matchAll(getMatchNostrLink()));
   for (const [_, _prefix, link] of linkMatches) {
     try {
       const decoded = nip19.decode(link);
diff --git a/src/helpers/nostr/post.ts b/src/helpers/nostr/post.ts
new file mode 100644
index 000000000..92b8bf256
--- /dev/null
+++ b/src/helpers/nostr/post.ts
@@ -0,0 +1,109 @@
+import { DraftNostrEvent, NostrEvent, PTag, Tag } from "../../types/nostr-event";
+import { getMatchHashtag, getMentionNpubOrNote } from "../regexp";
+import { normalizeToHex } from "../nip19";
+import { getReferences } from "./event";
+import { getEventRelays } from "../../services/event-relays";
+import relayScoreboardService from "../../services/relay-scoreboard";
+
+function addTag(tags: Tag[], tag: Tag, overwrite = false) {
+  if (tags.some((t) => t[0] === tag[0] && t[1] === tag[1])) {
+    if (overwrite) {
+      return tags.map((t) => {
+        if (t[0] === tag[0] && t[1] === tag[1]) return tag;
+        return t;
+      });
+    }
+    return tags;
+  }
+  return [...tags, tag];
+}
+function AddEtag(tags: Tag[], eventId: string, type?: string, overwrite = false) {
+  const relays = getEventRelays(eventId).value ?? [];
+  const top = relayScoreboardService.getRankedRelays(relays)[0] ?? "";
+
+  const tag = type ? ["e", eventId, top, type] : ["e", eventId, top];
+
+  if (tags.some((t) => t[0] === tag[0] && t[1] === tag[1] && t[3] === tag[3])) {
+    if (overwrite) {
+      return tags.map((t) => {
+        if (t[0] === tag[0] && t[1] === tag[1]) return tag;
+        return t;
+      });
+    }
+    return tags;
+  }
+  return [...tags, tag];
+}
+
+/** adds the "root" and "reply" E tags */
+export function addReplyTags(draft: DraftNostrEvent, replyTo: NostrEvent) {
+  const updated: DraftNostrEvent = { ...draft, tags: Array.from(draft.tags) };
+  const refs = getReferences(replyTo);
+
+  const rootId = refs.rootId ?? replyTo.id;
+  const replyId = replyTo.id;
+
+  updated.tags = AddEtag(updated.tags, rootId, "root", true);
+  updated.tags = AddEtag(updated.tags, replyId, "reply", true);
+
+  return updated;
+}
+
+/** ensure a list of pubkeys are present on an event */
+export function ensureNotifyUsers(draft: DraftNostrEvent, pubkeys: string[]) {
+  const updated: DraftNostrEvent = { ...draft, tags: Array.from(draft.tags) };
+
+  for (const pubkey of pubkeys) {
+    updated.tags = addTag(updated.tags, ["p", pubkey], false);
+  }
+
+  return updated;
+}
+
+export function replaceAtMentions(draft: DraftNostrEvent) {
+  const updatedDraft: DraftNostrEvent = { ...draft, tags: Array.from(draft.tags) };
+
+  // replace all occurrences of @npub and @note
+  while (true) {
+    const match = getMentionNpubOrNote().exec(updatedDraft.content);
+    if (!match || match.index === undefined) break;
+
+    const hex = normalizeToHex(match[1]);
+    if (!hex) continue;
+    const mentionType = match[2] === "npub1" ? "p" : "e";
+
+    // TODO: find the best relay for this user or note
+    const existingMention = updatedDraft.tags.find((t) => t[0] === mentionType && t[1] === hex);
+    const index = existingMention
+      ? updatedDraft.tags.indexOf(existingMention)
+      : updatedDraft.tags.push([mentionType, hex, "", "mention"]) - 1;
+
+    // replace the npub1 or note1 with a mention tag #[0]
+    const c = updatedDraft.content;
+    updatedDraft.content = c.slice(0, match.index) + `#[${index}]` + c.slice(match.index + match[0].length);
+  }
+
+  return updatedDraft;
+}
+
+export function createHashtagTags(draft: DraftNostrEvent) {
+  const updatedDraft: DraftNostrEvent = { ...draft, tags: Array.from(draft.tags) };
+
+  // create tags for all occurrences of #hashtag
+  const matches = updatedDraft.content.matchAll(getMatchHashtag());
+  for (const [_, space, hashtag] of matches) {
+    const lower = hashtag.toLocaleLowerCase();
+    if (!updatedDraft.tags.find((t) => t[0] === "t" && t[1] === lower)) {
+      updatedDraft.tags.push(["t", lower]);
+    }
+  }
+
+  return updatedDraft;
+}
+
+export function finalizeNote(draft: DraftNostrEvent) {
+  let updated = draft;
+  updated = replaceAtMentions(updated);
+  updated = createHashtagTags(updated);
+  return updated;
+}
diff --git a/src/helpers/nostr/reviews.ts b/src/helpers/nostr/reviews.ts
new file mode 100644
index 000000000..1ba62105f
--- /dev/null
+++ b/src/helpers/nostr/reviews.ts
@@ -0,0 +1,3 @@
+export const REVIEW_KIND = 1985;
+export const RELAY_REVIEW_LABEL = "review/relay";
+export const RELAY_REVIEW_LABEL_NAMESPACE = "social.coracle.ontology";
diff --git a/src/helpers/nostr/stream.ts b/src/helpers/nostr/stream.ts
index 2db61bb95..8cc5cde33 100644
--- a/src/helpers/nostr/stream.ts
+++ b/src/helpers/nostr/stream.ts
@@ -52,7 +52,7 @@ export function parseStreamEvent(stream: NostrEvent): ParsedStream {
   }
 
   // if the stream has not been updated in a day consider it ended
-  if (stream.created_at < dayjs().subtract(2, "day").unix()) {
+  if (stream.created_at < dayjs().subtract(1, "week").unix()) {
     status = "ended";
   }
 
diff --git a/src/helpers/regexp.ts b/src/helpers/regexp.ts
index d6df77802..37e853c61 100644
--- a/src/helpers/regexp.ts
+++ b/src/helpers/regexp.ts
@@ -1,6 +1,7 @@
-export const mentionNpubOrNote = /(?:\s|^)(@|nostr:)?((npub1|note1)[qpzry9x8gf2tvdw0s3jn54khce6mua7l]{58})(?:\s|$)/gi;
-export const matchImageUrls =
-  /https?:\/\/([\dA-z\.-]+\.[A-z\.]{2,12})((?:\/[\+~%\/\.\w\-_]*)?\.(?:svg|gif|png|jpg|jpeg|webp|avif))(\??(?:[\?#\-\+=&;%@\.\w_]*)#?(?:[\-\.\!\/\\\w]*))?/i;
-
-export const matchNostrLink = /(nostr:|@)?((npub|note|nprofile|nevent)1[qpzry9x8gf2tvdw0s3jn54khce6mua7l]{58,})/i;
-export const matchHashtag = /(^|[^\p{L}])#([\p{L}\p{N}]+)/iu;
+export const getMentionNpubOrNote = () =>
+  /(?:\s|^)(@|nostr:)?((npub1|note1)[qpzry9x8gf2tvdw0s3jn54khce6mua7l]{58})(?:\s|$)/gi;
+export const getMatchNostrLink = () =>
+  /(nostr:|@)?((npub|note|nprofile|nevent)1[qpzry9x8gf2tvdw0s3jn54khce6mua7l]{58,})/gi;
+export const getMatchHashtag = () => /(^|[^\p{L}])#([\p{L}\p{N}]+)/gu;
+export const getMatchLink = () =>
+  /https?:\/\/([a-zA-Z0-9\.\-]+\.[a-zA-Z]+)([\p{Letter}\p{Number}&\.-\/\?=#\-@%\+_,:]*)/gu;
diff --git a/src/helpers/thread.ts b/src/helpers/thread.ts
index 6beafcd34..f69c5e9e9 100644
--- a/src/helpers/thread.ts
+++ b/src/helpers/thread.ts
@@ -6,13 +6,32 @@ export function countReplies(thread: ThreadItem): number {
 }
 
 export type ThreadItem = {
+  /** underlying nostr event */
   event: NostrEvent;
+  /** the thread root, according to this event */
   root?: ThreadItem;
+  /** the parent event this is replying to */
   reply?: ThreadItem;
+  /** refs from nostr event */
   refs: EventReferences;
+  /** direct child replies */
   replies: ThreadItem[];
 };
 
+/** Returns an array of all pubkeys participating in the thread */
+export function getThreadMembers(item: ThreadItem, omit?: string) {
+  const pubkeys = new Set<string>();
+
+  let i = item;
+  while (true) {
+    if (i.event.pubkey !== omit) pubkeys.add(i.event.pubkey);
+    if (!i.reply) break;
+    else i = i.reply;
+  }
+
+  return Array.from(pubkeys);
+}
+
 export function linkEvents(events: NostrEvent[]) {
   const idToChildren: Record<string, NostrEvent[]> = {};
 
diff --git a/src/helpers/url.ts b/src/helpers/url.ts
index 910cbfbb1..9c7ea7024 100644
--- a/src/helpers/url.ts
+++ b/src/helpers/url.ts
@@ -1,5 +1,20 @@
 export const convertToUrl = (url: string | URL) => (url instanceof URL ? url : new URL(url));
 
+export const IMAGE_EXT = [".svg", ".gif", ".png", ".jpg", ".jpeg", ".webp", ".avif"];
+export const VIDEO_EXT = [".mp4", ".mkv", ".webm", ".mov"];
+
+export function isMediaURL(url: string | URL) {
+  return isImageURL(url) || isVideoURL(url);
+}
+export function isImageURL(url: string | URL) {
+  const u = new URL(url);
+  return IMAGE_EXT.some((ext) => u.pathname.endsWith(ext));
+}
+export function isVideoURL(url: string | URL) {
+  const u = new URL(url);
+  return VIDEO_EXT.some((ext) => u.pathname.endsWith(ext));
+}
+
 export function normalizeRelayUrl(relayUrl: string) {
   const url = new URL(relayUrl);
 
@@ -23,6 +38,10 @@ export function safeRelayUrl(relayUrl: string) {
   return null;
 }
 
+export function safeRelayUrls(urls: string[]): string[] {
+  return urls.map(safeRelayUrl).filter(Boolean) as string[];
+}
+
 export function replaceDomain(url: string | URL, replacementUrl: string | URL) {
   const newUrl = new URL(url);
   replacementUrl = convertToUrl(replacementUrl);
diff --git a/src/hooks/use-app-settings.ts b/src/hooks/use-app-settings.ts
index 756a9acd0..835ece9dd 100644
--- a/src/hooks/use-app-settings.ts
+++ b/src/hooks/use-app-settings.ts
@@ -16,7 +16,7 @@ export default function useAppSettings() {
         if (e instanceof Error) toast({ description: e.message, status: "error" });
       }
     },
-    [settings]
+    [settings],
   );
 
   return {
diff --git a/src/hooks/use-event-reactions.ts b/src/hooks/use-event-reactions.ts
index 57b49d1b6..dfb29d25b 100644
--- a/src/hooks/use-event-reactions.ts
+++ b/src/hooks/use-event-reactions.ts
@@ -8,7 +8,7 @@ export default function useEventReactions(eventId: string, additionalRelays: str
 
   const subject = useMemo(
     () => eventReactionsService.requestReactions(eventId, relays, alwaysFetch),
-    [eventId, relays.join("|"), alwaysFetch]
+    [eventId, relays.join("|"), alwaysFetch],
   );
 
   return useSubject(subject);
diff --git a/src/hooks/use-event-zaps.ts b/src/hooks/use-event-zaps.ts
index f3f5f2b2c..4d60eecfc 100644
--- a/src/hooks/use-event-zaps.ts
+++ b/src/hooks/use-event-zaps.ts
@@ -9,7 +9,7 @@ export default function useEventZaps(eventId: string, additionalRelays: string[]
 
   const subject = useMemo(
     () => eventZapsService.requestZaps(eventId, relays, alwaysFetch),
-    [eventId, relays.join("|"), alwaysFetch]
+    [eventId, relays.join("|"), alwaysFetch],
   );
 
   const events = useSubject(subject) || [];
diff --git a/src/hooks/use-is-mobile.ts b/src/hooks/use-is-mobile.ts
deleted file mode 100644
index 8d5013db9..000000000
--- a/src/hooks/use-is-mobile.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { useEffect, useMemo, useState } from "react";
-
-export function useIsMobile() {
-  const match = useMemo(() => window.matchMedia("(max-width: 1000px)"), []);
-  const [matches, setMatches] = useState(match.matches);
-
-  useEffect(() => {
-    const listener = (e: MediaQueryListEvent) => setMatches(e.matches);
-    match.addEventListener("change", listener);
-    return () => match.removeEventListener("change", listener);
-  }, [match]);
-
-  return matches;
-}
diff --git a/src/hooks/use-paginated-list.ts b/src/hooks/use-paginated-list.ts
index d3cd47f79..aeba4404e 100644
--- a/src/hooks/use-paginated-list.ts
+++ b/src/hooks/use-paginated-list.ts
@@ -12,7 +12,7 @@ export function usePaginatedList<T extends unknown>(list: T[], opts?: Options) {
   const previous = useCallback(() => setPage((v) => Math.max(v - 1, 0)), [setPage]);
   const pageItems = useMemo(
     () => list.slice(pageSize * currentPage, pageSize * currentPage + pageSize),
-    [list, currentPage, pageSize]
+    [list, currentPage, pageSize],
   );
 
   return {
diff --git a/src/hooks/use-timeline-cursor-intersection-callback.ts b/src/hooks/use-timeline-cursor-intersection-callback.ts
index a16994998..e2a236064 100644
--- a/src/hooks/use-timeline-cursor-intersection-callback.ts
+++ b/src/hooks/use-timeline-cursor-intersection-callback.ts
@@ -22,6 +22,6 @@ export function useTimelineCurserIntersectionCallback(timeline: TimelineLoader)
         }
       }
     },
-    [timeline]
+    [timeline],
   );
 }
diff --git a/src/hooks/use-user-contacts.ts b/src/hooks/use-user-contacts.ts
index f2cf6793a..48197f68d 100644
--- a/src/hooks/use-user-contacts.ts
+++ b/src/hooks/use-user-contacts.ts
@@ -5,7 +5,7 @@ import useSubject from "./use-subject";
 export function useUserContacts(pubkey: string, relays: string[], alwaysRequest = false) {
   const observable = useMemo(
     () => userContactsService.requestContacts(pubkey, relays, alwaysRequest),
-    [pubkey, relays.join("|"), alwaysRequest]
+    [pubkey, relays.join("|"), alwaysRequest],
   );
   const contacts = useSubject(observable);
 
diff --git a/src/hooks/use-user-lnurl-metadata.ts b/src/hooks/use-user-lnurl-metadata.ts
index b85b2d8f0..db6ce3f84 100644
--- a/src/hooks/use-user-lnurl-metadata.ts
+++ b/src/hooks/use-user-lnurl-metadata.ts
@@ -7,7 +7,7 @@ export default function useUserLNURLMetadata(pubkey: string) {
   const address = userMetadata?.lud16 || userMetadata?.lud06;
   const { value: metadata } = useAsync(
     async () => (address ? lnurlMetadataService.requestMetadata(address) : undefined),
-    [address]
+    [address],
   );
 
   return { metadata, address };
diff --git a/src/hooks/use-user-metadata.ts b/src/hooks/use-user-metadata.ts
index dda4b52be..7202a02ea 100644
--- a/src/hooks/use-user-metadata.ts
+++ b/src/hooks/use-user-metadata.ts
@@ -8,7 +8,7 @@ export function useUserMetadata(pubkey: string, additionalRelays: string[] = [],
 
   const subject = useMemo(
     () => userMetadataService.requestMetadata(pubkey, relays, alwaysRequest),
-    [pubkey, relays, alwaysRequest]
+    [pubkey, relays, alwaysRequest],
   );
   const metadata = useSubject(subject);
 
diff --git a/src/hooks/use-user-relays.ts b/src/hooks/use-user-relays.ts
index 72e7e27ab..7f2bbc8fe 100644
--- a/src/hooks/use-user-relays.ts
+++ b/src/hooks/use-user-relays.ts
@@ -7,7 +7,7 @@ export function useUserRelays(pubkey: string, additionalRelays: string[] = [], a
   const relays = useReadRelayUrls(additionalRelays);
   const subject = useMemo(
     () => userRelaysService.requestRelays(pubkey, relays, alwaysRequest),
-    [pubkey, relays.join("|"), alwaysRequest]
+    [pubkey, relays.join("|"), alwaysRequest],
   );
   const userRelays = useSubject(subject);
 
diff --git a/src/index.tsx b/src/index.tsx
index 05020c84f..bacbb1e2f 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -23,5 +23,5 @@ const root = createRoot(element);
 root.render(
   <GlobalProviders>
     <App />
-  </GlobalProviders>
+  </GlobalProviders>,
 );
diff --git a/src/lib/open-graph-scraper/media.ts b/src/lib/open-graph-scraper/media.ts
index 7da537fc4..3f49e5688 100644
--- a/src/lib/open-graph-scraper/media.ts
+++ b/src/lib/open-graph-scraper/media.ts
@@ -38,7 +38,7 @@ const mediaMapper = (item: ImageObject[] | VideoObject[]) => ({
 
 const mediaSorter = (
   a: ImageObject | TwitterImageObject | VideoObject | TwitterPlayerObject,
-  b: ImageObject | TwitterImageObject | VideoObject | TwitterPlayerObject
+  b: ImageObject | TwitterImageObject | VideoObject | TwitterPlayerObject,
 ) => {
   if (!(a.url && b.url)) {
     return 0;
@@ -114,7 +114,7 @@ export function mediaSetup(ogObject: OgObjectInteral) {
     ogObject.ogImageProperty,
     ogObject.ogImageWidth,
     ogObject.ogImageHeight,
-    ogObject.ogImageType
+    ogObject.ogImageType,
   )
     .map(mediaMapper)
     .filter((value: ImageObject) => value.url !== undefined && value.url !== "")
@@ -134,7 +134,7 @@ export function mediaSetup(ogObject: OgObjectInteral) {
     ogObject.ogVideoProperty,
     ogObject.ogVideoWidth,
     ogObject.ogVideoHeight,
-    ogObject.ogVideoType
+    ogObject.ogVideoType,
   )
     .map(mediaMapper)
     .filter((value: VideoObject) => value.url !== undefined && value.url !== "")
@@ -164,7 +164,7 @@ export function mediaSetup(ogObject: OgObjectInteral) {
     ogObject.twitterImageProperty,
     ogObject.twitterImageWidth,
     ogObject.twitterImageHeight,
-    ogObject.twitterImageAlt
+    ogObject.twitterImageAlt,
   )
     .map(mediaMapperTwitterImage)
     .filter((value: TwitterImageObject) => value.url !== undefined && value.url !== "")
@@ -189,7 +189,7 @@ export function mediaSetup(ogObject: OgObjectInteral) {
     ogObject.twitterPlayerProperty,
     ogObject.twitterPlayerWidth,
     ogObject.twitterPlayerHeight,
-    ogObject.twitterPlayerStream
+    ogObject.twitterPlayerStream,
   )
     .map(mediaMapperTwitterPlayer)
     .filter((value: TwitterPlayerObject) => value.url !== undefined && value.url !== "")
diff --git a/src/lib/qrcodegen.ts b/src/lib/qrcodegen.ts
index 08f561811..dc034faed 100644
--- a/src/lib/qrcodegen.ts
+++ b/src/lib/qrcodegen.ts
@@ -83,7 +83,7 @@ export class QrCode {
     minVersion: int = 1,
     maxVersion: int = 40,
     mask: int = -1,
-    boostEcl: boolean = true
+    boostEcl: boolean = true,
   ): QrCode {
     if (
       !(QrCode.MIN_VERSION <= minVersion && minVersion <= maxVersion && maxVersion <= QrCode.MAX_VERSION) ||
@@ -175,7 +175,7 @@ export class QrCode {
 
     dataCodewords: Readonly<Array<byte>>,
 
-    msk: int
+    msk: int,
   ) {
     // Check scalar arguments
     if (version < QrCode.MIN_VERSION || version > QrCode.MAX_VERSION)
@@ -822,7 +822,7 @@ export class QrSegment {
     public readonly numChars: int,
 
     // The data bits of this segment. Accessed through getData().
-    private readonly bitData: Array<bit>
+    private readonly bitData: Array<bit>,
   ) {
     if (numChars < 0) throw new RangeError("Invalid argument");
     this.bitData = bitData.slice(); // Make defensive copy
@@ -897,7 +897,7 @@ export class Ecc {
     // In the range 0 to 3 (unsigned 2-bit integer).
     public readonly ordinal: int,
     // (Package-private) In the range 0 to 3 (unsigned 2-bit integer).
-    public readonly formatBits: int
+    public readonly formatBits: int,
   ) {}
 }
 // }
@@ -925,7 +925,7 @@ export class Mode {
     // The mode indicator bits, which is a uint4 value (range 0 to 15).
     public readonly modeBits: int,
     // Number of character count bits for three different version ranges.
-    private readonly numBitsCharCount: [int, int, int]
+    private readonly numBitsCharCount: [int, int, int],
   ) {}
 
   /*-- Method --*/
diff --git a/src/providers/intersection-observer.tsx b/src/providers/intersection-observer.tsx
index 6e8106891..33ca877f3 100644
--- a/src/providers/intersection-observer.tsx
+++ b/src/providers/intersection-observer.tsx
@@ -19,7 +19,7 @@ const IntersectionObserverContext = createContext<{
 export type ExtendedIntersectionObserverEntry<T> = { entry: IntersectionObserverEntry; id: T | undefined };
 export type ExtendedIntersectionObserverCallback<T> = (
   entries: ExtendedIntersectionObserverEntry<T>[],
-  observer: IntersectionObserver
+  observer: IntersectionObserver,
 ) => void;
 
 export function useIntersectionObserver() {
@@ -42,7 +42,7 @@ export function useRegisterIntersectionEntity<T>(ref: MutableRefObject<Element |
 
 export function useIntersectionMapCallback<T>(
   callback: (map: Map<T, IntersectionObserverEntry>) => void,
-  watch: DependencyList
+  watch: DependencyList,
 ) {
   const map = useMemo(() => new Map<T, IntersectionObserverEntry>(), []);
   return useCallback<ExtendedIntersectionObserverCallback<T>>(
@@ -53,7 +53,7 @@ export function useIntersectionMapCallback<T>(
 
       callback(map);
     },
-    [callback, ...watch]
+    [callback, ...watch],
   );
 }
 
@@ -76,11 +76,11 @@ export default function IntersectionObserverProvider<T = undefined>({
       entries.map((entry) => {
         return { entry, id: elementIds.get(entry.target) };
       }),
-      observer
+      observer,
     );
   }, []);
   const [observer, setObserver] = useState<IntersectionObserver>(
-    () => new IntersectionObserver(handleIntersection, { rootMargin, threshold })
+    () => new IntersectionObserver(handleIntersection, { rootMargin, threshold }),
   );
 
   useMount(() => {
@@ -97,7 +97,7 @@ export default function IntersectionObserverProvider<T = undefined>({
     (element: Element, id: T) => {
       elementIds.set(element, id);
     },
-    [elementIds]
+    [elementIds],
   );
 
   const context = useMemo(
@@ -105,7 +105,7 @@ export default function IntersectionObserverProvider<T = undefined>({
       observer,
       setElementId,
     }),
-    [observer, setElementId]
+    [observer, setElementId],
   );
 
   return <IntersectionObserverContext.Provider value={context}>{children}</IntersectionObserverContext.Provider>;
diff --git a/src/providers/post-modal-provider.tsx b/src/providers/post-modal-provider.tsx
index ca21a195b..e16f15711 100644
--- a/src/providers/post-modal-provider.tsx
+++ b/src/providers/post-modal-provider.tsx
@@ -20,7 +20,7 @@ export default function PostModalProvider({ children }: PropsWithChildren) {
       setDraft(draft);
       onOpen();
     },
-    [setDraft, onOpen]
+    [setDraft, onOpen],
   );
   const context = useMemo(() => ({ openModal }), [openModal]);
 
diff --git a/src/providers/signing-provider.tsx b/src/providers/signing-provider.tsx
index 1c6b75987..f8f7e1f79 100644
--- a/src/providers/signing-provider.tsx
+++ b/src/providers/signing-provider.tsx
@@ -40,7 +40,7 @@ export const SigningProvider = ({ children }: { children: React.ReactNode }) =>
         if (e instanceof Error) toast({ description: e.message, status: "error" });
       }
     },
-    [toast, current]
+    [toast, current],
   );
   const requestDecrypt = useCallback(
     async (data: string, pubkey: string) => {
@@ -51,7 +51,7 @@ export const SigningProvider = ({ children }: { children: React.ReactNode }) =>
         if (e instanceof Error) toast({ description: e.message, status: "error" });
       }
     },
-    [toast, current]
+    [toast, current],
   );
   const requestEncrypt = useCallback(
     async (data: string, pubkey: string) => {
@@ -62,12 +62,12 @@ export const SigningProvider = ({ children }: { children: React.ReactNode }) =>
         if (e instanceof Error) toast({ description: e.message, status: "error" });
       }
     },
-    [toast, current]
+    [toast, current],
   );
 
   const context = useMemo(
     () => ({ requestSignature, requestDecrypt, requestEncrypt }),
-    [requestSignature, requestDecrypt, requestEncrypt]
+    [requestSignature, requestDecrypt, requestEncrypt],
   );
 
   return <SigningContext.Provider value={context}>{children}</SigningContext.Provider>;
diff --git a/src/services/client-following.ts b/src/services/client-following.ts
index 5248edd6d..b25cbfa69 100644
--- a/src/services/client-following.ts
+++ b/src/services/client-following.ts
@@ -1,11 +1,11 @@
 import dayjs from "dayjs";
-import { nostrPostAction } from "../classes/nostr-post-action";
 import { PersistentSubject, Subject } from "../classes/subject";
 import { DraftNostrEvent, PTag } from "../types/nostr-event";
 import clientRelaysService from "./client-relays";
 import accountService from "./account";
 import userContactsService, { UserContacts } from "./user-contacts";
 import signingService from "./signing";
+import NostrPublishAction from "../classes/nostr-publish-action";
 
 export type RelayDirectory = Record<string, { read: boolean; write: boolean }>;
 
@@ -21,7 +21,7 @@ function handleNewContacts(contacts: UserContacts | undefined) {
       const relay = contacts.contactRelay[key];
       if (relay) return ["p", key, relay];
       else return ["p", key];
-    })
+    }),
   );
 
   // reset the pending list since we just got a new contacts list
@@ -79,8 +79,8 @@ async function savePending() {
   if (!current) throw new Error("no account");
   const event = await signingService.requestSignature(draft, current);
 
-  const results = nostrPostAction(clientRelaysService.getWriteUrls(), event);
-  await results.onComplete;
+  const pub = new NostrPublishAction("Update Following", clientRelaysService.getWriteUrls(), event);
+  await pub.onComplete;
 
   savingDraft.next(false);
 
@@ -98,7 +98,7 @@ function addContact(pubkey: string, relay?: string) {
           return newTag;
         }
         return t;
-      })
+      }),
     );
   } else {
     following.next([...pTags, newTag]);
diff --git a/src/services/client-relays.ts b/src/services/client-relays.ts
index cf0e6d8a2..1a2caed27 100644
--- a/src/services/client-relays.ts
+++ b/src/services/client-relays.ts
@@ -1,12 +1,13 @@
 import dayjs from "dayjs";
-import { nostrPostAction } from "../classes/nostr-post-action";
 import { unique } from "../helpers/array";
 import { DraftNostrEvent, RTag } from "../types/nostr-event";
 import accountService from "./account";
 import { RelayConfig, RelayMode } from "../classes/relay";
 import userRelaysService, { ParsedUserRelays } from "./user-relays";
-import { PersistentSubject, Subject } from "../classes/subject";
+import { Connection, PersistentSubject, Subject } from "../classes/subject";
 import signingService from "./signing";
+import { logger } from "../helpers/debug";
+import NostrPublishAction from "../classes/nostr-publish-action";
 
 export type RelayDirectory = Record<string, { read: boolean; write: boolean }>;
 
@@ -18,21 +19,30 @@ const DEFAULT_RELAYS = [
   { url: "wss://nos.lol", mode: RelayMode.READ },
 ];
 
+const userRelaysToRelayConfig: Connection<ParsedUserRelays, RelayConfig[], RelayConfig[] | undefined> = (
+  userRelays,
+  next,
+) => next(userRelays.relays);
+
 class ClientRelayService {
   bootstrapRelays = new Set<string>();
   relays = new PersistentSubject<RelayConfig[]>([]);
   writeRelays = new PersistentSubject<RelayConfig[]>([]);
   readRelays = new PersistentSubject<RelayConfig[]>([]);
 
+  log = logger.extend("ClientRelays");
+
   constructor() {
     let lastSubject: Subject<ParsedUserRelays> | undefined;
     accountService.current.subscribe((account) => {
       if (!account) {
+        this.log("No account, using default relays");
         this.relays.next(DEFAULT_RELAYS);
         return;
       } else this.relays.next([]);
 
       if (account.relays) {
+        this.log("Found bootstrap relays");
         this.bootstrapRelays.clear();
         for (const relay of account.relays) {
           this.bootstrapRelays.add(relay);
@@ -40,41 +50,47 @@ class ClientRelayService {
       }
 
       if (lastSubject) {
-        lastSubject.unsubscribe(this.handleRelayChanged, this);
+        this.log("Disconnecting from previous user relays");
+        this.relays.disconnect(lastSubject);
         lastSubject = undefined;
       }
 
       // load the relays from cache or bootstrap relays
+      this.log("Load users relays from cache or bootstrap relays");
       lastSubject = userRelaysService.requestRelays(account.pubkey, Array.from(this.bootstrapRelays));
       setTimeout(() => {
         // double check for new relay notes
+        this.log("Requesting latest relays from the write relays");
         userRelaysService.requestRelays(account.pubkey, this.getWriteUrls(), true);
       }, 1000);
 
-      lastSubject.subscribe(this.handleRelayChanged, this);
+      this.relays.connectWithHandler(lastSubject, userRelaysToRelayConfig);
     });
 
-    this.relays.subscribe((relays) => this.writeRelays.next(relays.filter((r) => r.mode & RelayMode.WRITE)));
-    this.relays.subscribe((relays) => this.readRelays.next(relays.filter((r) => r.mode & RelayMode.READ)));
-  }
-
-  private handleRelayChanged(relays: ParsedUserRelays) {
-    this.relays.next(relays.relays);
+    // set the read and write relays
+    this.relays.subscribe((relays) => {
+      this.log("Got new relay list");
+      this.writeRelays.next(relays.filter((r) => r.mode & RelayMode.WRITE));
+      this.readRelays.next(relays.filter((r) => r.mode & RelayMode.READ));
+    });
   }
 
   async addRelay(url: string, mode: RelayMode) {
+    this.log(`Adding ${url} relay`);
     if (!this.relays.value.some((r) => r.url === url)) {
       const newRelays = [...this.relays.value, { url, mode }];
       await this.postUpdatedRelays(newRelays);
     }
   }
   async updateRelay(url: string, mode: RelayMode) {
+    this.log(`Updating ${url} relay`);
     if (this.relays.value.some((r) => r.url === url)) {
       const newRelays = this.relays.value.map((r) => (r.url === url ? { url, mode } : r));
       await this.postUpdatedRelays(newRelays);
     }
   }
   async removeRelay(url: string) {
+    this.log(`Removing ${url} relay`);
     if (this.relays.value.some((r) => r.url === url)) {
       const newRelays = this.relays.value.filter((r) => r.url !== url);
       await this.postUpdatedRelays(newRelays);
@@ -109,12 +125,12 @@ class ClientRelayService {
     if (!current) throw new Error("no account");
     const event = await signingService.requestSignature(draft, current);
 
-    const results = nostrPostAction(writeUrls, event);
+    const pub = new NostrPublishAction("Update Relays", writeUrls, event);
 
     // pass new event to the user relay service
     userRelaysService.receiveEvent(event);
 
-    await results.onComplete;
+    await pub.onComplete;
   }
 
   getWriteUrls() {
diff --git a/src/services/direct-messages.ts b/src/services/direct-messages.ts
index 43d7cd6fb..c5b2872bb 100644
--- a/src/services/direct-messages.ts
+++ b/src/services/direct-messages.ts
@@ -23,14 +23,14 @@ class DirectMessagesService {
     this.incomingSub = new NostrMultiSubscription(
       clientRelaysService.getReadUrls(),
       undefined,
-      "incoming-direct-messages"
+      "incoming-direct-messages",
     );
     this.incomingSub.onEvent.subscribe(this.receiveEvent, this);
 
     this.outgoingSub = new NostrMultiSubscription(
       clientRelaysService.getReadUrls(),
       undefined,
-      "outgoing-direct-messages"
+      "outgoing-direct-messages",
     );
     this.outgoingSub.onEvent.subscribe(this.receiveEvent, this);
 
diff --git a/src/services/dns-identity.ts b/src/services/dns-identity.ts
index a9e8babe0..b91e6b463 100644
--- a/src/services/dns-identity.ts
+++ b/src/services/dns-identity.ts
@@ -2,7 +2,7 @@ import dayjs from "dayjs";
 import db from "./db";
 import { fetchWithCorsFallback } from "../helpers/cors";
 
-function parseAddress(address: string): { name?: string; domain?: string } {
+export function parseAddress(address: string): { name?: string; domain?: string } {
   const parts = address.trim().toLowerCase().split("@");
   return { name: parts[0], domain: parts[1] };
 }
@@ -28,7 +28,7 @@ function getIdentityFromJson(name: string, domain: string, json: IdentityJson):
 
 async function fetchAllIdentities(domain: string) {
   const json = await fetchWithCorsFallback(`//${domain}/.well-known/nostr.json`).then(
-    (res) => res.json() as Promise<IdentityJson>
+    (res) => res.json() as Promise<IdentityJson>,
   );
 
   await addToCache(domain, json);
@@ -101,7 +101,7 @@ async function pruneCache() {
   const keys = await db.getAllKeysFromIndex(
     "dnsIdentifiers",
     "updated",
-    IDBKeyRange.upperBound(dayjs().subtract(1, "day").unix())
+    IDBKeyRange.upperBound(dayjs().subtract(1, "day").unix()),
   );
 
   for (const pubkey of keys) {
diff --git a/src/services/pubkey-relay-assignment.ts b/src/services/pubkey-relay-assignment.ts
index 00b55094a..be786cb8c 100644
--- a/src/services/pubkey-relay-assignment.ts
+++ b/src/services/pubkey-relay-assignment.ts
@@ -86,7 +86,7 @@ class PubkeyRelayAssignmentService {
       if (userRelays.length === 0) userRelays = Array.from(readRelays);
 
       const rankedOptions = Array.from(userRelays).sort(
-        (a, b) => (relayScores.get(b) ?? 0) - (relayScores.get(a) ?? 0)
+        (a, b) => (relayScores.get(b) ?? 0) - (relayScores.get(a) ?? 0),
       );
 
       assignments[pubkey] = rankedOptions.slice(0, 3);
diff --git a/src/services/publish-log.ts b/src/services/publish-log.ts
new file mode 100644
index 000000000..7fccb8056
--- /dev/null
+++ b/src/services/publish-log.ts
@@ -0,0 +1,15 @@
+import type NostrPublishAction from "../classes/nostr-publish-action";
+import { PersistentSubject } from "../classes/subject";
+
+export function addToLog(pub: NostrPublishAction) {
+  publishLog.next([...publishLog.value, pub]);
+}
+
+export function pruneLog() {}
+
+export const publishLog = new PersistentSubject<NostrPublishAction[]>([]);
+
+if (import.meta.env.DEV) {
+  //@ts-ignore
+  window.publishLog = publishLog;
+}
diff --git a/src/services/relay-info.ts b/src/services/relay-info.ts
index ffe9f11c0..81dd85ffc 100644
--- a/src/services/relay-info.ts
+++ b/src/services/relay-info.ts
@@ -10,6 +10,7 @@ export type RelayInformationDocument = {
   supported_nips?: number[];
   software: string;
   version: string;
+  payments_url?: string;
 };
 
 async function fetchInfo(relay: string) {
@@ -17,7 +18,7 @@ async function fetchInfo(relay: string) {
   url.protocol = url.protocol === "ws:" ? "http" : "https";
 
   const infoDoc = await fetchWithCorsFallback(url, { headers: { Accept: "application/nostr+json" } }).then(
-    (res) => res.json() as Promise<RelayInformationDocument>
+    (res) => res.json() as Promise<RelayInformationDocument>,
   );
 
   memoryCache.set(relay, infoDoc);
diff --git a/src/services/replaceable-event-requester.ts b/src/services/replaceable-event-requester.ts
index 2edebd773..459799bd6 100644
--- a/src/services/replaceable-event-requester.ts
+++ b/src/services/replaceable-event-requester.ts
@@ -115,7 +115,7 @@ class ReplaceableEventRelayLoader {
           `Updating query`,
           Array.from(Object.keys(filters))
             .map((kind: string) => `kind ${kind}: ${filters[parseInt(kind)].authors?.length}`)
-            .join(", ")
+            .join(", "),
         );
         this.subscription.setQuery(query);
 
@@ -133,7 +133,7 @@ class ReplaceableEventLoaderService {
   private events = new SuperMap<Pubkey, Subject<NostrEvent>>(() => new Subject<NostrEvent>());
 
   private loaders = new SuperMap<Relay, ReplaceableEventRelayLoader>(
-    (relay) => new ReplaceableEventRelayLoader(relay, this.log.extend(relay))
+    (relay) => new ReplaceableEventRelayLoader(relay, this.log.extend(relay)),
   );
 
   log = logger.extend("ReplaceableEventLoader");
@@ -180,7 +180,7 @@ class ReplaceableEventLoaderService {
     const keys = await db.getAllKeysFromIndex(
       "replaceableEvents",
       "created",
-      IDBKeyRange.upperBound(dayjs().subtract(1, "day").unix())
+      IDBKeyRange.upperBound(dayjs().subtract(1, "day").unix()),
     );
 
     this.log(`Pruning ${keys.length} events`);
@@ -243,9 +243,12 @@ replaceableEventLoaderService.pruneCache();
 setInterval(() => {
   replaceableEventLoaderService.update();
 }, 1000 * 2);
-setInterval(() => {
-  replaceableEventLoaderService.pruneCache();
-}, 1000 * 60 * 60);
+setInterval(
+  () => {
+    replaceableEventLoaderService.pruneCache();
+  },
+  1000 * 60 * 60,
+);
 
 if (import.meta.env.DEV) {
   //@ts-ignore
diff --git a/src/services/settings/app-settings.ts b/src/services/settings/app-settings.ts
index 20e489dd3..11b71117a 100644
--- a/src/services/settings/app-settings.ts
+++ b/src/services/settings/app-settings.ts
@@ -3,9 +3,9 @@ import accountService from "../account";
 import userAppSettings from "./user-app-settings";
 import clientRelaysService from "../client-relays";
 import signingService from "../signing";
-import { nostrPostAction } from "../../classes/nostr-post-action";
 import { AppSettings, defaultSettings } from "./migrations";
 import { logger } from "../../helpers/debug";
+import NostrPublishAction from "../../classes/nostr-publish-action";
 
 const log = logger.extend("AppSettings");
 
@@ -25,7 +25,8 @@ export async function replaceSettings(newSettings: AppSettings) {
     const draft = userAppSettings.buildAppSettingsEvent(newSettings);
     const event = await signingService.requestSignature(draft, account);
     userAppSettings.receiveEvent(event);
-    await nostrPostAction(clientRelaysService.getWriteUrls(), event).onComplete;
+    const pub = new NostrPublishAction("Update Settings", clientRelaysService.getWriteUrls(), event);
+    await pub.onComplete;
   }
 }
 
diff --git a/src/services/settings/migrations.ts b/src/services/settings/migrations.ts
index bc9c5d6bb..b69aa3c5e 100644
--- a/src/services/settings/migrations.ts
+++ b/src/services/settings/migrations.ts
@@ -42,7 +42,7 @@ export const defaultSettings: AppSettings = {
 
   primaryColor: "#8DB600",
   imageProxy: "",
-  corsProxy: "",
+  corsProxy: "https://corsproxy.io/?<encoded_url>",
   showContentWarning: true,
   twitterRedirect: undefined,
   redditRedirect: undefined,
diff --git a/src/services/settings/user-app-settings.ts b/src/services/settings/user-app-settings.ts
index 6e6d1f012..07d1a75d3 100644
--- a/src/services/settings/user-app-settings.ts
+++ b/src/services/settings/user-app-settings.ts
@@ -11,7 +11,7 @@ const DTAG = "nostrudel-settings";
 
 class UserAppSettings {
   private parsedSubjects = new SuperMap<string, PersistentSubject<AppSettings>>(
-    () => new PersistentSubject<AppSettings>(defaultSettings)
+    () => new PersistentSubject<AppSettings>(defaultSettings),
   );
   getSubject(pubkey: string) {
     return this.parsedSubjects.get(pubkey);
diff --git a/src/services/signing.tsx b/src/services/signing.tsx
index c24cf6bad..ed13578fc 100644
--- a/src/services/signing.tsx
+++ b/src/services/signing.tsx
@@ -19,7 +19,7 @@ class SigningService {
 
   private async getKeyMaterial() {
     const password = window.prompt(
-      "Enter local encryption password. This password is used to keep your secret key save."
+      "Enter local encryption password. This password is used to keep your secret key save.",
     );
     if (!password) throw new Error("Password required");
     const enc = new TextEncoder();
@@ -38,7 +38,7 @@ class SigningService {
       keyMaterial,
       { name: "AES-GCM", length: 256 },
       true,
-      ["encrypt", "decrypt"]
+      ["encrypt", "decrypt"],
     );
   }
 
diff --git a/src/services/single-event.ts b/src/services/single-event.ts
index 6245ebde1..ea281bf74 100644
--- a/src/services/single-event.ts
+++ b/src/services/single-event.ts
@@ -1,5 +1,6 @@
 import createDefer, { Deferred } from "../classes/deferred";
 import { NostrRequest } from "../classes/nostr-request";
+import { safeRelayUrl, safeRelayUrls } from "../helpers/url";
 import { NostrEvent } from "../types/nostr-event";
 
 class SingleEventService {
@@ -11,7 +12,7 @@ class SingleEventService {
     const event = this.eventCache.get(id);
     if (event) return event;
 
-    this.pending.set(id, this.pending.get(id)?.concat(relays) ?? relays);
+    this.pending.set(id, this.pending.get(id)?.concat(relays) ?? safeRelayUrls(relays));
     const deferred = createDefer<NostrEvent>();
     this.pendingPromises.set(id, deferred);
     return deferred;
diff --git a/src/services/user-contacts.ts b/src/services/user-contacts.ts
index d6dfcd2c1..2213928c8 100644
--- a/src/services/user-contacts.ts
+++ b/src/services/user-contacts.ts
@@ -31,12 +31,15 @@ function parseContacts(event: NostrEvent): UserContacts {
   const relays = normalizeRelayConfigs(relayJsonToRelayConfig(relayJson));
 
   const pubkeys = event.tags.filter(isPTag).map((tag) => tag[1]);
-  const contactRelay = event.tags.filter(isPTag).reduce((dir, tag) => {
-    if (tag[2]) {
-      dir[tag[1]] = tag[2];
-    }
-    return dir;
-  }, {} as Record<string, string>);
+  const contactRelay = event.tags.filter(isPTag).reduce(
+    (dir, tag) => {
+      if (tag[2]) {
+        dir[tag[1]] = tag[2];
+      }
+      return dir;
+    },
+    {} as Record<string, string>,
+  );
 
   return {
     pubkey: event.pubkey,
@@ -60,7 +63,7 @@ class UserContactsService {
       Kind.Contacts,
       pubkey,
       undefined,
-      alwaysRequest
+      alwaysRequest,
     );
 
     sub.connectWithHandler(requestSub, (event, next) => next(parseContacts(event)));
diff --git a/src/services/user-metadata.ts b/src/services/user-metadata.ts
index 5800c9324..e72ad3766 100644
--- a/src/services/user-metadata.ts
+++ b/src/services/user-metadata.ts
@@ -32,7 +32,7 @@ class UserMetadataService {
       Kind.Metadata,
       pubkey,
       undefined,
-      alwaysRequest
+      alwaysRequest,
     );
     sub.connectWithHandler(requestSub, (event, next) => next(parseKind0Event(event)));
     return sub;
diff --git a/src/services/user-relays.ts b/src/services/user-relays.ts
index 33d71487e..5e76d0ada 100644
--- a/src/services/user-relays.ts
+++ b/src/services/user-relays.ts
@@ -29,7 +29,13 @@ class UserRelaysService {
   }
   requestRelays(pubkey: string, relays: string[], alwaysRequest = false) {
     const sub = this.subjects.get(pubkey);
-    const requestSub = replaceableEventLoaderService.requestEvent(relays, Kind.RelayList, pubkey);
+    const requestSub = replaceableEventLoaderService.requestEvent(
+      relays,
+      Kind.RelayList,
+      pubkey,
+      undefined,
+      alwaysRequest,
+    );
     sub.connectWithHandler(requestSub, (event, next) => next(parseRelaysEvent(event)));
 
     // also fetch the relays from the users contacts
diff --git a/src/services/user-trusted-stats.ts b/src/services/user-trusted-stats.ts
index e6735ee70..ac74e219a 100644
--- a/src/services/user-trusted-stats.ts
+++ b/src/services/user-trusted-stats.ts
@@ -63,7 +63,7 @@ class UserTrustedStatsService {
   async fetchUserStats(pubkey: string) {
     try {
       const stats = await fetch(`https://api.nostr.band/v0/stats/profile/${pubkey}`).then(
-        (res) => res.json() as Promise<{ stats: Record<string, NostrBandProfileStats> }>
+        (res) => res.json() as Promise<{ stats: Record<string, NostrBandProfileStats> }>,
       );
 
       if (stats?.stats[pubkey]) {
diff --git a/src/views/hashtag/index.tsx b/src/views/hashtag/index.tsx
index bff14b25a..32334ea20 100644
--- a/src/views/hashtag/index.tsx
+++ b/src/views/hashtag/index.tsx
@@ -57,13 +57,13 @@ function HashTagPage() {
       if (!showReplies && isReply(event)) return false;
       return timelinePageEventFilter(event);
     },
-    [showReplies]
+    [showReplies],
   );
   const timeline = useTimelineLoader(
     `${hashtag}-hashtag`,
     readRelays,
     { kinds: [1], "#t": [hashtag] },
-    { eventFilter }
+    { eventFilter },
   );
 
   useRelaysChanged(readRelays, () => timeline.reset());
@@ -100,7 +100,7 @@ function HashTagPage() {
     </Flex>
   );
 
-  return <TimelinePage timeline={timeline} header={header} />;
+  return <TimelinePage timeline={timeline} header={header} pt="4" pb="8" />;
 }
 
 export default function HashTagView() {
diff --git a/src/views/home/following-tab.tsx b/src/views/home/following-tab.tsx
index b21e7199c..ca45a0aaa 100644
--- a/src/views/home/following-tab.tsx
+++ b/src/views/home/following-tab.tsx
@@ -29,7 +29,7 @@ function FollowingTabBody() {
       if (!showReplies && isReply(event)) return false;
       return timelinePageEventFilter(event);
     },
-    [showReplies, timelinePageEventFilter]
+    [showReplies, timelinePageEventFilter],
   );
 
   const following = contacts?.contacts || [];
@@ -37,7 +37,7 @@ function FollowingTabBody() {
     `${truncatedId(account.pubkey)}-following`,
     readRelays,
     { authors: following, kinds: [Kind.Text, Kind.Repost, 2] },
-    { enabled: following.length > 0, eventFilter }
+    { enabled: following.length > 0, eventFilter },
   );
 
   const header = (
@@ -52,7 +52,7 @@ function FollowingTabBody() {
     </Flex>
   );
 
-  return <TimelinePage timeline={timeline} header={header} />;
+  return <TimelinePage timeline={timeline} header={header} pt="4" pb="8" />;
 }
 
 export default function FollowingTab() {
diff --git a/src/views/home/global-tab.tsx b/src/views/home/global-tab.tsx
index 5c32f11d1..32d0d2579 100644
--- a/src/views/home/global-tab.tsx
+++ b/src/views/home/global-tab.tsx
@@ -24,7 +24,7 @@ function GlobalPage() {
       if (!showReplies && isReply(event)) return false;
       return timelineEventFilter(event);
     },
-    [showReplies, timelineEventFilter]
+    [showReplies, timelineEventFilter],
   );
   const timeline = useTimelineLoader(`global`, readRelays, { kinds: [1] }, { eventFilter });
   useRelaysChanged(readRelays, () => timeline.reset());
@@ -42,7 +42,7 @@ function GlobalPage() {
     </Flex>
   );
 
-  return <TimelinePage timeline={timeline} header={header} />;
+  return <TimelinePage timeline={timeline} header={header} pt="4" pb="8" />;
 }
 
 export default function GlobalTab() {
diff --git a/src/views/login/nip05.tsx b/src/views/login/nip05.tsx
index 3acf8dac3..e204d3795 100644
--- a/src/views/login/nip05.tsx
+++ b/src/views/login/nip05.tsx
@@ -51,7 +51,7 @@ export default function LoginNip05View() {
       setLoading(false);
     },
     1000,
-    [nip05, setPubkey, setRelays, setLoading]
+    [nip05, setPubkey, setRelays, setLoading],
   );
 
   const handleSubmit: React.FormEventHandler<HTMLDivElement> = (e) => {
diff --git a/src/views/login/nsec.tsx b/src/views/login/nsec.tsx
index ffdcabbdb..89a4006cb 100644
--- a/src/views/login/nsec.tsx
+++ b/src/views/login/nsec.tsx
@@ -62,7 +62,7 @@ export default function LoginNsecView() {
         setError(true);
       }
     },
-    [setInputValue, setHexKey, setNpub, setError]
+    [setInputValue, setHexKey, setNpub, setError],
   );
 
   const handleSubmit: React.FormEventHandler<HTMLDivElement> = async (e) => {
diff --git a/src/views/map/index.tsx b/src/views/map/index.tsx
index 4a001550c..76fe54a4c 100644
--- a/src/views/map/index.tsx
+++ b/src/views/map/index.tsx
@@ -104,7 +104,7 @@ export default function MapView() {
         const hash = ngeohash.encode(center.lat, center.lng, 5);
 
         setSearchParams({ hash }, { replace: true });
-      }, 1000)
+      }, 1000),
     );
 
     setMap(map);
@@ -122,7 +122,7 @@ export default function MapView() {
     "geo-events",
     readRelays,
     { "#g": cells, kinds: [Kind.Text] },
-    { enabled: cells.length > 0 }
+    { enabled: cells.length > 0 },
   );
 
   const setCellsFromMap = useCallback(() => {
@@ -133,7 +133,7 @@ export default function MapView() {
       bbox.getWest(),
       bbox.getNorth(),
       bbox.getEast(),
-      getPrecision(map.getZoom())
+      getPrecision(map.getZoom()),
     );
 
     setCells(hashes);
diff --git a/src/views/messages/chat.tsx b/src/views/messages/chat.tsx
index 9231a4799..61ce6d674 100644
--- a/src/views/messages/chat.tsx
+++ b/src/views/messages/chat.tsx
@@ -1,14 +1,13 @@
+import { useState } from "react";
 import { Button, Card, CardBody, Flex, IconButton, Textarea } from "@chakra-ui/react";
 import dayjs from "dayjs";
 import { Kind } from "nostr-tools";
-import { useRef, useState } from "react";
 import { Link, Navigate, useParams } from "react-router-dom";
-import { nostrPostAction } from "../../classes/nostr-post-action";
+
 import { ArrowLeftSIcon } from "../../components/icons";
 import { UserAvatar } from "../../components/user-avatar";
 import { UserLink } from "../../components/user-link";
 import { normalizeToHex } from "../../helpers/nip19";
-import { useIsMobile } from "../../hooks/use-is-mobile";
 import useSubject from "../../hooks/use-subject";
 import { useSigningContext } from "../../providers/signing-provider";
 import clientRelaysService from "../../services/client-relays";
@@ -22,9 +21,9 @@ import { useReadRelayUrls } from "../../hooks/use-client-relays";
 import IntersectionObserverProvider from "../../providers/intersection-observer";
 import { useTimelineCurserIntersectionCallback } from "../../hooks/use-timeline-cursor-intersection-callback";
 import TimelineActionAndStatus from "../../components/timeline-page/timeline-action-and-status";
+import NostrPublishAction from "../../classes/nostr-publish-action";
 
 function DirectMessageChatPage({ pubkey }: { pubkey: string }) {
-  const isMobile = useIsMobile();
   const account = useCurrentAccount()!;
   const { requestEncrypt, requestSignature } = useSigningContext();
   const [content, setContent] = useState<string>("");
@@ -59,7 +58,7 @@ function DirectMessageChatPage({ pubkey }: { pubkey: string }) {
     const signed = await requestSignature(event);
     if (!signed) return;
     const writeRelays = clientRelaysService.getWriteUrls();
-    nostrPostAction(writeRelays, signed);
+    const pub = new NostrPublishAction("Send DM", writeRelays, signed);
     setContent("");
   };
 
@@ -76,9 +75,9 @@ function DirectMessageChatPage({ pubkey }: { pubkey: string }) {
               icon={<ArrowLeftSIcon />}
               aria-label="Back"
               to="/dm"
-              size={isMobile ? "sm" : "md"}
+              size={["sm", "md"]}
             />
-            <UserAvatar pubkey={pubkey} size={isMobile ? "sm" : "md"} />
+            <UserAvatar pubkey={pubkey} size={["sm", "md"]} />
             <UserLink pubkey={pubkey} />
           </CardBody>
         </Card>
diff --git a/src/views/messages/index.tsx b/src/views/messages/index.tsx
index 305aff68f..e9d2d0a2d 100644
--- a/src/views/messages/index.tsx
+++ b/src/views/messages/index.tsx
@@ -23,7 +23,6 @@ import useSubject from "../../hooks/use-subject";
 import { useUserMetadata } from "../../hooks/use-user-metadata";
 import directMessagesService from "../../services/direct-messages";
 import { ExternalLinkIcon } from "../../components/icons";
-import { useIsMobile } from "../../hooks/use-is-mobile";
 import RequireCurrentAccount from "../../providers/require-current-account";
 
 function ContactCard({ pubkey }: { pubkey: string }) {
@@ -47,7 +46,6 @@ function ContactCard({ pubkey }: { pubkey: string }) {
 }
 
 function DirectMessagesPage() {
-  const isMobile = useIsMobile();
   const [from, setFrom] = useState(dayjs().subtract(2, "days"));
   const conversations = useSubject(directMessagesService.conversations);
 
@@ -97,7 +95,7 @@ function DirectMessagesPage() {
     <Flex direction="column" gap="2" overflowX="hidden" overflowY="auto" height="100%" pt="2" pb="8">
       <Alert status="info" flexShrink={0}>
         <AlertIcon />
-        <Flex direction={isMobile ? "column" : "row"}>
+        <Flex direction={{ base: "column", lg: "row" }}>
           <AlertTitle>Give Blowater a try</AlertTitle>
           <AlertDescription>
             <Text>
diff --git a/src/views/note/components/reply-form.tsx b/src/views/note/components/reply-form.tsx
new file mode 100644
index 000000000..90b0ca60c
--- /dev/null
+++ b/src/views/note/components/reply-form.tsx
@@ -0,0 +1,90 @@
+import { useMemo } from "react";
+import { Box, Button, ButtonGroup, Flex, Textarea, useDisclosure, useToast } from "@chakra-ui/react";
+import { useForm } from "react-hook-form";
+import { Kind } from "nostr-tools";
+import dayjs from "dayjs";
+
+import { NostrEvent } from "../../../types/nostr-event";
+import { UserAvatarStack } from "../../../components/user-avatar-stack";
+import { ThreadItem, getThreadMembers } from "../../../helpers/thread";
+import { NoteContents } from "../../../components/note/note-contents";
+import { addReplyTags, ensureNotifyUsers, finalizeNote } from "../../../helpers/nostr/post";
+import { useCurrentAccount } from "../../../hooks/use-current-account";
+import { useSigningContext } from "../../../providers/signing-provider";
+import { useWriteRelayUrls } from "../../../hooks/use-client-relays";
+import NostrPublishAction from "../../../classes/nostr-publish-action";
+
+function NoteContentPreview({ content }: { content: string }) {
+  const draft = useMemo(
+    () => finalizeNote({ kind: Kind.Text, content, created_at: dayjs().unix(), tags: [] }),
+    [content],
+  );
+
+  return <NoteContents event={draft} />;
+}
+
+export type ReplyFormProps = {
+  item: ThreadItem;
+  onCancel: () => void;
+  onSubmitted?: (event: NostrEvent) => void;
+};
+
+export default function ReplyForm({ item, onCancel, onSubmitted }: ReplyFormProps) {
+  const toast = useToast();
+  const account = useCurrentAccount();
+  const { requestSignature } = useSigningContext();
+  const writeRelays = useWriteRelayUrls();
+
+  const threadMembers = useMemo(() => getThreadMembers(item, account?.pubkey), [item, account?.pubkey]);
+  const { register, getValues, watch, handleSubmit } = useForm({
+    defaultValues: {
+      content: "",
+    },
+  });
+
+  const showPreview = useDisclosure();
+
+  watch("content");
+
+  const submit = handleSubmit(async (values) => {
+    try {
+      let draft = finalizeNote({ kind: Kind.Text, content: values.content, created_at: dayjs().unix(), tags: [] });
+      draft = addReplyTags(draft, item.event);
+      draft = ensureNotifyUsers(draft, threadMembers);
+
+      const signed = await requestSignature(draft);
+      if (!signed) return;
+      // TODO: write to other users inbox relays
+      const pub = new NostrPublishAction("Reply", writeRelays, signed);
+      await pub.onComplete;
+
+      if (onSubmitted) onSubmitted(signed);
+    } catch (e) {
+      if (e instanceof Error) toast({ description: e.message, status: "error" });
+    }
+  });
+
+  return (
+    <form onSubmit={submit}>
+      {showPreview.isOpen ? (
+        <Box p="2" borderWidth={1} borderRadius="md" mb="2">
+          <NoteContentPreview content={getValues().content} />
+        </Box>
+      ) : (
+        <Textarea placeholder="Reply" {...register("content")} autoFocus mb="2" rows={5} required />
+      )}
+      <Flex gap="2" alignItems="center">
+        <ButtonGroup size="sm">
+          <Button onClick={onCancel}>Cancel</Button>
+          <Button type="submit">Submit</Button>
+        </ButtonGroup>
+        <UserAvatarStack label="Notify" users={threadMembers} />
+        {getValues().content.length > 0 && (
+          <Button size="sm" ml="auto" onClick={showPreview.onToggle}>
+            Preview
+          </Button>
+        )}
+      </Flex>
+    </form>
+  );
+}
diff --git a/src/views/note/components/thread-post.tsx b/src/views/note/components/thread-post.tsx
new file mode 100644
index 000000000..997339283
--- /dev/null
+++ b/src/views/note/components/thread-post.tsx
@@ -0,0 +1,53 @@
+import { Button, ButtonGroup, Flex, useDisclosure } from "@chakra-ui/react";
+import { useState } from "react";
+import { ArrowDownSIcon, ArrowUpSIcon, ReplyIcon } from "../../../components/icons";
+import { Note } from "../../../components/note";
+import { countReplies, ThreadItem } from "../../../helpers/thread";
+import { TrustProvider } from "../../../providers/trust";
+import ReplyForm from "./reply-form";
+
+export type ThreadItemProps = {
+  post: ThreadItem;
+  initShowReplies?: boolean;
+  focusId?: string;
+};
+
+export const ThreadPost = ({ post, initShowReplies, focusId }: ThreadItemProps) => {
+  const [showReplies, setShowReplies] = useState(initShowReplies ?? post.replies.length === 1);
+  const toggle = () => setShowReplies((v) => !v);
+  const showReplyForm = useDisclosure();
+
+  const numberOfReplies = countReplies(post);
+
+  return (
+    <Flex direction="column" gap="2">
+      <TrustProvider trust={focusId === post.event.id ? true : undefined}>
+        <Note event={post.event} variant={focusId === post.event.id ? "filled" : "outline"} />
+      </TrustProvider>
+      {showReplyForm.isOpen && (
+        <ReplyForm item={post} onCancel={showReplyForm.onClose} onSubmitted={showReplyForm.onClose} />
+      )}
+      <ButtonGroup variant="link" size="sm" alignSelf="flex-start">
+        {!showReplyForm.isOpen && (
+          <Button onClick={showReplyForm.onOpen} leftIcon={<ReplyIcon />}>
+            Write relay
+          </Button>
+        )}
+
+        {post.replies.length > 0 && (
+          <Button onClick={toggle}>
+            {numberOfReplies} {numberOfReplies > 1 ? "Replies" : "Reply"}
+            {showReplies ? <ArrowDownSIcon /> : <ArrowUpSIcon />}
+          </Button>
+        )}
+      </ButtonGroup>
+      {post.replies.length > 0 && showReplies && (
+        <Flex direction="column" gap="2" pl={[2, 2, 4]} borderLeftColor="gray.500" borderLeftWidth="1px">
+          {post.replies.map((child) => (
+            <ThreadPost key={child.event.id} post={child} focusId={focusId} />
+          ))}
+        </Flex>
+      )}
+    </Flex>
+  );
+};
diff --git a/src/views/note/index.tsx b/src/views/note/index.tsx
index cbd26cf0e..aad032f7d 100644
--- a/src/views/note/index.tsx
+++ b/src/views/note/index.tsx
@@ -4,7 +4,7 @@ import { useParams } from "react-router-dom";
 import { Note } from "../../components/note";
 import { isHex } from "../../helpers/nip19";
 import { useThreadLoader } from "../../hooks/use-thread-loader";
-import { ThreadPost } from "./thread-post";
+import { ThreadPost } from "./components/thread-post";
 
 function useNotePointer() {
   const { id } = useParams() as { id: string };
@@ -61,7 +61,7 @@ export default function NoteView() {
   }
 
   return (
-    <Flex direction="column" gap="4" flex={1} pb="4" pt="4" pl="1" pr="1">
+    <Flex direction="column" gap="4" flex={1} pb="12" pt="4" pl="1" pr="1">
       {pageContent}
     </Flex>
   );
diff --git a/src/views/note/thread-post.tsx b/src/views/note/thread-post.tsx
deleted file mode 100644
index f32ac1077..000000000
--- a/src/views/note/thread-post.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Button, Flex, useDisclosure } from "@chakra-ui/react";
-import { useState } from "react";
-import { ArrowDownSIcon, ArrowUpSIcon } from "../../components/icons";
-import { Note } from "../../components/note";
-import { countReplies, ThreadItem as ThreadItemData } from "../../helpers/thread";
-import { useIsMobile } from "../../hooks/use-is-mobile";
-import { TrustProvider } from "../../providers/trust";
-
-export type ThreadItemProps = {
-  post: ThreadItemData;
-  initShowReplies?: boolean;
-  focusId?: string;
-};
-
-export const ThreadPost = ({ post, initShowReplies, focusId }: ThreadItemProps) => {
-  const isMobile = useIsMobile();
-  const [showReplies, setShowReplies] = useState(initShowReplies ?? post.replies.length === 1);
-  const toggle = () => setShowReplies((v) => !v);
-
-  const numberOfReplies = countReplies(post);
-
-  return (
-    <Flex direction="column" gap="2">
-      <TrustProvider trust={focusId === post.event.id ? true : undefined}>
-        <Note event={post.event} variant={focusId === post.event.id ? "filled" : "outline"} />
-      </TrustProvider>
-      {post.replies.length > 0 && (
-        <>
-          <Button variant="link" size="sm" alignSelf="flex-start" onClick={toggle}>
-            {numberOfReplies} {numberOfReplies > 1 ? "Replies" : "Reply"}
-            {showReplies ? <ArrowDownSIcon /> : <ArrowUpSIcon />}
-          </Button>
-          {showReplies && (
-            <Flex direction="column" gap="2" pl={isMobile ? 2 : 4} borderLeftColor="gray.500" borderLeftWidth="1px">
-              {post.replies.map((child) => (
-                <ThreadPost key={child.event.id} post={child} focusId={focusId} />
-              ))}
-            </Flex>
-          )}
-        </>
-      )}
-    </Flex>
-  );
-};
diff --git a/src/views/profile/edit.tsx b/src/views/profile/edit.tsx
index 26b99cb1b..cc3e58388 100644
--- a/src/views/profile/edit.tsx
+++ b/src/views/profile/edit.tsx
@@ -1,3 +1,4 @@
+import { useEffect, useMemo } from "react";
 import {
   Avatar,
   Button,
@@ -11,9 +12,9 @@ import {
   useToast,
 } from "@chakra-ui/react";
 import dayjs from "dayjs";
-import { useEffect, useMemo } from "react";
 import { useForm } from "react-hook-form";
-import { nostrPostAction } from "../../classes/nostr-post-action";
+
+import NostrPublishAction from "../../classes/nostr-publish-action";
 import { ExternalLinkIcon } from "../../components/icons";
 import { isLNURL } from "../../helpers/lnurl";
 import { Kind0ParsedContent } from "../../helpers/user-metadata";
@@ -206,7 +207,7 @@ export const ProfileEditView = () => {
       nip05: metadata?.nip05,
       lightningAddress: metadata?.lud16 || metadata?.lud06,
     }),
-    [metadata]
+    [metadata],
   );
 
   const handleSubmit = async (data: FormData) => {
@@ -236,10 +237,10 @@ export const ProfileEditView = () => {
       };
 
       const event = await signingService.requestSignature(draft, account);
-      const results = nostrPostAction(writeRelays, event);
+      const pub = new NostrPublishAction("Update Profile", writeRelays, event);
       userMetadataService.receiveEvent(event);
 
-      await results.onComplete;
+      await pub.onComplete;
     } catch (e) {
       if (e instanceof Error) toast({ description: e.message, status: "error" });
     }
diff --git a/src/views/relays/components/relay-card.tsx b/src/views/relays/components/relay-card.tsx
index 12b46ba41..65b3c68d7 100644
--- a/src/views/relays/components/relay-card.tsx
+++ b/src/views/relays/components/relay-card.tsx
@@ -7,6 +7,8 @@ import {
   CardFooter,
   CardHeader,
   CardProps,
+  Checkbox,
+  CheckboxProps,
   Flex,
   Heading,
   IconButton,
@@ -17,31 +19,28 @@ import {
   ModalContent,
   ModalHeader,
   ModalOverlay,
-  ModalProps,
+  Tag,
   useDisclosure,
   useToast,
 } from "@chakra-ui/react";
 import { Link as RouterLink } from "react-router-dom";
 import { useRelayInfo } from "../../../hooks/use-relay-info";
 import { RelayFavicon } from "../../../components/relay-favicon";
-import { CodeIcon, ExternalLinkIcon, RepostIcon } from "../../../components/icons";
+import { CodeIcon, RepostIcon } from "../../../components/icons";
 import { UserLink } from "../../../components/user-link";
 import { UserAvatar } from "../../../components/user-avatar";
-import { useClientRelays, useReadRelayUrls } from "../../../hooks/use-client-relays";
+import { useClientRelays } from "../../../hooks/use-client-relays";
 import clientRelaysService from "../../../services/client-relays";
 import { RelayMode } from "../../../classes/relay";
 import { UserDnsIdentityIcon } from "../../../components/user-dns-identity-icon";
 import { useCurrentAccount } from "../../../hooks/use-current-account";
-import useSubject from "../../../hooks/use-subject";
-import useTimelineLoader from "../../../hooks/use-timeline-loader";
-import RelayReviewNote from "./relay-review-note";
 import styled from "@emotion/styled";
 import { PropsWithChildren, useCallback } from "react";
 import RawJson from "../../../components/debug-modals/raw-json";
 import { DraftNostrEvent } from "../../../types/nostr-event";
 import dayjs from "dayjs";
 import { useSigningContext } from "../../../providers/signing-provider";
-import { nostrPostAction } from "../../../classes/nostr-post-action";
+import NostrPublishAction from "../../../classes/nostr-publish-action";
 
 const B = styled.span`
   font-weight: bold;
@@ -54,7 +53,7 @@ export const Metadata = ({ name, children }: { name: string } & PropsWithChildre
     </div>
   ) : null;
 
-export function RelayMetadata({ url }: { url: string }) {
+export function RelayMetadata({ url, extended }: { url: string; extended?: boolean }) {
   const { info } = useRelayInfo(url);
 
   return (
@@ -63,11 +62,17 @@ export function RelayMetadata({ url }: { url: string }) {
       {info?.pubkey && (
         <Flex gap="2" alignItems="center">
           <B>Owner:</B>
-          <UserAvatar pubkey={info.pubkey} size="xs" />
+          <UserAvatar pubkey={info.pubkey} size="xs" noProxy />
           <UserLink pubkey={info.pubkey} />
           <UserDnsIdentityIcon pubkey={info.pubkey} onlyIcon />
         </Flex>
       )}
+      {extended && (
+        <>
+          <Metadata name="Software">{info?.software}</Metadata>
+          <Metadata name="Version">{info?.version}</Metadata>
+        </>
+      )}
     </Box>
   );
 }
@@ -75,9 +80,9 @@ export function RelayMetadata({ url }: { url: string }) {
 export function RelayJoinAction({ url, ...props }: { url: string } & Omit<ButtonProps, "children" | "onClick">) {
   const account = useCurrentAccount();
   const clientRelays = useClientRelays();
-  const joined = clientRelays.some((r) => r.url === url);
+  const relayConfig = clientRelays.find((r) => r.url === url);
 
-  return joined ? (
+  return relayConfig ? (
     <Button
       colorScheme="red"
       variant="outline"
@@ -99,6 +104,26 @@ export function RelayJoinAction({ url, ...props }: { url: string } & Omit<Button
   );
 }
 
+export function RelayModeAction({
+  url,
+  ...props
+}: { url: string } & Omit<CheckboxProps, "children" | "isChecked" | "onChange">) {
+  const clientRelays = useClientRelays();
+  const relayConfig = clientRelays.find((r) => r.url === url);
+
+  return relayConfig ? (
+    <Checkbox
+      isChecked={!!(relayConfig.mode & RelayMode.WRITE)}
+      onChange={(e) => {
+        clientRelaysService.updateRelay(relayConfig.url, e.target.checked ? RelayMode.WRITE : RelayMode.READ);
+      }}
+      {...props}
+    >
+      Write
+    </Checkbox>
+  ) : null;
+}
+
 export function RelayDebugButton({ url, ...props }: { url: string } & Omit<IconButtonProps, "icon" | "aria-label">) {
   const { info } = useRelayInfo(url);
   const debugModal = useDisclosure();
@@ -142,7 +167,7 @@ export function RelayShareButton({
       const signed = await requestSignature(draft);
       if (!signed) return;
 
-      const post = nostrPostAction(writeRelays, signed);
+      const post = new NostrPublishAction("Share Relay", writeRelays, signed);
       await post.onComplete;
     } catch (e) {
       if (e instanceof Error) toast({ description: e.message, status: "error" });
@@ -162,6 +187,7 @@ export function RelayShareButton({
 }
 
 export default function RelayCard({ url, ...props }: { url: string } & Omit<CardProps, "children">) {
+  const { info } = useRelayInfo(url);
   return (
     <>
       <Card variant="outline" {...props}>
@@ -169,6 +195,11 @@ export default function RelayCard({ url, ...props }: { url: string } & Omit<Card
           <RelayFavicon relay={url} size="xs" />
           <Heading size="md" isTruncated>
             <RouterLink to={`/r/${encodeURIComponent(url)}`}>{url}</RouterLink>
+            {info?.payments_url && (
+              <Tag as="a" variant="solid" colorScheme="green" size="sm" ml="2" target="_blank" href={info.payments_url}>
+                Paid
+              </Tag>
+            )}
           </Heading>
         </CardHeader>
         <CardBody px="2" py="0" display="flex" flexDirection="column" gap="2">
@@ -176,18 +207,10 @@ export default function RelayCard({ url, ...props }: { url: string } & Omit<Card
         </CardBody>
         <CardFooter p="2" as={Flex} gap="2">
           <RelayJoinAction url={url} size="sm" />
+          <RelayModeAction url={url} />
 
           <RelayShareButton relay={url} ml="auto" size="sm" />
-          <RelayDebugButton url={url} size="sm" />
-          <Button
-            as="a"
-            href={`https://nostr.watch/relay/${new URL(url).host}`}
-            target="_blank"
-            rightIcon={<ExternalLinkIcon />}
-            size="sm"
-          >
-            More
-          </Button>
+          <RelayDebugButton url={url} size="sm" title="Show raw NIP-11 metadata" />
         </CardFooter>
       </Card>
     </>
diff --git a/src/views/relays/components/supported-nips.tsx b/src/views/relays/components/supported-nips.tsx
new file mode 100644
index 000000000..f49a11435
--- /dev/null
+++ b/src/views/relays/components/supported-nips.tsx
@@ -0,0 +1,77 @@
+import { Flex, Tag, Tooltip } from "@chakra-ui/react";
+
+// copied from github
+const NIP_NAMES: Record<string, string> = {
+  "01": "Basic protocol",
+  "02": "Contact List and Petnames",
+  "03": "OpenTimestamps Attestations for Events",
+  "04": "Encrypted Direct Message",
+  "05": "Mapping Nostr keys to DNS-based internet identifiers",
+  "06": "Basic key derivation from mnemonic seed phrase",
+  "07": "window.nostr capability for web browsers",
+  "08": "Handling Mentions",
+  "09": "Event Deletion",
+  "10": "Conventions for clients' use of e and p tags in text events",
+  "11": "Relay Information Document",
+  "12": "Generic Tag Queries",
+  "13": "Proof of Work",
+  "14": "Subject tag in text events",
+  "15": "Nostr Marketplace",
+  "16": "Event Treatment",
+  "18": "Reposts",
+  "19": "bech32-encoded entities",
+  "20": "Command Results",
+  "21": "nostr: URI scheme",
+  "22": "Event created_at Limits",
+  "23": "Long-form Content",
+  "25": "Reactions",
+  "26": "Delegated Event Signing",
+  "27": "Text Note References",
+  "28": "Public Chat",
+  "30": "Custom Emoji",
+  "31": "Dealing with Unknown Events",
+  "32": "Labeling",
+  "33": "Parameterized Replaceable Events",
+  "36": "Sensitive Content",
+  "39": "External Identities in Profiles",
+  "40": "Expiration Timestamp",
+  "42": "Authentication of clients to relays",
+  "45": "Counting results",
+  "46": "Nostr Connect",
+  "47": "Wallet Connect",
+  "50": "Keywords filter",
+  "51": "Lists",
+  "52": "Calendar Events",
+  "53": "Live Activities",
+  "56": "Reporting",
+  "57": "Lightning Zaps",
+  "58": "Badges",
+  "65": "Relay List Metadata",
+  "78": "Application-specific data",
+  "89": "Recommended Application Handlers",
+  "94": "File Metadata",
+  "98": "HTTP Auth",
+  "99": "Classified Listings",
+};
+
+function NipTag({ nip }: { nip: number }) {
+  const nipStr = String(nip).padStart(2, "0");
+
+  return (
+    <Tooltip label={NIP_NAMES[nipStr]}>
+      <Tag as="a" target="_blank" href={`https://github.com/nostr-protocol/nips/blob/master/${nipStr}.md`}>
+        NIP-{nip}
+      </Tag>
+    </Tooltip>
+  );
+}
+
+export default function SupportedNIPs({ nips }: { nips: number[] }) {
+  return (
+    <Flex gap="2" wrap="wrap">
+      {nips.map((nip) => (
+        <NipTag key={nip} nip={nip} />
+      ))}
+    </Flex>
+  );
+}
diff --git a/src/views/relays/index.tsx b/src/views/relays/index.tsx
index 8fd47822c..3c02cf439 100644
--- a/src/views/relays/index.tsx
+++ b/src/views/relays/index.tsx
@@ -25,7 +25,7 @@ export default function RelaysView() {
     .map((r) => r.url)
     .filter(safeRelayUrl);
   const { value: onlineRelays = [] } = useAsync(async () =>
-    fetch("https://api.nostr.watch/v1/online").then((res) => res.json() as Promise<string[]>)
+    fetch("https://api.nostr.watch/v1/online").then((res) => res.json() as Promise<string[]>),
   );
 
   const filteredRelays = useMemo(() => {
@@ -38,7 +38,7 @@ export default function RelaysView() {
 
   return (
     <Flex direction="column" gap="2" p="2">
-      <Flex alignItems="center" gap="2">
+      <Flex alignItems="center" gap="2" wrap="wrap">
         <Input type="search" placeholder="search" value={search} onChange={(e) => setSearch(e.target.value)} w="auto" />
         <Switch isChecked={showAll.isOpen} onChange={showAll.onToggle}>
           Show All
@@ -51,9 +51,9 @@ export default function RelaysView() {
           Add Custom
         </Button>
       </Flex>
-      <SimpleGrid minChildWidth="25rem" spacing="2">
+      <SimpleGrid columns={[1, 1, 1, 2, 3]} spacing="2">
         {filteredRelays.map((url) => (
-          <RelayCard key={url} url={url} variant="outline" maxW="xl" />
+          <RelayCard key={url} url={url} variant="outline" />
         ))}
       </SimpleGrid>
 
@@ -61,9 +61,9 @@ export default function RelaysView() {
         <>
           <Divider />
           <Heading size="lg">Discovered Relays</Heading>
-          <SimpleGrid minChildWidth="25rem" spacing="2">
+          <SimpleGrid columns={[1, 1, 1, 2, 3]} spacing="2">
             {discoveredRelays.map((url) => (
-              <RelayCard key={url} url={url} variant="outline" maxW="xl" />
+              <RelayCard key={url} url={url} variant="outline" />
             ))}
           </SimpleGrid>
         </>
diff --git a/src/views/relays/relay.tsx b/src/views/relays/relay.tsx
deleted file mode 100644
index 739ce6786..000000000
--- a/src/views/relays/relay.tsx
+++ /dev/null
@@ -1,139 +0,0 @@
-import { useParams } from "react-router-dom";
-import { Box, Flex, Heading, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, Tooltip } from "@chakra-ui/react";
-
-import { safeRelayUrl } from "../../helpers/url";
-import { useRelayInfo } from "../../hooks/use-relay-info";
-import { RelayDebugButton, RelayJoinAction, RelayMetadata } from "./components/relay-card";
-import useSubject from "../../hooks/use-subject";
-import { useReadRelayUrls } from "../../hooks/use-client-relays";
-import useTimelineLoader from "../../hooks/use-timeline-loader";
-import RelayReviewNote from "./components/relay-review-note";
-
-// copied from github
-const NIP_NAMES: Record<string, string> = {
-  "01": "Basic protocol",
-  "02": "Contact List and Petnames",
-  "03": "OpenTimestamps Attestations for Events",
-  "04": "Encrypted Direct Message",
-  "05": "Mapping Nostr keys to DNS-based internet identifiers",
-  "06": "Basic key derivation from mnemonic seed phrase",
-  "07": "window.nostr capability for web browsers",
-  "08": "Handling Mentions",
-  "09": "Event Deletion",
-  "10": "Conventions for clients' use of e and p tags in text events",
-  "11": "Relay Information Document",
-  "12": "Generic Tag Queries",
-  "13": "Proof of Work",
-  "14": "Subject tag in text events",
-  "15": "Nostr Marketplace",
-  "16": "Event Treatment",
-  "18": "Reposts",
-  "19": "bech32-encoded entities",
-  "20": "Command Results",
-  "21": "nostr: URI scheme",
-  "22": "Event created_at Limits",
-  "23": "Long-form Content",
-  "25": "Reactions",
-  "26": "Delegated Event Signing",
-  "27": "Text Note References",
-  "28": "Public Chat",
-  "30": "Custom Emoji",
-  "31": "Dealing with Unknown Events",
-  "32": "Labeling",
-  "33": "Parameterized Replaceable Events",
-  "36": "Sensitive Content",
-  "39": "External Identities in Profiles",
-  "40": "Expiration Timestamp",
-  "42": "Authentication of clients to relays",
-  "45": "Counting results",
-  "46": "Nostr Connect",
-  "47": "Wallet Connect",
-  "50": "Keywords filter",
-  "51": "Lists",
-  "52": "Calendar Events",
-  "53": "Live Activities",
-  "56": "Reporting",
-  "57": "Lightning Zaps",
-  "58": "Badges",
-  "65": "Relay List Metadata",
-  "78": "Application-specific data",
-  "89": "Recommended Application Handlers",
-  "94": "File Metadata",
-  "98": "HTTP Auth",
-  "99": "Classified Listings",
-};
-
-function NipTag({ nip }: { nip: number }) {
-  const nipStr = String(nip).padStart(2, "0");
-
-  return (
-    <Tooltip label={NIP_NAMES[nipStr]}>
-      <Tag as="a" target="_blank" href={`https://github.com/nostr-protocol/nips/blob/master/${nipStr}.md`}>
-        NIP-{nip}
-      </Tag>
-    </Tooltip>
-  );
-}
-
-function RelayReviews({ relay }: { relay: string }) {
-  const readRelays = useReadRelayUrls();
-  const timeline = useTimelineLoader(`${relay}-reviews`, readRelays, {
-    kinds: [1985],
-    "#r": [relay],
-    "#l": ["review/relay"],
-  });
-
-  const events = useSubject(timeline.timeline);
-
-  return (
-    <Flex direction="column" gap="2">
-      {events.map((event) => (
-        <RelayReviewNote key={event.id} event={event} hideUrl />
-      ))}
-    </Flex>
-  );
-}
-
-function RelayPage({ relay }: { relay: string }) {
-  const { info } = useRelayInfo(relay);
-
-  return (
-    <Flex direction="column" alignItems="stretch" gap="2" py="2">
-      <Flex gap="2" alignItems="center">
-        <Heading>{relay}</Heading>
-        <RelayDebugButton url={relay} ml="auto" />
-        <RelayJoinAction url={relay} />
-      </Flex>
-      <RelayMetadata url={relay} />
-      <Flex gap="2">
-        {info?.supported_nips?.map((nip) => (
-          <NipTag key={nip} nip={nip} />
-        ))}
-      </Flex>
-      <Tabs display="flex" flexDirection="column" flexGrow="1" isLazy colorScheme="brand">
-        <TabList overflowX="auto" overflowY="hidden" flexShrink={0}>
-          <Tab>Reviews</Tab>
-          <Tab isDisabled>Notes</Tab>
-        </TabList>
-
-        <TabPanels>
-          <TabPanel py="2" px="0">
-            <RelayReviews relay={relay} />
-          </TabPanel>
-          <TabPanel py="2" px="0"></TabPanel>
-        </TabPanels>
-      </Tabs>
-    </Flex>
-  );
-}
-
-export default function RelayView() {
-  const { relay } = useParams<string>();
-  if (!relay) return <>No relay url</>;
-
-  const safeUrl = safeRelayUrl(relay);
-
-  if (!safeUrl) return <>Bad relay url</>;
-
-  return <RelayPage relay={safeUrl} />;
-}
diff --git a/src/views/relays/relay/index.tsx b/src/views/relays/relay/index.tsx
new file mode 100644
index 000000000..9ede1d79c
--- /dev/null
+++ b/src/views/relays/relay/index.tsx
@@ -0,0 +1,98 @@
+import { useParams } from "react-router-dom";
+import {
+  Button,
+  ButtonGroup,
+  Flex,
+  Heading,
+  Tab,
+  TabList,
+  TabPanel,
+  TabPanels,
+  Tabs,
+  Tag,
+  useDisclosure,
+} from "@chakra-ui/react";
+
+import { safeRelayUrl } from "../../../helpers/url";
+import { useRelayInfo } from "../../../hooks/use-relay-info";
+import { RelayDebugButton, RelayJoinAction, RelayMetadata } from "../components/relay-card";
+import SupportedNIPs from "../components/supported-nips";
+import { ExternalLinkIcon } from "../../../components/icons";
+import RelayReviewForm from "./relay-review-form";
+import RelayReviews from "./relay-reviews";
+import RelayNotes from "./relay-notes";
+
+function RelayPage({ relay }: { relay: string }) {
+  const { info } = useRelayInfo(relay);
+  const showReviewForm = useDisclosure();
+
+  return (
+    <Flex direction="column" alignItems="stretch" gap="2" p="2">
+      <Flex gap="2" alignItems="center" wrap="wrap" justifyContent="space-between">
+        <Heading isTruncated size={{ base: "md", sm: "lg" }}>
+          {relay}
+          {info?.payments_url && (
+            <Tag
+              as="a"
+              variant="solid"
+              colorScheme="green"
+              size={{ base: "sm", md: "lg" }}
+              ml="2"
+              target="_blank"
+              href={info.payments_url}
+            >
+              Paid
+            </Tag>
+          )}
+        </Heading>
+        <ButtonGroup size={["sm", "md"]}>
+          <RelayDebugButton url={relay} ml="auto" />
+          <Button
+            as="a"
+            href={`https://nostr.watch/relay/${new URL(relay).host}`}
+            target="_blank"
+            rightIcon={<ExternalLinkIcon />}
+          >
+            More info
+          </Button>
+          <RelayJoinAction url={relay} />
+        </ButtonGroup>
+      </Flex>
+      <RelayMetadata url={relay} extended />
+      {info?.supported_nips && <SupportedNIPs nips={info?.supported_nips} />}
+      <Tabs display="flex" flexDirection="column" flexGrow="1" isLazy colorScheme="brand">
+        <TabList overflowX="auto" overflowY="hidden" flexShrink={0}>
+          <Tab>Reviews</Tab>
+          <Tab>Notes</Tab>
+        </TabList>
+
+        <TabPanels>
+          <TabPanel py="2" px="0">
+            {showReviewForm.isOpen ? (
+              <RelayReviewForm onClose={showReviewForm.onClose} relay={relay} />
+            ) : (
+              <Button colorScheme="brand" ml="aut" mb="2" onClick={showReviewForm.onOpen}>
+                Write review
+              </Button>
+            )}
+            <RelayReviews relay={relay} />
+          </TabPanel>
+          <TabPanel py="2" px="0">
+            <RelayNotes relay={relay} />
+          </TabPanel>
+        </TabPanels>
+      </Tabs>
+    </Flex>
+  );
+}
+
+export default function RelayView() {
+  const { relay } = useParams<string>();
+  if (!relay) return <>No relay url</>;
+
+  const safeUrl = safeRelayUrl(relay);
+
+  if (!safeUrl) return <>Bad relay url</>;
+
+  return <RelayPage relay={safeUrl} />;
+}
diff --git a/src/views/relays/relay/relay-notes.tsx b/src/views/relays/relay/relay-notes.tsx
new file mode 100644
index 000000000..9b90fbfd5
--- /dev/null
+++ b/src/views/relays/relay/relay-notes.tsx
@@ -0,0 +1,36 @@
+import { useCallback } from "react";
+import { Flex, Switch, useDisclosure } from "@chakra-ui/react";
+
+import { isReply } from "../../../helpers/nostr/event";
+import { useAppTitle } from "../../../hooks/use-app-title";
+import useTimelineLoader from "../../../hooks/use-timeline-loader";
+import { NostrEvent } from "../../../types/nostr-event";
+import TimelinePage, { useTimelinePageEventFilter } from "../../../components/timeline-page";
+import TimelineViewTypeButtons from "../../../components/timeline-page/timeline-view-type";
+
+export default function RelayNotes({ relay }: { relay: string }) {
+  useAppTitle(`${relay} - Notes`);
+
+  const showReplies = useDisclosure();
+
+  const timelineEventFilter = useTimelinePageEventFilter();
+  const eventFilter = useCallback(
+    (event: NostrEvent) => {
+      if (!showReplies.isOpen && isReply(event)) return false;
+      return timelineEventFilter(event);
+    },
+    [showReplies.isOpen, timelineEventFilter],
+  );
+  const timeline = useTimelineLoader(`${relay}-notes`, [relay], { kinds: [1] }, { eventFilter });
+
+  const header = (
+    <Flex gap="2" pr="2" justifyContent="space-between" alignItems="center">
+      <Switch isChecked={showReplies.isOpen} onChange={showReplies.onToggle} size="sm">
+        Show Replies
+      </Switch>
+      <TimelineViewTypeButtons />
+    </Flex>
+  );
+
+  return <TimelinePage timeline={timeline} header={header} />;
+}
diff --git a/src/views/relays/relay/relay-review-form.tsx b/src/views/relays/relay/relay-review-form.tsx
new file mode 100644
index 000000000..6bd851f84
--- /dev/null
+++ b/src/views/relays/relay/relay-review-form.tsx
@@ -0,0 +1,57 @@
+import { Button, Flex, Heading, Textarea } from "@chakra-ui/react";
+import { useForm } from "react-hook-form";
+import dayjs from "dayjs";
+
+import { useWriteRelayUrls } from "../../../hooks/use-client-relays";
+import StarRating from "../../../components/star-rating";
+import { DraftNostrEvent } from "../../../types/nostr-event";
+import { RELAY_REVIEW_LABEL, RELAY_REVIEW_LABEL_NAMESPACE, REVIEW_KIND } from "../../../helpers/nostr/reviews";
+import { useSigningContext } from "../../../providers/signing-provider";
+import NostrPublishAction from "../../../classes/nostr-publish-action";
+
+export default function RelayReviewForm({ onClose, relay }: { onClose: () => void; relay: string }) {
+  const { requestSignature } = useSigningContext();
+  const writeRelays = useWriteRelayUrls();
+  const { register, getValues, watch, handleSubmit, setValue } = useForm({
+    defaultValues: {
+      quality: 0.6,
+      content: "",
+    },
+  });
+
+  watch("quality");
+
+  const onSubmit = handleSubmit(async (values) => {
+    const draft: DraftNostrEvent = {
+      kind: REVIEW_KIND,
+      content: values.content,
+      tags: [
+        ["l", RELAY_REVIEW_LABEL, new URL(relay).host, JSON.stringify({ quality: values.quality })],
+        ["L", RELAY_REVIEW_LABEL_NAMESPACE],
+        ["r", relay],
+      ],
+      created_at: dayjs().unix(),
+    };
+
+    const signed = await requestSignature(draft);
+    if (!signed) return;
+    const pub = new NostrPublishAction("Review Relay", writeRelays, signed);
+    onClose();
+  });
+
+  return (
+    <Flex as="form" direction="column" onSubmit={onSubmit} gap="2" mb="2">
+      <Flex gap="2">
+        <Heading size="md">Write review</Heading>
+        <StarRating quality={getValues().quality} fontSize="1.5rem" onChange={(q) => setValue("quality", q)} />
+      </Flex>
+      <Textarea {...register("content")} rows={5} placeholder="A short description of your experience with the relay" />
+      <Flex gap="2" ml="auto">
+        <Button onClick={onClose}>Cancel</Button>
+        <Button type="submit" colorScheme="brand">
+          Submit
+        </Button>
+      </Flex>
+    </Flex>
+  );
+}
diff --git a/src/views/relays/relay/relay-reviews.tsx b/src/views/relays/relay/relay-reviews.tsx
new file mode 100644
index 000000000..2ccf9fbea
--- /dev/null
+++ b/src/views/relays/relay/relay-reviews.tsx
@@ -0,0 +1,28 @@
+import { Flex } from "@chakra-ui/react";
+
+import { RELAY_REVIEW_LABEL } from "../../../helpers/nostr/reviews";
+import { useReadRelayUrls } from "../../../hooks/use-client-relays";
+import useSubject from "../../../hooks/use-subject";
+import useTimelineLoader from "../../../hooks/use-timeline-loader";
+import RelayReviewNote from "../components/relay-review-note";
+import { useAppTitle } from "../../../hooks/use-app-title";
+
+export default function RelayReviews({ relay }: { relay: string }) {
+  useAppTitle(`${relay} - Reviews`);
+  const readRelays = useReadRelayUrls();
+  const timeline = useTimelineLoader(`${relay}-reviews`, readRelays, {
+    kinds: [1985],
+    "#r": [relay],
+    "#l": [RELAY_REVIEW_LABEL],
+  });
+
+  const events = useSubject(timeline.timeline);
+
+  return (
+    <Flex direction="column" gap="2">
+      {events.map((event) => (
+        <RelayReviewNote key={event.id} event={event} hideUrl />
+      ))}
+    </Flex>
+  );
+}
diff --git a/src/views/search/index.tsx b/src/views/search/index.tsx
index ef9a655bc..b1c008774 100644
--- a/src/views/search/index.tsx
+++ b/src/views/search/index.tsx
@@ -17,7 +17,7 @@ import { useSearchParams, Link as RouterLink, useNavigate } from "react-router-d
 import { ClipboardIcon, QrCodeIcon } from "../../components/icons";
 import QrScannerModal from "../../components/qr-scanner-modal";
 import { safeDecode } from "../../helpers/nip19";
-import { matchHashtag } from "../../helpers/regexp";
+import { getMatchHashtag } from "../../helpers/regexp";
 import RelaySelectionButton from "../../components/relay-selection/relay-selection-button";
 import RelaySelectionProvider, { useRelaySelectionRelays } from "../../providers/relay-selection-provider";
 import useTimelineLoader from "../../hooks/use-timeline-loader";
@@ -87,7 +87,7 @@ function SearchResults({ search }: { search: string }) {
     `search`,
     searchRelays,
     { search: search || "", kinds: [Kind.Metadata] },
-    { enabled: !!search }
+    { enabled: !!search },
   );
 
   const events = useSubject(timeline?.timeline) ?? [];
@@ -96,7 +96,7 @@ function SearchResults({ search }: { search: string }) {
 
   return (
     <IntersectionObserverProvider callback={callback}>
-      <SimpleGrid minChildWidth="30rem" spacing="2">
+      <SimpleGrid columns={{ base: 1, xl: 2 }} spacing="2">
         {events.map((event) => (
           <ProfileResult key={event.id} event={event} />
         ))}
@@ -128,7 +128,7 @@ export function SearchPage() {
       return;
     }
 
-    const hashTagMatch = cleanText.match(matchHashtag);
+    const hashTagMatch = getMatchHashtag().exec(cleanText);
     if (hashTagMatch) {
       navigate({ pathname: "/t/" + hashTagMatch[2].toLocaleLowerCase() });
       return;
@@ -148,17 +148,19 @@ export function SearchPage() {
   };
 
   return (
-    <Flex direction="column" py="2" gap="2">
+    <Flex direction="column" py="2" px={["2", "2", 0]} gap="2">
       <QrScannerModal isOpen={qrScannerModal.isOpen} onClose={qrScannerModal.onClose} onData={handleSearchText} />
 
       <form onSubmit={handleSubmit}>
-        <Flex gap="2">
-          <IconButton onClick={qrScannerModal.onOpen} icon={<QrCodeIcon />} aria-label="Qr Scanner" />
-          {!!navigator.clipboard.readText && (
-            <IconButton onClick={readClipboard} icon={<ClipboardIcon />} aria-label="Read clipboard" />
-          )}
-          <Input type="search" value={searchInput} onChange={(e) => setSearchInput(e.target.value)} />
-          <Button type="submit">Search</Button>
+        <Flex gap="2" wrap="wrap">
+          <Flex gap="2" grow={1}>
+            <IconButton onClick={qrScannerModal.onOpen} icon={<QrCodeIcon />} aria-label="Qr Scanner" />
+            {!!navigator.clipboard.readText && (
+              <IconButton onClick={readClipboard} icon={<ClipboardIcon />} aria-label="Read clipboard" />
+            )}
+            <Input type="search" value={searchInput} onChange={(e) => setSearchInput(e.target.value)} />
+            <Button type="submit">Search</Button>
+          </Flex>
           <RelaySelectionButton />
         </Flex>
       </form>
diff --git a/src/views/settings/index.tsx b/src/views/settings/index.tsx
index b3d444d6a..dbac2d57d 100644
--- a/src/views/settings/index.tsx
+++ b/src/views/settings/index.tsx
@@ -43,9 +43,6 @@ export default function SettingsView() {
           </Accordion>
         </FormProvider>
         <Flex gap="4" padding="4" alignItems="center">
-          <Button as={RouterLink} to="/tools" leftIcon={<ToolsIcon />}>
-            Tools
-          </Button>
           <Link isExternal href="https://github.com/hzrd149/nostrudel">
             <GithubIcon /> Github
           </Link>
diff --git a/src/views/settings/privacy-settings.tsx b/src/views/settings/privacy-settings.tsx
index 4cd773212..a9e0f1a7c 100644
--- a/src/views/settings/privacy-settings.tsx
+++ b/src/views/settings/privacy-settings.tsx
@@ -11,10 +11,12 @@ import {
   Input,
   Link,
   FormErrorMessage,
+  Code,
 } from "@chakra-ui/react";
 import { useFormContext } from "react-hook-form";
 import { safeUrl } from "../../helpers/parse";
 import { AppSettings } from "../../services/settings/migrations";
+import { createCorsUrl } from "../../helpers/cors";
 
 async function validateInvidiousUrl(url?: string) {
   if (!url) return true;
@@ -31,7 +33,7 @@ async function validateCorsProxy(url?: string) {
   try {
     const controller = new AbortController();
     const timeoutId = setTimeout(() => controller.abort(), 2000);
-    const res = await fetch(new URL("/https://example.com", url), { signal: controller.signal });
+    const res = await fetch(createCorsUrl("https://example.com", url), { signal: controller.signal });
     return res.ok || "Cant reach instance";
   } catch (e) {
     return "Cant reach instance";
@@ -122,16 +124,26 @@ export default function PrivacySettings() {
             <FormLabel>CORS Proxy</FormLabel>
             <Input
               type="url"
-              placeholder="https://cors.example.com/"
-              {...register("corsProxy", { setValueAs: safeUrl, validate: validateCorsProxy })}
+              placeholder="https://corsproxy.io/?<encoded_url>"
+              {...register("corsProxy", { validate: validateCorsProxy })}
             />
             {formState.errors.corsProxy && <FormErrorMessage>{formState.errors.corsProxy.message}</FormErrorMessage>}
             <FormHelperText>
-              This is used as a fallback when verifying NIP-05 ids and fetching open-graph metadata. URL to an instance
-              of{" "}
+              This is used as a fallback ( to bypass CORS restrictions ) when verifying NIP-05 ids and fetching
+              open-graph metadata.
+              <br />
+              This can either point to an instance of{" "}
               <Link href="https://github.com/Rob--W/cors-anywhere" isExternal color="blue.500">
                 cors-anywhere
-              </Link>
+              </Link>{" "}
+              or{" "}
+              <Link href="https://corsproxy.io/" isExternal color="blue.500">
+                corsproxy.io
+              </Link>{" "}
+              <br />
+              <Code fontSize="0.9em">{`<url>`}</Code> or <Code fontSize="0.9em">{`<encoded_url>`}</Code> can be used to
+              inject the raw or the encoded url into the proxy url ( example:{" "}
+              <Code fontSize="0.9em">{`https://corsproxy.io/?<encoded_url>`}</Code> )
             </FormHelperText>
           </FormControl>
         </Flex>
diff --git a/src/views/streams/index.tsx b/src/views/streams/index.tsx
index 2189ade4f..f5a78c4c8 100644
--- a/src/views/streams/index.tsx
+++ b/src/views/streams/index.tsx
@@ -27,7 +27,7 @@ function StreamsPage() {
       } catch (e) {}
       return false;
     },
-    [filterStatus]
+    [filterStatus],
   );
 
   const { people } = usePeopleListContext();
@@ -49,18 +49,18 @@ function StreamsPage() {
 
   return (
     <Flex p="2" gap="2" overflow="hidden" direction="column">
-      <Flex gap="2">
-        <PeopleListSelection maxW="sm" />
-        <Select maxW="sm" value={filterStatus} onChange={(e) => setFilterStatus(e.target.value)}>
+      <Flex gap="2" wrap="wrap">
+        <PeopleListSelection w={["full", "xs"]} />
+        <Select w={["full", "xs"]} value={filterStatus} onChange={(e) => setFilterStatus(e.target.value)}>
           <option value="live">Live</option>
           <option value="ended">Ended</option>
         </Select>
         <RelaySelectionButton ml="auto" />
       </Flex>
       <IntersectionObserverProvider callback={callback}>
-        <SimpleGrid minChildWidth={["full", "20rem"]} spacing="2">
+        <SimpleGrid columns={{ base: 1, md: 2, lg: 3, xl: 4 }} spacing="2">
           {streams.map((stream) => (
-            <StreamCard key={stream.event.id} stream={stream} maxW="lg" />
+            <StreamCard key={stream.event.id} stream={stream} />
           ))}
         </SimpleGrid>
         <TimelineActionAndStatus timeline={timeline} />
diff --git a/src/views/streams/stream/index.tsx b/src/views/streams/stream/index.tsx
index 38563022e..32da5e244 100644
--- a/src/views/streams/stream/index.tsx
+++ b/src/views/streams/stream/index.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useScroll } from "react-use";
-import { Box, Button, ButtonGroup, Flex, Heading, Spacer, Spinner, Text } from "@chakra-ui/react";
+import { Box, Button, ButtonGroup, Flex, Heading, Spacer, Spinner, Text, useBreakpointValue } from "@chakra-ui/react";
 import { useParams, Navigate, useSearchParams, useNavigate } from "react-router-dom";
 import { nip19 } from "nostr-tools";
 import { Global, css } from "@emotion/react";
@@ -12,7 +12,6 @@ import { LiveVideoPlayer } from "../../../components/live-video-player";
 import StreamChat, { ChatDisplayMode } from "./stream-chat";
 import { UserAvatarLink } from "../../../components/user-avatar-link";
 import { UserLink } from "../../../components/user-link";
-import { useIsMobile } from "../../../hooks/use-is-mobile";
 import StreamSummaryContent from "../components/stream-summary-content";
 import { ArrowDownSIcon, ArrowUpSIcon, ExternalLinkIcon } from "../../../components/icons";
 import useSetColorMode from "../../../hooks/use-set-color-mode";
@@ -24,7 +23,7 @@ import RelaySelectionButton from "../../../components/relay-selection/relay-sele
 import RelaySelectionProvider from "../../../providers/relay-selection-provider";
 
 function StreamPage({ stream, displayMode }: { stream: ParsedStream; displayMode?: ChatDisplayMode }) {
-  const isMobile = useIsMobile();
+  const vertical = useBreakpointValue({ base: true, lg: false });
   const scrollBox = useRef<HTMLDivElement | null>(null);
   const scrollState = useScroll(scrollBox);
   const navigate = useNavigate();
@@ -47,8 +46,8 @@ function StreamPage({ stream, displayMode }: { stream: ParsedStream; displayMode
 
     return (
       <ButtonGroup>
-        {isMobile && toggleButton}
-        {!isMobile && (
+        {vertical && toggleButton}
+        {!vertical && (
           <CopyIconButton
             text={location.href + "?displayMode=log&colorMode=dark"}
             aria-label="Copy chat log URL"
@@ -78,9 +77,9 @@ function StreamPage({ stream, displayMode }: { stream: ParsedStream; displayMode
       h="full"
       overflowX="hidden"
       overflowY="auto"
-      direction={isMobile ? "column" : "row"}
-      p={isMobile || !!displayMode ? 0 : "2"}
-      gap={isMobile ? 0 : "4"}
+      direction={vertical ? "column" : "row"}
+      p={vertical || !!displayMode ? 0 : "2"}
+      gap={vertical ? 0 : "4"}
       ref={scrollBox}
     >
       {displayMode && (
@@ -93,14 +92,14 @@ function StreamPage({ stream, displayMode }: { stream: ParsedStream; displayMode
         />
       )}
       {!displayMode && (
-        <Flex gap={isMobile ? "2" : "4"} direction="column" flexGrow={isMobile ? 0 : 1}>
+        <Flex gap={vertical ? "2" : "4"} direction="column" flexGrow={vertical ? 0 : 1}>
           <LiveVideoPlayer
             stream={stream.streaming || stream.recording}
             autoPlay={!!stream.streaming}
             poster={stream.image}
             maxH="100vh"
           />
-          <Flex gap={isMobile ? "2" : "4"} alignItems="center" p={isMobile ? "2" : 0}>
+          <Flex gap={vertical ? "2" : "4"} alignItems="center" p={vertical ? "2" : 0}>
             <UserAvatarLink pubkey={stream.host} noProxy />
             <Box>
               <Heading size="md">
@@ -113,15 +112,15 @@ function StreamPage({ stream, displayMode }: { stream: ParsedStream; displayMode
             <RelaySelectionButton />
             <Button onClick={() => navigate(-1)}>Back</Button>
           </Flex>
-          <StreamSummaryContent stream={stream} px={isMobile ? "2" : 0} />
+          <StreamSummaryContent stream={stream} px={vertical ? "2" : 0} />
         </Flex>
       )}
       <StreamChat
         stream={stream}
         flexGrow={1}
-        maxW={isMobile || !!displayMode ? undefined : "lg"}
+        maxW={vertical || !!displayMode ? undefined : "lg"}
         maxH="100vh"
-        minH={isMobile ? "100vh" : undefined}
+        minH={vertical ? "100vh" : undefined}
         flexShrink={0}
         actions={renderActions()}
         displayMode={displayMode}
@@ -152,7 +151,7 @@ export default function StreamView() {
         parsed.data.kind,
         parsed.data.pubkey,
         parsed.data.identifier,
-        true
+        true,
       );
     } catch (e) {
       console.log(e);
diff --git a/src/views/streams/stream/stream-chat/index.tsx b/src/views/streams/stream/stream-chat/index.tsx
index f02fdff9f..2d76aebd7 100644
--- a/src/views/streams/stream/stream-chat/index.tsx
+++ b/src/views/streams/stream/stream-chat/index.tsx
@@ -21,12 +21,11 @@ import ZapModal from "../../../../components/zap-modal";
 import { LightningIcon } from "../../../../components/icons";
 import ChatMessage from "./chat-message";
 import ZapMessage from "./zap-message";
-import { ImageGalleryProvider } from "../../../../components/image-gallery";
+import { LightboxProvider } from "../../../../components/lightbox-provider";
 import IntersectionObserverProvider from "../../../../providers/intersection-observer";
 import useUserLNURLMetadata from "../../../../hooks/use-user-lnurl-metadata";
 import { useInvoiceModalContext } from "../../../../providers/invoice-modal";
 import { unique } from "../../../../helpers/array";
-import { nostrPostAction } from "../../../../classes/nostr-post-action";
 import { useForm } from "react-hook-form";
 import { useSigningContext } from "../../../../providers/signing-provider";
 import { useTimelineCurserIntersectionCallback } from "../../../../hooks/use-timeline-cursor-intersection-callback";
@@ -41,6 +40,7 @@ import { useRelaySelectionRelays } from "../../../../providers/relay-selection-p
 import useUserMuteList from "../../../../hooks/use-user-mute-list";
 import { NostrEvent, isPTag } from "../../../../types/nostr-event";
 import { useCurrentAccount } from "../../../../hooks/use-current-account";
+import NostrPublishAction from "../../../../classes/nostr-publish-action";
 
 const hideScrollbar = css`
   scrollbar-width: 0;
@@ -71,7 +71,7 @@ export default function StreamChat({
   const muteList = useUserMuteList(account?.pubkey);
   const mutedPubkeys = useMemo(
     () => [...(hostMuteList?.tags ?? []), ...(muteList?.tags ?? [])].filter(isPTag).map((t) => t[1] as string),
-    [hostMuteList, muteList]
+    [hostMuteList, muteList],
   );
   const eventFilter = useCallback((event: NostrEvent) => !mutedPubkeys.includes(event.pubkey), [mutedPubkeys]);
 
@@ -82,7 +82,7 @@ export default function StreamChat({
       "#a": [getATag(stream)],
       kinds: [STREAM_CHAT_MESSAGE_KIND, Kind.Zap],
     },
-    { eventFilter }
+    { eventFilter },
   );
 
   const events = useSubject(timeline.timeline).sort((a, b) => b.created_at - a.created_at);
@@ -109,7 +109,7 @@ export default function StreamChat({
       const draft = buildChatMessage(stream, values.content);
       const signed = await requestSignature(draft);
       if (!signed) throw new Error("Failed to sign");
-      nostrPostAction(relays, signed);
+      new NostrPublishAction("Send Chat", relays, signed);
       reset();
     } catch (e) {
       if (e instanceof Error) toast({ description: e.message, status: "error" });
@@ -126,7 +126,7 @@ export default function StreamChat({
   return (
     <>
       <IntersectionObserverProvider callback={callback} root={scrollBox}>
-        <ImageGalleryProvider>
+        <LightboxProvider>
           <Card {...props} overflow="hidden" background={isChatLog ? "transparent" : undefined}>
             {!isPopup && (
               <CardHeader py="3" display="flex" justifyContent="space-between" alignItems="center">
@@ -153,7 +153,7 @@ export default function StreamChat({
                     <ChatMessage key={event.id} event={event} stream={stream} />
                   ) : (
                     <ZapMessage key={event.id} zap={event} stream={stream} />
-                  )
+                  ),
                 )}
               </Flex>
               {!isChatLog && (
@@ -184,7 +184,7 @@ export default function StreamChat({
               )}
             </CardBody>
           </Card>
-        </ImageGalleryProvider>
+        </LightboxProvider>
       </IntersectionObserverProvider>
       {zapModal.isOpen && (
         <ZapModal
diff --git a/src/views/tools/index.tsx b/src/views/tools/index.tsx
index c5609fde5..da587f64b 100644
--- a/src/views/tools/index.tsx
+++ b/src/views/tools/index.tsx
@@ -1,6 +1,7 @@
 import { Avatar, Button, Flex, Heading, Image, Link } from "@chakra-ui/react";
 import { Link as RouterLink } from "react-router-dom";
 import { ToolsIcon } from "../../components/icons";
+import OpenGraphCard from "../../components/open-graph-card";
 
 export default function ToolsHomeView() {
   return (
@@ -9,6 +10,15 @@ export default function ToolsHomeView() {
         <ToolsIcon /> Tools
       </Heading>
       <Flex wrap="wrap" gap="4">
+        <Button
+          as={Link}
+          href="https://w3.do/"
+          isExternal
+          target="_blank"
+          leftIcon={<Image src="https://w3.do/favicon.ico" h="1.5em" />}
+        >
+          URL Shortener
+        </Button>
         <Button
           as={Link}
           href="https://nak.nostr.com/"
@@ -18,8 +28,28 @@ export default function ToolsHomeView() {
         >
           nostr army knife
         </Button>
-        <Button as={RouterLink} to="./nip19">
-          Nip-19 encode/decode
+        <Button
+          as={Link}
+          href="https://nostrdebug.com/"
+          isExternal
+          target="_blank"
+          leftIcon={<Image src="https://nostrdebug.com/favicon.ico" h="1.5em" />}
+        >
+          Nostr Debug
+        </Button>
+        <Button
+          as={Link}
+          href="https://www.nostrapps.com/"
+          isExternal
+          target="_blank"
+          leftIcon={
+            <Image
+              src="https://uploads-ssl.webflow.com/641d0d46d5c124ac928a6027/64b1dd06d59d8f1e530d2926_32x32.png"
+              h="1.5em"
+            />
+          }
+        >
+          Nostr Apps
         </Button>
       </Flex>
     </Flex>
diff --git a/src/views/tools/nip19.tsx b/src/views/tools/nip19.tsx
deleted file mode 100644
index 8c92f854c..000000000
--- a/src/views/tools/nip19.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-import {
-  Button,
-  Card,
-  CardBody,
-  Code,
-  Flex,
-  FormControl,
-  FormErrorMessage,
-  FormLabel,
-  Heading,
-  Input,
-  useToast,
-} from "@chakra-ui/react";
-import { ToolsIcon } from "../../components/icons";
-import { useForm } from "react-hook-form";
-import { RelayUrlInput } from "../../components/relay-url-input";
-import { useState } from "react";
-import { normalizeToHex } from "../../helpers/nip19";
-import { nip19 } from "nostr-tools";
-import { normalizeRelayUrl } from "../../helpers/url";
-import RawValue from "../../components/debug-modals/raw-value";
-
-function EncodeForm() {
-  const toast = useToast();
-  const { handleSubmit, register, formState, setValue } = useForm({
-    mode: "onBlur",
-    defaultValues: {
-      pubkey: "",
-      relay: "",
-    },
-  });
-
-  const [output, setOutput] = useState("");
-
-  const encode = handleSubmit((values) => {
-    try {
-      const pubkey = normalizeToHex(values.pubkey);
-      if (!pubkey) throw new Error("bad pubkey");
-      const relay = normalizeRelayUrl(values.relay);
-
-      const nprofile = nip19.nprofileEncode({
-        pubkey,
-        relays: [relay],
-      });
-
-      setOutput(nprofile);
-    } catch (e) {
-      if (e instanceof Error) toast({ description: e.message, status: "error" });
-    }
-  });
-
-  return (
-    <Card size="sm">
-      <CardBody>
-        <form onSubmit={encode}>
-          <FormControl isInvalid={!!formState.errors.pubkey}>
-            <FormLabel>Public key</FormLabel>
-            <Input {...register("pubkey", { minLength: 8, required: true })} placeholder="npub or hex" />
-            {formState.errors.pubkey && <FormErrorMessage>{formState.errors.pubkey.message}</FormErrorMessage>}
-          </FormControl>
-          <FormControl isInvalid={!!formState.errors.pubkey}>
-            <FormLabel>Relay url</FormLabel>
-            <RelayUrlInput
-              {...register("relay", { required: true })}
-              onChange={(v) => setValue("relay", v)}
-              placeholder="wss://relay.example.com"
-            />
-            {formState.errors.pubkey && <FormErrorMessage>{formState.errors.pubkey.message}</FormErrorMessage>}
-          </FormControl>
-          <Button type="submit">Encode</Button>
-        </form>
-        {output && <RawValue heading="nprofile" value={output} />}
-      </CardBody>
-    </Card>
-  );
-}
-
-function DecodeForm() {
-  const toast = useToast();
-  const { handleSubmit, register, formState, setValue } = useForm({
-    mode: "onBlur",
-    defaultValues: {
-      input: "",
-    },
-  });
-
-  const [output, setOutput] = useState<Object>();
-
-  const decode = handleSubmit((values) => {
-    try {
-      setOutput(nip19.decode(values.input));
-    } catch (e) {
-      if (e instanceof Error) toast({ description: e.message, status: "error" });
-    }
-  });
-
-  return (
-    <Card size="sm">
-      <CardBody>
-        <form onSubmit={decode}>
-          <FormControl isInvalid={!!formState.errors.input}>
-            <FormLabel>Encoded id</FormLabel>
-            <Input
-              {...register("input", { minLength: 8, required: true })}
-              placeholder="npub, note1, nevent, nprofile..."
-            />
-            {formState.errors.input && <FormErrorMessage>{formState.errors.input.message}</FormErrorMessage>}
-          </FormControl>
-          <Button type="submit">Decode</Button>
-        </form>
-        {output && (
-          <Code whiteSpace="pre" overflowX="auto" width="100%">
-            {JSON.stringify(output, null, 2)}
-          </Code>
-        )}
-      </CardBody>
-    </Card>
-  );
-}
-
-export default function Nip19ToolsView() {
-  return (
-    <Flex direction="column" gap="4" p="4">
-      <Heading>
-        <ToolsIcon /> Nip-19 Tools
-      </Heading>
-      <Heading size="sm">Encode</Heading>
-      <EncodeForm />
-      <Heading size="sm">Decode</Heading>
-      <DecodeForm />
-    </Flex>
-  );
-}
diff --git a/src/views/user/about.tsx b/src/views/user/about.tsx
index 22db47ad4..c3adfdcd7 100644
--- a/src/views/user/about.tsx
+++ b/src/views/user/about.tsx
@@ -39,6 +39,8 @@ import { readablizeSats } from "../../helpers/bolt11";
 import { UserAvatar } from "../../components/user-avatar";
 import { getUserDisplayName } from "../../helpers/user-metadata";
 import { useSharableProfileId } from "../../hooks/use-shareable-profile-id";
+import { parseAddress } from "../../services/dns-identity";
+import { getLudEndpoint } from "../../helpers/lnurl";
 
 function buildDescriptionContent(description: string) {
   let content: EmbedableContent = [description.trim()];
@@ -62,6 +64,7 @@ export default function UserAboutTab() {
   const { value: stats } = useAsync(() => userTrustedStatsService.getUserStats(pubkey), [pubkey]);
 
   const aboutContent = metadata?.about && buildDescriptionContent(metadata?.about);
+  const parsedNip05 = metadata?.nip05 ? parseAddress(metadata.nip05) : undefined;
 
   return (
     <Flex
@@ -122,13 +125,17 @@ export default function UserAboutTab() {
         {metadata?.lud16 && (
           <Flex gap="2">
             <LightningIcon />
-            <Text>{metadata.lud16}</Text>
+            <Link href={getLudEndpoint(metadata.lud16)} isExternal>
+              {metadata.lud16}
+            </Link>
           </Flex>
         )}
-        {metadata?.nip05 && (
+        {parsedNip05 && (
           <Flex gap="2">
             <AtIcon />
-            <UserDnsIdentityIcon pubkey={pubkey} />
+            <Link href={`//${parsedNip05.domain}/.well-known/nostr.json?name=${parsedNip05.name}`} isExternal>
+              <UserDnsIdentityIcon pubkey={pubkey} />
+            </Link>
           </Flex>
         )}
         {metadata?.website && (
diff --git a/src/views/user/components/header.tsx b/src/views/user/components/header.tsx
index c2a380158..a130d029b 100644
--- a/src/views/user/components/header.tsx
+++ b/src/views/user/components/header.tsx
@@ -1,4 +1,4 @@
-import { Flex, Heading, IconButton, Spacer } from "@chakra-ui/react";
+import { Flex, Heading, IconButton, Spacer, useBreakpointValue } from "@chakra-ui/react";
 import { useNavigate, Link as RouterLink } from "react-router-dom";
 import { ChatIcon, EditIcon } from "../../../components/icons";
 import { UserAvatar } from "../../../components/user-avatar";
@@ -8,7 +8,6 @@ import { UserTipButton } from "../../../components/user-tip-button";
 import { Bech32Prefix, normalizeToBech32 } from "../../../helpers/nip19";
 import { getUserDisplayName } from "../../../helpers/user-metadata";
 import { useCurrentAccount } from "../../../hooks/use-current-account";
-import { useIsMobile } from "../../../hooks/use-is-mobile";
 import { useUserMetadata } from "../../../hooks/use-user-metadata";
 import { UserProfileMenu } from "./user-profile-menu";
 
@@ -19,7 +18,6 @@ export default function Header({
   pubkey: string;
   showRelaySelectionModal: () => void;
 }) {
-  const isMobile = useIsMobile();
   const navigate = useNavigate();
   const metadata = useUserMetadata(pubkey);
   const npub = normalizeToBech32(pubkey, Bech32Prefix.Pubkey);
@@ -27,6 +25,8 @@ export default function Header({
   const account = useCurrentAccount();
   const isSelf = pubkey === account?.pubkey;
 
+  const showFullNip05 = useBreakpointValue({ base: false, md: true });
+
   return (
     <Flex direction="column" gap="2" px="2" pt="2">
       <Flex gap="2" alignItems="center">
@@ -34,7 +34,7 @@ export default function Header({
         <Heading size="md" isTruncated>
           {getUserDisplayName(metadata, pubkey)}
         </Heading>
-        <UserDnsIdentityIcon pubkey={pubkey} onlyIcon={isMobile} />
+        <UserDnsIdentityIcon pubkey={pubkey} onlyIcon={showFullNip05} />
         <Spacer />
         {isSelf && (
           <IconButton
diff --git a/src/views/user/followers.tsx b/src/views/user/followers.tsx
index 4dd3016f2..fd1b49f9b 100644
--- a/src/views/user/followers.tsx
+++ b/src/views/user/followers.tsx
@@ -47,7 +47,7 @@ export default function UserFollowersTab() {
 
   return (
     <IntersectionObserverProvider callback={callback}>
-      <SimpleGrid minChildWidth={["full", "4in"]} spacing="2" py="2">
+      <SimpleGrid columns={{ base: 1, lg: 2, xl: 3 }} spacing="2" py="2">
         {followers.map((event) => (
           <FollowerItem key={event.pubkey} event={event} />
         ))}
diff --git a/src/views/user/following.tsx b/src/views/user/following.tsx
index 5565eb5fa..c3e211d87 100644
--- a/src/views/user/following.tsx
+++ b/src/views/user/following.tsx
@@ -17,7 +17,7 @@ export default function UserFollowingTab() {
   if (!contacts) return <Spinner />;
 
   return (
-    <SimpleGrid minChildWidth={["full", "4in"]} spacing="2" py="2">
+    <SimpleGrid columns={{ base: 1, lg: 2, xl: 3 }} spacing="2" py="2">
       {people.map((pubkey) => (
         <UserCard key={pubkey} pubkey={pubkey} relay={contacts?.contactRelay[pubkey]} />
       ))}
diff --git a/src/views/user/notes.tsx b/src/views/user/notes.tsx
index a23397a2e..f9ddc1842 100644
--- a/src/views/user/notes.tsx
+++ b/src/views/user/notes.tsx
@@ -25,7 +25,7 @@ export default function UserNotesTab() {
       if (hideReposts && isRepost(event)) return false;
       return timelineEventFilter(event);
     },
-    [showReplies, hideReposts, timelineEventFilter]
+    [showReplies, hideReposts, timelineEventFilter],
   );
   const timeline = useTimelineLoader(
     truncatedId(pubkey) + "-notes",
@@ -34,28 +34,22 @@ export default function UserNotesTab() {
       authors: [pubkey],
       kinds: [Kind.Text, Kind.Repost, STREAM_KIND, 2],
     },
-    { eventFilter }
+    { eventFilter },
   );
 
   const header = (
-    <Flex gap="2" px="2">
-      <FormControl display="flex" alignItems="center" w="auto">
-        <Switch id="replies" mr="2" isChecked={showReplies} onChange={toggleReplies} />
-        <FormLabel htmlFor="replies" mb="0">
-          Replies
-        </FormLabel>
-      </FormControl>
-      <FormControl display="flex" alignItems="center" w="auto">
-        <Switch id="reposts" mr="2" isChecked={!hideReposts} onChange={toggleReposts} />
-        <FormLabel htmlFor="reposts" mb="0">
-          Reposts
-        </FormLabel>
-      </FormControl>
+    <Flex gap="2" px="2" alignItems="center">
+      <Switch id="replies" mr="2" isChecked={showReplies} onChange={toggleReplies} size="sm">
+        Replies
+      </Switch>
+      <Switch id="reposts" mr="2" isChecked={!hideReposts} onChange={toggleReposts} size="sm">
+        Reposts
+      </Switch>
       <Spacer />
       <RelayIconStack relays={readRelays} direction="row-reverse" maxRelays={4} />
       <TimelineViewType />
     </Flex>
   );
 
-  return <TimelinePage header={header} timeline={timeline} />;
+  return <TimelinePage header={header} timeline={timeline} pt="2" pb="8" />;
 }
diff --git a/src/views/user/relays.tsx b/src/views/user/relays.tsx
index d43c12c34..725081eae 100644
--- a/src/views/user/relays.tsx
+++ b/src/views/user/relays.tsx
@@ -1,5 +1,6 @@
 import { useOutletContext, Link as RouterLink } from "react-router-dom";
-import { Button, Flex, Heading, Spacer, StackDivider, VStack } from "@chakra-ui/react";
+import { Button, Flex, Heading, Spacer, StackDivider, Tag, VStack } from "@chakra-ui/react";
+
 import { useUserRelays } from "../../hooks/use-user-relays";
 import useTimelineLoader from "../../hooks/use-timeline-loader";
 import { truncatedId } from "../../helpers/nostr/event";
@@ -11,14 +12,22 @@ import { RelayFavicon } from "../../components/relay-favicon";
 import { RelayDebugButton, RelayJoinAction, RelayMetadata, RelayShareButton } from "../relays/components/relay-card";
 import IntersectionObserverProvider from "../../providers/intersection-observer";
 import { useTimelineCurserIntersectionCallback } from "../../hooks/use-timeline-cursor-intersection-callback";
+import { useRelayInfo } from "../../hooks/use-relay-info";
 
 function Relay({ url, reviews }: { url: string; reviews: NostrEvent[] }) {
+  const { info } = useRelayInfo(url);
+
   return (
     <Flex p="2" gap="2" direction="column">
       <Flex gap="2" alignItems="center">
         <RelayFavicon relay={url} size="xs" />
         <Heading size="md" isTruncated>
-          {url}
+          <RouterLink to={`/r/${encodeURIComponent(url)}`}>{url}</RouterLink>
+          {info?.payments_url && (
+            <Tag as="a" variant="solid" colorScheme="green" size="sm" ml="2" target="_blank" href={info.payments_url}>
+              Paid
+            </Tag>
+          )}
         </Heading>
         <Spacer />
         <RelayDebugButton url={url} size="sm" />
diff --git a/src/views/user/streams.tsx b/src/views/user/streams.tsx
index 1041695d6..c878a2a34 100644
--- a/src/views/user/streams.tsx
+++ b/src/views/user/streams.tsx
@@ -31,9 +31,9 @@ export default function UserStreamsTab() {
   return (
     <Flex p="2" gap="2" overflow="hidden" direction="column">
       <IntersectionObserverProvider<string> callback={callback}>
-        <SimpleGrid minChildWidth="20rem" spacing="2">
+        <SimpleGrid columns={{ base: 1, md: 2, lg: 3, xl: 4 }} spacing="2">
           {streams.map((stream) => (
-            <StreamCard key={stream.event.id} stream={stream} maxW="lg" />
+            <StreamCard key={stream.event.id} stream={stream} />
           ))}
         </SimpleGrid>
         <TimelineActionAndStatus timeline={timeline} />
diff --git a/src/views/user/zaps.tsx b/src/views/user/zaps.tsx
index f5e59614d..b66b6a639 100644
--- a/src/views/user/zaps.tsx
+++ b/src/views/user/zaps.tsx
@@ -87,14 +87,14 @@ const UserZapsTab = () => {
       }
       return true;
     },
-    [filter]
+    [filter],
   );
 
   const timeline = useTimelineLoader(
     `${truncatedId(pubkey)}-zaps`,
     relays,
     { "#p": [pubkey], kinds: [9735] },
-    { eventFilter }
+    { eventFilter },
   );
 
   const events = useSubject(timeline.timeline);
diff --git a/yarn.lock b/yarn.lock
index 518eb51d2..bfe4386f9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -26,12 +26,20 @@
   dependencies:
     "@babel/highlight" "^7.22.5"
 
+"@babel/code-frame@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.10.tgz#1c20e612b768fefa75f6e90d6ecb86329247f0a3"
+  integrity sha512-/KKIMG4UEL35WmI9OlvMhurwtytjvXoFcGNrOvyG9zIzA8YmPjVtIZUf7b05+TPO7G7/GEmLHDaoCgACHl9hhA==
+  dependencies:
+    "@babel/highlight" "^7.22.10"
+    chalk "^2.4.2"
+
 "@babel/compat-data@^7.22.5", "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.22.9":
   version "7.22.9"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.22.9.tgz#71cdb00a1ce3a329ce4cbec3a44f9fef35669730"
   integrity sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==
 
-"@babel/core@^7.11.1", "@babel/core@^7.22.5":
+"@babel/core@^7.11.1":
   version "7.22.9"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.9.tgz#bd96492c68822198f33e8a256061da3cf391f58f"
   integrity sha512-G2EgeufBcYw27U4hhoIwFcgc1XU7TlXJ3mv04oOv1WCuo900U/anZSPzEqNjwdjgffkk2Gs0AN0dW1CKVLcG7w==
@@ -52,6 +60,37 @@
     json5 "^2.2.2"
     semver "^6.3.1"
 
+"@babel/core@^7.22.9":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.10.tgz#aad442c7bcd1582252cb4576747ace35bc122f35"
+  integrity sha512-fTmqbbUBAwCcre6zPzNngvsI0aNrPZe77AeqvDxWM9Nm+04RrJ3CAmGHA9f7lJQY6ZMhRztNemy4uslDxTX4Qw==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.22.10"
+    "@babel/generator" "^7.22.10"
+    "@babel/helper-compilation-targets" "^7.22.10"
+    "@babel/helper-module-transforms" "^7.22.9"
+    "@babel/helpers" "^7.22.10"
+    "@babel/parser" "^7.22.10"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.10"
+    "@babel/types" "^7.22.10"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.2"
+    semver "^6.3.1"
+
+"@babel/generator@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.22.10.tgz#c92254361f398e160645ac58831069707382b722"
+  integrity sha512-79KIf7YiWjjdZ81JnLujDRApWtl7BxTqWD88+FFdQEIOG8LJ0etDOM7CXuIgGJa55sGOwZVwuEsaLEm0PJ5/+A==
+  dependencies:
+    "@babel/types" "^7.22.10"
+    "@jridgewell/gen-mapping" "^0.3.2"
+    "@jridgewell/trace-mapping" "^0.3.17"
+    jsesc "^2.5.1"
+
 "@babel/generator@^7.22.7", "@babel/generator@^7.22.9":
   version "7.22.9"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.22.9.tgz#572ecfa7a31002fa1de2a9d91621fd895da8493d"
@@ -76,6 +115,17 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
+"@babel/helper-compilation-targets@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.10.tgz#01d648bbc25dd88f513d862ee0df27b7d4e67024"
+  integrity sha512-JMSwHD4J7SLod0idLq5PKgI+6g/hLD/iuWBq08ZX49xE14VpVEojJ5rHWptpirV2j020MvypRLAXAO50igCJ5Q==
+  dependencies:
+    "@babel/compat-data" "^7.22.9"
+    "@babel/helper-validator-option" "^7.22.5"
+    browserslist "^4.21.9"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
 "@babel/helper-compilation-targets@^7.22.5", "@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.22.9":
   version "7.22.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.9.tgz#f9d0a7aaaa7cd32a3f31c9316a69f5a9bcacb892"
@@ -242,6 +292,15 @@
     "@babel/template" "^7.22.5"
     "@babel/types" "^7.22.5"
 
+"@babel/helpers@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.22.10.tgz#ae6005c539dfbcb5cd71fb51bfc8a52ba63bc37a"
+  integrity sha512-a41J4NW8HyZa1I1vAndrraTlPZ/eZoga2ZgS7fEr0tZJGVU4xqdE80CEm0CcNjha5EZ8fTBYLKHF0kqDUuAwQw==
+  dependencies:
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.10"
+    "@babel/types" "^7.22.10"
+
 "@babel/helpers@^7.22.6":
   version "7.22.6"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.22.6.tgz#8e61d3395a4f0c5a8060f309fb008200969b5ecd"
@@ -251,6 +310,15 @@
     "@babel/traverse" "^7.22.6"
     "@babel/types" "^7.22.5"
 
+"@babel/highlight@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.10.tgz#02a3f6d8c1cb4521b2fd0ab0da8f4739936137d7"
+  integrity sha512-78aUtVcT7MUscr0K5mIEnkwxPE0MaxkR5RxRwuHaQ+JuU5AmTPhY+do2mdzVTnIJJpyBglql2pehuBIWHug+WQ==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.22.5"
+    chalk "^2.4.2"
+    js-tokens "^4.0.0"
+
 "@babel/highlight@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.5.tgz#aa6c05c5407a67ebce408162b7ede789b4d22031"
@@ -260,6 +328,11 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
+"@babel/parser@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.10.tgz#e37634f9a12a1716136c44624ef54283cabd3f55"
+  integrity sha512-lNbdGsQb9ekfsnjFGhEiF4hfFqGgfOP3H3d27re3n+CGhNuTSUEQdfWk556sTLNTloczcdM5TYF2LhzmDQKyvQ==
+
 "@babel/parser@^7.22.5", "@babel/parser@^7.22.7":
   version "7.22.7"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.7.tgz#df8cf085ce92ddbdbf668a7f186ce848c9036cae"
@@ -941,6 +1014,22 @@
     "@babel/parser" "^7.22.5"
     "@babel/types" "^7.22.5"
 
+"@babel/traverse@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.22.10.tgz#20252acb240e746d27c2e82b4484f199cf8141aa"
+  integrity sha512-Q/urqV4pRByiNNpb/f5OSv28ZlGJiFiiTh+GAHktbIrkPhPbl90+uW6SmpoLyZqutrg9AEaEf3Q/ZBRHBXgxig==
+  dependencies:
+    "@babel/code-frame" "^7.22.10"
+    "@babel/generator" "^7.22.10"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-hoist-variables" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/parser" "^7.22.10"
+    "@babel/types" "^7.22.10"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
 "@babel/traverse@^7.22.6", "@babel/traverse@^7.22.8":
   version "7.22.8"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.22.8.tgz#4d4451d31bc34efeae01eac222b514a77aa4000e"
@@ -957,6 +1046,15 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
+"@babel/types@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.10.tgz#4a9e76446048f2c66982d1a989dd12b8a2d2dc03"
+  integrity sha512-obaoigiLrlDZ7TUQln/8m4mSqIW2QFeOrCQc9r+xsaHGNoplVNYlRVpsfE8Vj35GEm2ZH4ZhrNYogs/3fj85kg==
+  dependencies:
+    "@babel/helper-string-parser" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.5"
+    to-fast-properties "^2.0.0"
+
 "@babel/types@^7.22.5", "@babel/types@^7.4.4":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.5.tgz#cd93eeaab025880a3a47ec881f4b096a5b786fbe"
@@ -966,51 +1064,51 @@
     "@babel/helper-validator-identifier" "^7.22.5"
     to-fast-properties "^2.0.0"
 
-"@chakra-ui/accordion@2.2.0":
+"@chakra-ui/accordion@2.3.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/accordion/-/accordion-2.3.0.tgz#2c85fd2d2734b176f019f8db9f4e075007b4e1fb"
+  integrity sha512-A4TkRw3Jnt+Fam6dSSJ62rskdrvjF3JGctYcfXlojfFIpHPuIw4pDwfZgNAxlaxWkcj0e7JJKlQ88dnZW+QfFg==
+  dependencies:
+    "@chakra-ui/descendant" "3.1.0"
+    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/react-context" "2.1.0"
+    "@chakra-ui/react-use-controllable-state" "2.1.0"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
+    "@chakra-ui/shared-utils" "2.0.5"
+    "@chakra-ui/transition" "2.1.0"
+
+"@chakra-ui/alert@2.2.0":
   version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/accordion/-/accordion-2.2.0.tgz#a38ed8e7d0a7ccc6910282f913c42cf6deea7215"
-  integrity sha512-2IK1iLzTZ22u8GKPPPn65mqJdZidn4AvkgAbv17ISdKA07VHJ8jSd4QF1T5iCXjKfZ0XaXozmhP4kDhjwF2IbQ==
+  resolved "https://registry.yarnpkg.com/@chakra-ui/alert/-/alert-2.2.0.tgz#b59eadca4f083674dfcd43651b6c47b953c2c984"
+  integrity sha512-De+BT88iYOu3Con7MxQeICb1SwgAdVdgpHIYjTh3qvGlNXAQjs81rhG0fONXvwW1FIYletvr9DY2Tlg8xJe7tQ==
   dependencies:
-    "@chakra-ui/descendant" "3.0.14"
-    "@chakra-ui/icon" "3.0.16"
-    "@chakra-ui/react-context" "2.0.8"
-    "@chakra-ui/react-use-controllable-state" "2.0.8"
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
+    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/react-context" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
-    "@chakra-ui/transition" "2.0.16"
+    "@chakra-ui/spinner" "2.1.0"
 
-"@chakra-ui/alert@2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/alert/-/alert-2.1.0.tgz#7a234ac6426231b39243088648455cbcf1cbdf24"
-  integrity sha512-OcfHwoXI5VrmM+tHJTHT62Bx6TfyfCxSa0PWUOueJzSyhlUOKBND5we6UtrOB7D0jwX45qKKEDJOLG5yCG21jQ==
+"@chakra-ui/anatomy@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/anatomy/-/anatomy-2.2.0.tgz#788229829f853dcd03314cd7ddd4f19f056ec24e"
+  integrity sha512-cD8Ms5C8+dFda0LrORMdxiFhAZwOIY1BSlCadz6/mHUIgNdQy13AHPrXiq6qWdMslqVHq10k5zH7xMPLt6kjFg==
+
+"@chakra-ui/avatar@2.3.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/avatar/-/avatar-2.3.0.tgz#f018a2714d1e3ba5970bcf66558887925fdfccf4"
+  integrity sha512-8gKSyLfygnaotbJbDMHDiJoF38OHXUYVme4gGxZ1fLnQEdPVEaIWfH+NndIjOM0z8S+YEFnT9KyGMUtvPrBk3g==
   dependencies:
-    "@chakra-ui/icon" "3.0.16"
-    "@chakra-ui/react-context" "2.0.8"
-    "@chakra-ui/shared-utils" "2.0.5"
-    "@chakra-ui/spinner" "2.0.13"
-
-"@chakra-ui/anatomy@2.1.2":
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/anatomy/-/anatomy-2.1.2.tgz#ea66b1841e7195da08ddc862daaa3f3e56e565f5"
-  integrity sha512-pKfOS/mztc4sUXHNc8ypJ1gPWSolWT770jrgVRfolVbYlki8y5Y+As996zMF6k5lewTu6j9DQequ7Cc9a69IVQ==
-
-"@chakra-ui/avatar@2.2.11":
-  version "2.2.11"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/avatar/-/avatar-2.2.11.tgz#1e5ded963ab3209fe1d16bba21f0aec616be56da"
-  integrity sha512-CJFkoWvlCTDJTUBrKA/aVyG5Zz6TBEIVmmsJtqC6VcQuVDTxkWod8ruXnjb0LT2DUveL7xR5qZM9a5IXcsH3zg==
-  dependencies:
-    "@chakra-ui/image" "2.0.16"
+    "@chakra-ui/image" "2.1.0"
     "@chakra-ui/react-children-utils" "2.0.6"
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/react-context" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/breadcrumb@2.1.5":
-  version "2.1.5"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/breadcrumb/-/breadcrumb-2.1.5.tgz#a43b22cc8005291a615696a8c88efc37064562f3"
-  integrity sha512-p3eQQrHQBkRB69xOmNyBJqEdfCrMt+e0eOH+Pm/DjFWfIVIbnIaFbmDCeWClqlLa21Ypc6h1hR9jEmvg8kmOog==
+"@chakra-ui/breadcrumb@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/breadcrumb/-/breadcrumb-2.2.0.tgz#751bc48498f3c403f97b5d9aae528ebfd405ef48"
+  integrity sha512-4cWCG24flYBxjruRi4RJREWTGF74L/KzI2CognAW/d/zWR0CjiScuJhf37Am3LFbCySP6WSoyBOtTIoTA4yLEA==
   dependencies:
     "@chakra-ui/react-children-utils" "2.0.6"
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/react-context" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
 "@chakra-ui/breakpoint-utils@2.0.8":
@@ -1020,107 +1118,107 @@
   dependencies:
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/button@2.0.18":
-  version "2.0.18"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/button/-/button-2.0.18.tgz#c13d2e404e22a9873ba5373fde494bedafe32fdd"
-  integrity sha512-E3c99+lOm6ou4nQVOTLkG+IdOPMjsQK+Qe7VyP8A/xeAMFONuibrWPRPpprr4ZkB4kEoLMfNuyH2+aEza3ScUA==
+"@chakra-ui/button@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/button/-/button-2.1.0.tgz#623ed32cc92fc8e52492923e9924791fc6f25447"
+  integrity sha512-95CplwlRKmmUXkdEp/21VkEWgnwcx2TOBG6NfYlsuLBDHSLlo5FKIiE2oSi4zXc4TLcopGcWPNcm/NDaSC5pvA==
   dependencies:
-    "@chakra-ui/react-context" "2.0.8"
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
+    "@chakra-ui/react-context" "2.1.0"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
-    "@chakra-ui/spinner" "2.0.13"
+    "@chakra-ui/spinner" "2.1.0"
 
-"@chakra-ui/card@2.1.6":
-  version "2.1.6"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/card/-/card-2.1.6.tgz#27176bdee363ecab7d563c4997c4b2fe9e835ecc"
-  integrity sha512-fFd/WAdRNVY/WOSQv4skpy0WeVhhI0f7dTY1Sm0jVl0KLmuP/GnpsWtKtqWjNcV00K963EXDyhlk6+9oxbP4gw==
+"@chakra-ui/card@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/card/-/card-2.2.0.tgz#b5e59dc51c171fced76ea76bf26088803b8bc184"
+  integrity sha512-xUB/k5MURj4CtPAhdSoXZidUbm8j3hci9vnc+eZJVDqhDOShNlD6QeniQNRPRys4lWAQLCbFcrwL29C8naDi6g==
   dependencies:
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/checkbox@2.2.15":
-  version "2.2.15"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/checkbox/-/checkbox-2.2.15.tgz#e5ff65159f698d50edecee6b661b87e341eace70"
-  integrity sha512-Ju2yQjX8azgFa5f6VLPuwdGYobZ+rdbcYqjiks848JvPc75UsPhpS05cb4XlrKT7M16I8txDA5rPJdqqFicHCA==
+"@chakra-ui/checkbox@2.3.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/checkbox/-/checkbox-2.3.0.tgz#6a103555100008fcde0b25a4f3f87267dd6ea073"
+  integrity sha512-fX7M5sQK27aFWoj7vqnPkf1Q3AHmML/5dIRYfm7HEIsZXYH2C1CkM6+dijeSWIk6a0mp0r3el6SNDUti2ehH8g==
   dependencies:
-    "@chakra-ui/form-control" "2.0.18"
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/form-control" "2.1.0"
+    "@chakra-ui/react-context" "2.1.0"
     "@chakra-ui/react-types" "2.0.7"
-    "@chakra-ui/react-use-callback-ref" "2.0.7"
-    "@chakra-ui/react-use-controllable-state" "2.0.8"
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
-    "@chakra-ui/react-use-safe-layout-effect" "2.0.5"
-    "@chakra-ui/react-use-update-effect" "2.0.7"
+    "@chakra-ui/react-use-callback-ref" "2.1.0"
+    "@chakra-ui/react-use-controllable-state" "2.1.0"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
+    "@chakra-ui/react-use-safe-layout-effect" "2.1.0"
+    "@chakra-ui/react-use-update-effect" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
-    "@chakra-ui/visually-hidden" "2.0.15"
-    "@zag-js/focus-visible" "0.2.2"
+    "@chakra-ui/visually-hidden" "2.1.0"
+    "@zag-js/focus-visible" "0.10.5"
 
-"@chakra-ui/clickable@2.0.14":
-  version "2.0.14"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/clickable/-/clickable-2.0.14.tgz#88093008672a2a30bdd2a30ff815dcc2c88c01a5"
-  integrity sha512-jfsM1qaD74ZykLHmvmsKRhDyokLUxEfL8Il1VoZMNX5RBI0xW/56vKpLTFF/v/+vLPLS+Te2cZdD4+2O+G6ulA==
+"@chakra-ui/clickable@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/clickable/-/clickable-2.1.0.tgz#800fa8d10cf45a41fc50a3df32c679a3ce1921c3"
+  integrity sha512-flRA/ClPUGPYabu+/GLREZVZr9j2uyyazCAUHAdrTUEdDYCr31SVGhgh7dgKdtq23bOvAQJpIJjw/0Bs0WvbXw==
   dependencies:
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/close-button@2.0.17":
-  version "2.0.17"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/close-button/-/close-button-2.0.17.tgz#d43d3a2ea1f08250f8d0da7704baf0e1fbd91b4b"
-  integrity sha512-05YPXk456t1Xa3KpqTrvm+7smx+95dmaPiwjiBN3p7LHUQVHJd8ZXSDB0V+WKi419k3cVQeJUdU/azDO2f40sw==
+"@chakra-ui/close-button@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/close-button/-/close-button-2.1.0.tgz#5af435a62919793dc713be321eaff1f61749b6d5"
+  integrity sha512-KfJcz6UAaR2dDWSIv6UrCGkZQS54Fjl+DEEVOUTJ7gf4KOP4FQZCkv8hqsAB9FeCtnwU43adq2oaw3aZH/Uzew==
   dependencies:
-    "@chakra-ui/icon" "3.0.16"
+    "@chakra-ui/icon" "3.1.0"
 
-"@chakra-ui/color-mode@2.1.12":
-  version "2.1.12"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/color-mode/-/color-mode-2.1.12.tgz#c0caeadd5f87fadbeefc6826beabac6c4a88d8f5"
-  integrity sha512-sYyfJGDoJSLYO+V2hxV9r033qhte5Nw/wAn5yRGGZnEEN1dKPEdWQ3XZvglWSDTNd0w9zkoH2w6vP4FBBYb/iw==
+"@chakra-ui/color-mode@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/color-mode/-/color-mode-2.2.0.tgz#828d47234c74ba2fb4c5dd63a63331aead20b9f6"
+  integrity sha512-niTEA8PALtMWRI9wJ4LL0CSBDo8NBfLNp4GD6/0hstcm3IlbBHTVKxN6HwSaoNYfphDQLxCjT4yG+0BJA5tFpg==
   dependencies:
-    "@chakra-ui/react-use-safe-layout-effect" "2.0.5"
+    "@chakra-ui/react-use-safe-layout-effect" "2.1.0"
 
-"@chakra-ui/control-box@2.0.13":
-  version "2.0.13"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/control-box/-/control-box-2.0.13.tgz#ffe9634d0c3aecb8e1eb7da19e64fb3d2b181d03"
-  integrity sha512-FEyrU4crxati80KUF/+1Z1CU3eZK6Sa0Yv7Z/ydtz9/tvGblXW9NFanoomXAOvcIFLbaLQPPATm9Gmpr7VG05A==
+"@chakra-ui/control-box@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/control-box/-/control-box-2.1.0.tgz#0f4586797b3154c02463bc5c106782e70c88f04f"
+  integrity sha512-gVrRDyXFdMd8E7rulL0SKeoljkLQiPITFnsyMO8EFHNZ+AHt5wK4LIguYVEq88APqAGZGfHFWXr79RYrNiE3Mg==
 
-"@chakra-ui/counter@2.0.14":
-  version "2.0.14"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/counter/-/counter-2.0.14.tgz#6e37a863afd2e87d7c94208245e81777640e76e2"
-  integrity sha512-KxcSRfUbb94dP77xTip2myoE7P2HQQN4V5fRJmNAGbzcyLciJ+aDylUU/UxgNcEjawUp6Q242NbWb1TSbKoqog==
+"@chakra-ui/counter@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/counter/-/counter-2.1.0.tgz#e413a2f1093a18f847bb7aa240117fde788a59e6"
+  integrity sha512-s6hZAEcWT5zzjNz2JIWUBzRubo9la/oof1W7EKZVVfPYHERnl5e16FmBC79Yfq8p09LQ+aqFKm/etYoJMMgghw==
   dependencies:
     "@chakra-ui/number-utils" "2.0.7"
-    "@chakra-ui/react-use-callback-ref" "2.0.7"
+    "@chakra-ui/react-use-callback-ref" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/css-reset@2.1.2":
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/css-reset/-/css-reset-2.1.2.tgz#a4cd1601e8376a74b8dd62a9089cb8aaac1ee800"
-  integrity sha512-4ySTLd+3iRpp4lX0yI9Yo2uQm2f+qwYGNOZF0cNcfN+4UJCd3IsaWxYRR/Anz+M51NVldZbYzC+TEYC/kpJc4A==
+"@chakra-ui/css-reset@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/css-reset/-/css-reset-2.2.0.tgz#7bd8da563941709cd68e2d1cf1e71279bec038ea"
+  integrity sha512-nn7hjquIrPwCzwI4d/Y4wzM5A5xAeswREOfT8gT0Yd+U+Qnw3pPT8NPLbNJ3DvuOfJaCV6/N5ld/6RRTgYF/sQ==
 
-"@chakra-ui/descendant@3.0.14":
-  version "3.0.14"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/descendant/-/descendant-3.0.14.tgz#fe8bac3f0e1ffe562e3e73eac393dbf222d57e13"
-  integrity sha512-+Ahvp9H4HMpfScIv9w1vaecGz7qWAaK1YFHHolz/SIsGLaLGlbdp+5UNabQC7L6TUnzzJDQDxzwif78rTD7ang==
+"@chakra-ui/descendant@3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/descendant/-/descendant-3.1.0.tgz#f3b80ed13ffc4bf1d615b3ed5541bd0905375cca"
+  integrity sha512-VxCIAir08g5w27klLyi7PVo8BxhW4tgU/lxQyujkmi4zx7hT9ZdrcQLAted/dAa+aSIZ14S1oV0Q9lGjsAdxUQ==
   dependencies:
-    "@chakra-ui/react-context" "2.0.8"
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
+    "@chakra-ui/react-context" "2.1.0"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
 
 "@chakra-ui/dom-utils@2.1.0":
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/@chakra-ui/dom-utils/-/dom-utils-2.1.0.tgz#d15df89e458ef19756db04c7cfd084eb552454f0"
   integrity sha512-ZmF2qRa1QZ0CMLU8M1zCfmw29DmPNtfjR9iTo74U5FPr3i1aoAh7fbJ4qAlZ197Xw9eAW28tvzQuoVWeL5C7fQ==
 
-"@chakra-ui/editable@3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/editable/-/editable-3.0.0.tgz#b61d4fba5a581b41856ebd85fd5d17c96a224323"
-  integrity sha512-q/7C/TM3iLaoQKlEiM8AY565i9NoaXtS6N6N4HWIEL5mZJPbMeHKxrCHUZlHxYuQJqFOGc09ZPD9fAFx1GkYwQ==
+"@chakra-ui/editable@3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/editable/-/editable-3.1.0.tgz#065783c2e3389c3bb9ab0582cb50d38e1dc00fa1"
+  integrity sha512-j2JLrUL9wgg4YA6jLlbU88370eCRyor7DZQD9lzpY95tSOXpTljeg3uF9eOmDnCs6fxp3zDWIfkgMm/ExhcGTg==
   dependencies:
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/react-context" "2.1.0"
     "@chakra-ui/react-types" "2.0.7"
-    "@chakra-ui/react-use-callback-ref" "2.0.7"
-    "@chakra-ui/react-use-controllable-state" "2.0.8"
-    "@chakra-ui/react-use-focus-on-pointer-down" "2.0.6"
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
-    "@chakra-ui/react-use-safe-layout-effect" "2.0.5"
-    "@chakra-ui/react-use-update-effect" "2.0.7"
+    "@chakra-ui/react-use-callback-ref" "2.1.0"
+    "@chakra-ui/react-use-controllable-state" "2.1.0"
+    "@chakra-ui/react-use-focus-on-pointer-down" "2.1.0"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
+    "@chakra-ui/react-use-safe-layout-effect" "2.1.0"
+    "@chakra-ui/react-use-update-effect" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
 "@chakra-ui/event-utils@2.0.8":
@@ -1128,23 +1226,23 @@
   resolved "https://registry.yarnpkg.com/@chakra-ui/event-utils/-/event-utils-2.0.8.tgz#e6439ba200825a2f15d8f1973d267d1c00a6d1b4"
   integrity sha512-IGM/yGUHS+8TOQrZGpAKOJl/xGBrmRYJrmbHfUE7zrG3PpQyXvbLDP1M+RggkCFVgHlJi2wpYIf0QtQlU0XZfw==
 
-"@chakra-ui/focus-lock@2.0.17":
-  version "2.0.17"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/focus-lock/-/focus-lock-2.0.17.tgz#c1896a80896e752b88e8681f9c9d626046de6dd5"
-  integrity sha512-V+m4Ml9E8QY66DUpHX/imInVvz5XJ5zx59Tl0aNancXgeVY1Rt/ZdxuZdPLCAmPC/MF3GUOgnEA+WU8i+VL6Gw==
+"@chakra-ui/focus-lock@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/focus-lock/-/focus-lock-2.1.0.tgz#580e5450fe85356987b9a246abaff8333369c667"
+  integrity sha512-EmGx4PhWGjm4dpjRqM4Aa+rCWBxP+Rq8Uc/nAVnD4YVqkEhBkrPTpui2lnjsuxqNaZ24fIAZ10cF1hlpemte/w==
   dependencies:
     "@chakra-ui/dom-utils" "2.1.0"
     react-focus-lock "^2.9.4"
 
-"@chakra-ui/form-control@2.0.18":
-  version "2.0.18"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/form-control/-/form-control-2.0.18.tgz#1923f293afde70b2b07ca731d98fef3660098c56"
-  integrity sha512-I0a0jG01IAtRPccOXSNugyRdUAe8Dy40ctqedZvznMweOXzbMCF1m+sHPLdWeWC/VI13VoAispdPY0/zHOdjsQ==
+"@chakra-ui/form-control@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/form-control/-/form-control-2.1.0.tgz#a48ad454428c03daaaf71671925becd02a2c3f66"
+  integrity sha512-3QmWG9v6Rx+JOwJP3Wt89+AWZxK0F1NkVAgXP3WVfE9VDXOKFRV/faLT0GEe2V+l7WZHF5PLdEBvKG8Cgw2mkA==
   dependencies:
-    "@chakra-ui/icon" "3.0.16"
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/react-context" "2.1.0"
     "@chakra-ui/react-types" "2.0.7"
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
 "@chakra-ui/hooks@2.2.0":
@@ -1157,49 +1255,49 @@
     compute-scroll-into-view "1.0.20"
     copy-to-clipboard "3.3.3"
 
-"@chakra-ui/icon@3.0.16":
-  version "3.0.16"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/icon/-/icon-3.0.16.tgz#6413ec637c0c3acc204301485f05451b5bcd6ba4"
-  integrity sha512-RpA1X5Ptz8Mt39HSyEIW1wxAz2AXyf9H0JJ5HVx/dBdMZaGMDJ0HyyPBVci0m4RCoJuyG1HHG/DXJaVfUTVAeg==
+"@chakra-ui/icon@3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/icon/-/icon-3.1.0.tgz#48312c071b3a0ed20ce807c8bd24d5f3e9cfdb7f"
+  integrity sha512-t6v0lGCXRbwUJycN8A/nDTuLktMP+LRjKbYJnd2oL6Pm2vOl99XwEQ5cAEyEa4XoseYNEgXiLR+2TfvgfNFvcw==
   dependencies:
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/icons@^2.0.19":
-  version "2.0.19"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/icons/-/icons-2.0.19.tgz#b4581a59c2e2a2b95b01ab251eabb8cf984bb00f"
-  integrity sha512-0A6U1ZBZhLIxh3QgdjuvIEhAZi3B9v8g6Qvlfa3mu6vSnXQn2CHBZXmJwxpXxO40NK/2gj/gKXrLeUaFR6H/Qw==
+"@chakra-ui/icons@^2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/icons/-/icons-2.1.0.tgz#52677939e02f9d6b902bd2c2931e5f18d3c8b523"
+  integrity sha512-pGFxFfQ/P5VnSRnTzK8zGAJxoxkxpHo/Br9ohRZdOpuhnIHSW7va0P53UoycEO5/vNJ/7BN0oDY0k9qurChcew==
   dependencies:
-    "@chakra-ui/icon" "3.0.16"
+    "@chakra-ui/icon" "3.1.0"
 
-"@chakra-ui/image@2.0.16":
-  version "2.0.16"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/image/-/image-2.0.16.tgz#0e3a48c3caa6dc1d340502ea96766d9ef31e27e8"
-  integrity sha512-iFypk1slgP3OK7VIPOtkB0UuiqVxNalgA59yoRM43xLIeZAEZpKngUVno4A2kFS61yKN0eIY4hXD3Xjm+25EJA==
+"@chakra-ui/image@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/image/-/image-2.1.0.tgz#6c205f1ca148e3bf58345b0b5d4eb3d959eb9f87"
+  integrity sha512-bskumBYKLiLMySIWDGcz0+D9Th0jPvmX6xnRMs4o92tT3Od/bW26lahmV2a2Op2ItXeCmRMY+XxJH5Gy1i46VA==
   dependencies:
-    "@chakra-ui/react-use-safe-layout-effect" "2.0.5"
+    "@chakra-ui/react-use-safe-layout-effect" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/input@2.0.22":
-  version "2.0.22"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/input/-/input-2.0.22.tgz#4c1f166f53555c698bb65950772314f78c147450"
-  integrity sha512-dCIC0/Q7mjZf17YqgoQsnXn0bus6vgriTRn8VmxOc+WcVl+KBSTBWujGrS5yu85WIFQ0aeqQvziDnDQybPqAbA==
+"@chakra-ui/input@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/input/-/input-2.1.0.tgz#45a2e2ccdd65dc9f6dee11b6e3043438864bf806"
+  integrity sha512-HItI2vq6vupCuixdzof4sIanGdLlszhDtlR5be5z8Nrda1RkXVqI+9CTJPbNsx2nIKEfwPt01pnT9mozoOSMMw==
   dependencies:
-    "@chakra-ui/form-control" "2.0.18"
+    "@chakra-ui/form-control" "2.1.0"
     "@chakra-ui/object-utils" "2.1.0"
     "@chakra-ui/react-children-utils" "2.0.6"
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/react-context" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/layout@2.2.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/layout/-/layout-2.2.0.tgz#a0832ba419743d8d7e442acfce59740626664d2f"
-  integrity sha512-WvfsWQjqzbCxv7pbpPGVKxj9eQr7MC2i37ag4Wn7ClIG7uPuwHYTUWOnjnu27O3H/zA4cRVZ4Hs3GpSPbojZFQ==
+"@chakra-ui/layout@2.3.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/layout/-/layout-2.3.0.tgz#c53219235db737202006b8b0881b82fedcf3b225"
+  integrity sha512-tp1/Bn+cHn0Q4HWKY62HtOwzhpH1GUA3i5fvs23HEhOEryTps05hyuQVeJ71fLqSs6f1QEIdm+9It+5WCj64vQ==
   dependencies:
     "@chakra-ui/breakpoint-utils" "2.0.8"
-    "@chakra-ui/icon" "3.0.16"
+    "@chakra-ui/icon" "3.1.0"
     "@chakra-ui/object-utils" "2.1.0"
     "@chakra-ui/react-children-utils" "2.0.6"
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/react-context" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
 "@chakra-ui/lazy-utils@2.0.5":
@@ -1207,73 +1305,73 @@
   resolved "https://registry.yarnpkg.com/@chakra-ui/lazy-utils/-/lazy-utils-2.0.5.tgz#363c3fa1d421362790b416ffa595acb835e1ae5b"
   integrity sha512-UULqw7FBvcckQk2n3iPO56TMJvDsNv0FKZI6PlUNJVaGsPbsYxK/8IQ60vZgaTVPtVcjY6BE+y6zg8u9HOqpyg==
 
-"@chakra-ui/live-region@2.0.13":
-  version "2.0.13"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/live-region/-/live-region-2.0.13.tgz#1d00a637b74372d1ee0b215c649ebd4a33893e58"
-  integrity sha512-Ja+Slk6ZkxSA5oJzU2VuGU7TpZpbMb/4P4OUhIf2D30ctmIeXkxTWw1Bs1nGJAVtAPcGS5sKA+zb89i8g+0cTQ==
+"@chakra-ui/live-region@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/live-region/-/live-region-2.1.0.tgz#02b4b1d997075f19a7a9a87187e08c72e82ef0dd"
+  integrity sha512-ZOxFXwtaLIsXjqnszYYrVuswBhnIHHP+XIgK1vC6DePKtyK590Wg+0J0slDwThUAd4MSSIUa/nNX84x1GMphWw==
 
-"@chakra-ui/media-query@3.2.12":
-  version "3.2.12"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/media-query/-/media-query-3.2.12.tgz#75e31f3c88818e687a4d90a2993286c2c3ca2453"
-  integrity sha512-8pSLDf3oxxhFrhd40rs7vSeIBfvOmIKHA7DJlGUC/y+9irD24ZwgmCtFnn+y3gI47hTJsopbSX+wb8nr7XPswA==
+"@chakra-ui/media-query@3.3.0":
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/media-query/-/media-query-3.3.0.tgz#40f9151dedb6a7af9df3be0474b59a799c92c619"
+  integrity sha512-IsTGgFLoICVoPRp9ykOgqmdMotJG0CnPsKvGQeSFOB/dZfIujdVb14TYxDU4+MURXry1MhJ7LzZhv+Ml7cr8/g==
   dependencies:
     "@chakra-ui/breakpoint-utils" "2.0.8"
-    "@chakra-ui/react-env" "3.0.0"
+    "@chakra-ui/react-env" "3.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/menu@2.1.15":
-  version "2.1.15"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/menu/-/menu-2.1.15.tgz#116520a2746d848e2a44fdbf03d66353cd1e1b39"
-  integrity sha512-+1fh7KBKZyhy8wi7Q6nQAzrvjM6xggyhGMnSna0rt6FJVA2jlfkjb5FozyIVPnkfJKjkKd8THVhrs9E7pHNV/w==
+"@chakra-ui/menu@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/menu/-/menu-2.2.0.tgz#ba74b538a3fa3dc46313368ed2878f92b479e6d7"
+  integrity sha512-l7HQjriW4JGeCyxDdguAzekwwB+kHGDLxACi0DJNp37sil51SRaN1S1OrneISbOHVpHuQB+KVNgU0rqhoglVew==
   dependencies:
-    "@chakra-ui/clickable" "2.0.14"
-    "@chakra-ui/descendant" "3.0.14"
+    "@chakra-ui/clickable" "2.1.0"
+    "@chakra-ui/descendant" "3.1.0"
     "@chakra-ui/lazy-utils" "2.0.5"
-    "@chakra-ui/popper" "3.0.14"
+    "@chakra-ui/popper" "3.1.0"
     "@chakra-ui/react-children-utils" "2.0.6"
-    "@chakra-ui/react-context" "2.0.8"
-    "@chakra-ui/react-use-animation-state" "2.0.9"
-    "@chakra-ui/react-use-controllable-state" "2.0.8"
-    "@chakra-ui/react-use-disclosure" "2.0.8"
-    "@chakra-ui/react-use-focus-effect" "2.0.11"
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
-    "@chakra-ui/react-use-outside-click" "2.1.0"
-    "@chakra-ui/react-use-update-effect" "2.0.7"
+    "@chakra-ui/react-context" "2.1.0"
+    "@chakra-ui/react-use-animation-state" "2.1.0"
+    "@chakra-ui/react-use-controllable-state" "2.1.0"
+    "@chakra-ui/react-use-disclosure" "2.1.0"
+    "@chakra-ui/react-use-focus-effect" "2.1.0"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
+    "@chakra-ui/react-use-outside-click" "2.2.0"
+    "@chakra-ui/react-use-update-effect" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
-    "@chakra-ui/transition" "2.0.16"
+    "@chakra-ui/transition" "2.1.0"
 
-"@chakra-ui/modal@2.2.12":
-  version "2.2.12"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/modal/-/modal-2.2.12.tgz#8c6dc66a6db4abdaf6f5e0dae70183ee41ce361a"
-  integrity sha512-F1nNmYGvyqlmxidbwaBM3y57NhZ/Qeyc8BE9tb1FL1v9nxQhkfrPvMQ9miK0O1syPN6aZ5MMj+uD3AsRFE+/tA==
+"@chakra-ui/modal@2.3.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/modal/-/modal-2.3.0.tgz#f7c35bb457c3c4be391c9366f892a5a779af810a"
+  integrity sha512-S1sITrIeLSf21LJ0Vz8xZhj5fWEud5z5Dl2dmvOEv1ezypgOrCCBdOEnnqCkoEKZDbKvzZWZXWR5791ikLP6+g==
   dependencies:
-    "@chakra-ui/close-button" "2.0.17"
-    "@chakra-ui/focus-lock" "2.0.17"
-    "@chakra-ui/portal" "2.0.16"
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/close-button" "2.1.0"
+    "@chakra-ui/focus-lock" "2.1.0"
+    "@chakra-ui/portal" "2.1.0"
+    "@chakra-ui/react-context" "2.1.0"
     "@chakra-ui/react-types" "2.0.7"
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
-    "@chakra-ui/transition" "2.0.16"
+    "@chakra-ui/transition" "2.1.0"
     aria-hidden "^1.2.2"
     react-remove-scroll "^2.5.5"
 
-"@chakra-ui/number-input@2.0.19":
-  version "2.0.19"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/number-input/-/number-input-2.0.19.tgz#82d4522036904c04d07e7050822fc522f9b32233"
-  integrity sha512-HDaITvtMEqOauOrCPsARDxKD9PSHmhWywpcyCSOX0lMe4xx2aaGhU0QQFhsJsykj8Er6pytMv6t0KZksdDv3YA==
+"@chakra-ui/number-input@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/number-input/-/number-input-2.1.0.tgz#7812a6602edbed26829a8f7defe8c4f9f175421a"
+  integrity sha512-/gEAzQHhrMA+1rzyCMaN8OkKtUPuER6iA+nloYEYBoT7dH/EoNlRtBkiIQhDp+E4VpgZJ0SK3OVrm9/eBbtHHg==
   dependencies:
-    "@chakra-ui/counter" "2.0.14"
-    "@chakra-ui/form-control" "2.0.18"
-    "@chakra-ui/icon" "3.0.16"
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/counter" "2.1.0"
+    "@chakra-ui/form-control" "2.1.0"
+    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/react-context" "2.1.0"
     "@chakra-ui/react-types" "2.0.7"
-    "@chakra-ui/react-use-callback-ref" "2.0.7"
-    "@chakra-ui/react-use-event-listener" "2.0.7"
-    "@chakra-ui/react-use-interval" "2.0.5"
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
-    "@chakra-ui/react-use-safe-layout-effect" "2.0.5"
-    "@chakra-ui/react-use-update-effect" "2.0.7"
+    "@chakra-ui/react-use-callback-ref" "2.1.0"
+    "@chakra-ui/react-use-event-listener" "2.1.0"
+    "@chakra-ui/react-use-interval" "2.1.0"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
+    "@chakra-ui/react-use-safe-layout-effect" "2.1.0"
+    "@chakra-ui/react-use-update-effect" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
 "@chakra-ui/number-utils@2.0.7":
@@ -1286,216 +1384,216 @@
   resolved "https://registry.yarnpkg.com/@chakra-ui/object-utils/-/object-utils-2.1.0.tgz#a4ecf9cea92f1de09f5531f53ffdc41e0b19b6c3"
   integrity sha512-tgIZOgLHaoti5PYGPTwK3t/cqtcycW0owaiOXoZOcpwwX/vlVb+H1jFsQyWiiwQVPt9RkoSLtxzXamx+aHH+bQ==
 
-"@chakra-ui/pin-input@2.0.20":
-  version "2.0.20"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/pin-input/-/pin-input-2.0.20.tgz#5bf115bf4282b69fc6532a9c542cbf41f815d200"
-  integrity sha512-IHVmerrtHN8F+jRB3W1HnMir1S1TUCWhI7qDInxqPtoRffHt6mzZgLZ0izx8p1fD4HkW4c1d4/ZLEz9uH9bBRg==
+"@chakra-ui/pin-input@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/pin-input/-/pin-input-2.1.0.tgz#61e6bbf909ec510634307b2861c4f1891a9f8d81"
+  integrity sha512-x4vBqLStDxJFMt+jdAHHS8jbh294O53CPQJoL4g228P513rHylV/uPscYUHrVJXRxsHfRztQO9k45jjTYaPRMw==
   dependencies:
-    "@chakra-ui/descendant" "3.0.14"
+    "@chakra-ui/descendant" "3.1.0"
     "@chakra-ui/react-children-utils" "2.0.6"
-    "@chakra-ui/react-context" "2.0.8"
-    "@chakra-ui/react-use-controllable-state" "2.0.8"
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
+    "@chakra-ui/react-context" "2.1.0"
+    "@chakra-ui/react-use-controllable-state" "2.1.0"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/popover@2.1.12":
-  version "2.1.12"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/popover/-/popover-2.1.12.tgz#093bb60f7c044f829e2acc3a93f0c1077ba58cfb"
-  integrity sha512-Corh8trA1f3ydcMQqomgSvYNNhAlpxiBpMY2sglwYazOJcueHA8CI05cJVD0T/wwoTob7BShabhCGFZThn61Ng==
+"@chakra-ui/popover@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/popover/-/popover-2.2.0.tgz#470c4814447010a1b7db6839fcc3e8983cbabb60"
+  integrity sha512-cTqXdgkU0vgK82AR1nWcC2MJYhEL/y6uTeprvO2+j4o2D0yPrzVMuIZZRl0abrQwiravQyVGEMgA5y0ZLYwbiQ==
   dependencies:
-    "@chakra-ui/close-button" "2.0.17"
+    "@chakra-ui/close-button" "2.1.0"
     "@chakra-ui/lazy-utils" "2.0.5"
-    "@chakra-ui/popper" "3.0.14"
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/popper" "3.1.0"
+    "@chakra-ui/react-context" "2.1.0"
     "@chakra-ui/react-types" "2.0.7"
-    "@chakra-ui/react-use-animation-state" "2.0.9"
-    "@chakra-ui/react-use-disclosure" "2.0.8"
-    "@chakra-ui/react-use-focus-effect" "2.0.11"
-    "@chakra-ui/react-use-focus-on-pointer-down" "2.0.6"
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
+    "@chakra-ui/react-use-animation-state" "2.1.0"
+    "@chakra-ui/react-use-disclosure" "2.1.0"
+    "@chakra-ui/react-use-focus-effect" "2.1.0"
+    "@chakra-ui/react-use-focus-on-pointer-down" "2.1.0"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/popper@3.0.14":
-  version "3.0.14"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/popper/-/popper-3.0.14.tgz#598feec8825df99270585319f7becbb6cf33558a"
-  integrity sha512-RDMmmSfjsmHJbVn2agDyoJpTbQK33fxx//njwJdeyM0zTG/3/4xjI/Cxru3acJ2Y+1jFGmPqhO81stFjnbtfIw==
+"@chakra-ui/popper@3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/popper/-/popper-3.1.0.tgz#92a9180c6894763af3b22a6003f9a9d958fe2659"
+  integrity sha512-ciDdpdYbeFG7og6/6J8lkTFxsSvwTdMLFkpVylAF6VNC22jssiWfquj2eyD4rJnzkRFPvIWJq8hvbfhsm+AjSg==
   dependencies:
     "@chakra-ui/react-types" "2.0.7"
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
     "@popperjs/core" "^2.9.3"
 
-"@chakra-ui/portal@2.0.16":
-  version "2.0.16"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/portal/-/portal-2.0.16.tgz#e5ce3f9d9e559f17a95276e0c006d0e9b7703442"
-  integrity sha512-bVID0qbQ0l4xq38LdqAN4EKD4/uFkDnXzFwOlviC9sl0dNhzICDb1ltuH/Adl1d2HTMqyN60O3GO58eHy7plnQ==
+"@chakra-ui/portal@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/portal/-/portal-2.1.0.tgz#9e7f57424d7041738b6563cac80134561080bd27"
+  integrity sha512-9q9KWf6SArEcIq1gGofNcFPSWEyl+MfJjEUg/un1SMlQjaROOh3zYr+6JAwvcORiX7tyHosnmWC3d3wI2aPSQg==
   dependencies:
-    "@chakra-ui/react-context" "2.0.8"
-    "@chakra-ui/react-use-safe-layout-effect" "2.0.5"
+    "@chakra-ui/react-context" "2.1.0"
+    "@chakra-ui/react-use-safe-layout-effect" "2.1.0"
 
-"@chakra-ui/progress@2.1.6":
-  version "2.1.6"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/progress/-/progress-2.1.6.tgz#398db20440979c37adb0a34821f805ae3471873b"
-  integrity sha512-hHh5Ysv4z6bK+j2GJbi/FT9CVyto2PtNUNwBmr3oNMVsoOUMoRjczfXvvYqp0EHr9PCpxqrq7sRwgQXUzhbDSw==
+"@chakra-ui/progress@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/progress/-/progress-2.2.0.tgz#67444ea9779631d7c8395b2c9c78e5634f994999"
+  integrity sha512-qUXuKbuhN60EzDD9mHR7B67D7p/ZqNS2Aze4Pbl1qGGZfulPW0PY8Rof32qDtttDQBkzQIzFGE8d9QpAemToIQ==
   dependencies:
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/react-context" "2.1.0"
 
-"@chakra-ui/provider@2.3.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/provider/-/provider-2.3.0.tgz#18b3bdc3087e90569049832b2f0f4f8afd5cedf6"
-  integrity sha512-vKgmjoLVS3NnHW8RSYwmhhda2ZTi3fQc1egkYSVwngGky4CsN15I+XDhxJitVd66H41cjah/UNJyoeq7ACseLA==
+"@chakra-ui/provider@2.4.0":
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/provider/-/provider-2.4.0.tgz#1649e607b7dddd8dd160e624946769a29f67d9a3"
+  integrity sha512-KJ/TNczpY+EStQXa2Y5PZ+senlBHrY7P+RpBgJLBZLGkQUCS3APw5KvCwgpA0COb2M4AZXCjw+rm+Ko7ontlgA==
   dependencies:
-    "@chakra-ui/css-reset" "2.1.2"
-    "@chakra-ui/portal" "2.0.16"
-    "@chakra-ui/react-env" "3.0.0"
-    "@chakra-ui/system" "2.5.8"
+    "@chakra-ui/css-reset" "2.2.0"
+    "@chakra-ui/portal" "2.1.0"
+    "@chakra-ui/react-env" "3.1.0"
+    "@chakra-ui/system" "2.6.0"
     "@chakra-ui/utils" "2.0.15"
 
-"@chakra-ui/radio@2.0.22":
-  version "2.0.22"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/radio/-/radio-2.0.22.tgz#fad0ce7c9ba4051991ed517cac4cfe526d6d47d9"
-  integrity sha512-GsQ5WAnLwivWl6gPk8P1x+tCcpVakCt5R5T0HumF7DGPXKdJbjS+RaFySrbETmyTJsKY4QrfXn+g8CWVrMjPjw==
+"@chakra-ui/radio@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/radio/-/radio-2.1.0.tgz#68b2cb4193570369568052cb1254163224a1479c"
+  integrity sha512-WiRlSCqKWgy4m9106w4g77kcLYqBxqGhFRO1pTTJp99rxpM6jNadOeK+moEjqj64N9mSz3njEecMJftKKcOYdg==
   dependencies:
-    "@chakra-ui/form-control" "2.0.18"
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/form-control" "2.1.0"
+    "@chakra-ui/react-context" "2.1.0"
     "@chakra-ui/react-types" "2.0.7"
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
-    "@zag-js/focus-visible" "0.2.2"
+    "@zag-js/focus-visible" "0.10.5"
 
 "@chakra-ui/react-children-utils@2.0.6":
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/@chakra-ui/react-children-utils/-/react-children-utils-2.0.6.tgz#6c480c6a60678fcb75cb7d57107c7a79e5179b92"
   integrity sha512-QVR2RC7QsOsbWwEnq9YduhpqSFnZGvjjGREV8ygKi8ADhXh93C8azLECCUVgRJF2Wc+So1fgxmjLcbZfY2VmBA==
 
-"@chakra-ui/react-context@2.0.8":
-  version "2.0.8"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-context/-/react-context-2.0.8.tgz#5e0ed33ac3995875a21dea0e12b0ee5fc4c2e3cc"
-  integrity sha512-tRTKdn6lCTXM6WPjSokAAKCw2ioih7Eg8cNgaYRSwKBck8nkz9YqxgIIEj3dJD7MGtpl24S/SNI98iRWkRwR/A==
+"@chakra-ui/react-context@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-context/-/react-context-2.1.0.tgz#4858be1d5ff1c8ac0a0ec088d93a3b7f1cbbff99"
+  integrity sha512-iahyStvzQ4AOwKwdPReLGfDesGG+vWJfEsn0X/NoGph/SkN+HXtv2sCfYFFR9k7bb+Kvc6YfpLlSuLvKMHi2+w==
 
-"@chakra-ui/react-env@3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-env/-/react-env-3.0.0.tgz#2c3c9dc0e529b9b474a386a2b24988317b2a0811"
-  integrity sha512-tfMRO2v508HQWAqSADFrwZgR9oU10qC97oV6zGbjHh9ALP0/IcFR+Bi71KRTveDTm85fMeAzZYGj57P3Dsipkw==
+"@chakra-ui/react-env@3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-env/-/react-env-3.1.0.tgz#7d3c1c05a501bb369524d9f3d38c9325eb16ab50"
+  integrity sha512-Vr96GV2LNBth3+IKzr/rq1IcnkXv+MLmwjQH6C8BRtn3sNskgDFD5vLkVXcEhagzZMCh8FR3V/bzZPojBOyNhw==
   dependencies:
-    "@chakra-ui/react-use-safe-layout-effect" "2.0.5"
+    "@chakra-ui/react-use-safe-layout-effect" "2.1.0"
 
 "@chakra-ui/react-types@2.0.7":
   version "2.0.7"
   resolved "https://registry.yarnpkg.com/@chakra-ui/react-types/-/react-types-2.0.7.tgz#799c166a44882b23059c8f510eac9bd5d0869ac4"
   integrity sha512-12zv2qIZ8EHwiytggtGvo4iLT0APris7T0qaAWqzpUGS0cdUtR8W+V1BJ5Ocq+7tA6dzQ/7+w5hmXih61TuhWQ==
 
-"@chakra-ui/react-use-animation-state@2.0.9":
-  version "2.0.9"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-animation-state/-/react-use-animation-state-2.0.9.tgz#8e6377e7583cc80c649cdc443c90ab5b48a03e78"
-  integrity sha512-WFoD5OG03PBmzJCoRwM8rVfU442AvKBPPgA0yGGlKioH29OGuX7W78Ml+cYdXxonTiB03YSRZzUwaUnP4wAy1Q==
-  dependencies:
-    "@chakra-ui/dom-utils" "2.1.0"
-    "@chakra-ui/react-use-event-listener" "2.0.7"
-
-"@chakra-ui/react-use-callback-ref@2.0.7":
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-callback-ref/-/react-use-callback-ref-2.0.7.tgz#9b844a81037d0ecaaa8031979fa050165635e211"
-  integrity sha512-YjT76nTpfHAK5NxplAlZsQwNju5KmQExnqsWNPFeOR6vvbC34+iPSTr+r91i1Hdy7gBSbevsOsd5Wm6RN3GuMw==
-
-"@chakra-ui/react-use-controllable-state@2.0.8":
-  version "2.0.8"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-controllable-state/-/react-use-controllable-state-2.0.8.tgz#6b71187e03be632c244dde9f16ed685428087ec9"
-  integrity sha512-F7rdCbLEmRjwwODqWZ3y+mKgSSHPcLQxeUygwk1BkZPXbKkJJKymOIjIynil2cbH7ku3hcSIWRvuhpCcfQWJ7Q==
-  dependencies:
-    "@chakra-ui/react-use-callback-ref" "2.0.7"
-
-"@chakra-ui/react-use-disclosure@2.0.8":
-  version "2.0.8"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-disclosure/-/react-use-disclosure-2.0.8.tgz#e0e0445afc6d6d96bb262b99751e675034c31497"
-  integrity sha512-2ir/mHe1YND40e+FyLHnDsnDsBQPwzKDLzfe9GZri7y31oU83JSbHdlAXAhp3bpjohslwavtRCp+S/zRxfO9aQ==
-  dependencies:
-    "@chakra-ui/react-use-callback-ref" "2.0.7"
-
-"@chakra-ui/react-use-event-listener@2.0.7":
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-event-listener/-/react-use-event-listener-2.0.7.tgz#ed08164164e79183d876eeb71e12c6bfaca3ad17"
-  integrity sha512-4wvpx4yudIO3B31pOrXuTHDErawmwiXnvAN7gLEOVREi16+YGNcFnRJ5X5nRrmB7j2MDUtsEDpRBFfw5Z9xQ5g==
-  dependencies:
-    "@chakra-ui/react-use-callback-ref" "2.0.7"
-
-"@chakra-ui/react-use-focus-effect@2.0.11":
-  version "2.0.11"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-focus-effect/-/react-use-focus-effect-2.0.11.tgz#9a5c76981677fc356308526c7d2b3dc48101ea06"
-  integrity sha512-/zadgjaCWD50TfuYsO1vDS2zSBs2p/l8P2DPEIA8FuaowbBubKrk9shKQDWmbfDU7KArGxPxrvo+VXvskPPjHw==
-  dependencies:
-    "@chakra-ui/dom-utils" "2.1.0"
-    "@chakra-ui/react-use-event-listener" "2.0.7"
-    "@chakra-ui/react-use-safe-layout-effect" "2.0.5"
-    "@chakra-ui/react-use-update-effect" "2.0.7"
-
-"@chakra-ui/react-use-focus-on-pointer-down@2.0.6":
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-focus-on-pointer-down/-/react-use-focus-on-pointer-down-2.0.6.tgz#13330eb518c17e591c908cb8f4a30d43a978e3f2"
-  integrity sha512-OigXiLRVySn3tyVqJ/rn57WGuukW8TQe8fJYiLwXbcNyAMuYYounvRxvCy2b53sQ7QIZamza0N0jhirbH5FNoQ==
-  dependencies:
-    "@chakra-ui/react-use-event-listener" "2.0.7"
-
-"@chakra-ui/react-use-interval@2.0.5":
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-interval/-/react-use-interval-2.0.5.tgz#c1a0043bf188b19b790a27668f4e860391335a60"
-  integrity sha512-1nbdwMi2K87V6p5f5AseOKif2CkldLaJlq1TOqaPRwb7v3aU9rltBtYdf+fIyuHSToNJUV6wd9budCFdLCl3Fg==
-  dependencies:
-    "@chakra-ui/react-use-callback-ref" "2.0.7"
-
-"@chakra-ui/react-use-latest-ref@2.0.5":
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-latest-ref/-/react-use-latest-ref-2.0.5.tgz#b61dc4dadda340f7b14df0ec1d50ab2e507b3b3e"
-  integrity sha512-3mIuFzMyIo3Ok/D8uhV9voVg7KkrYVO/pwVvNPJOHsDQqCA6DpYE4WDsrIx+fVcwad3Ta7SupexR5PoI+kq6QQ==
-
-"@chakra-ui/react-use-merge-refs@2.0.7":
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-merge-refs/-/react-use-merge-refs-2.0.7.tgz#1a1fe800fb5501ec3da4088fbac78c03bbad13a7"
-  integrity sha512-zds4Uhsc+AMzdH8JDDkLVet9baUBgtOjPbhC5r3A0ZXjZvGhCztFAVE3aExYiVoMPoHLKbLcqvCWE6ioFKz1lw==
-
-"@chakra-ui/react-use-outside-click@2.1.0":
+"@chakra-ui/react-use-animation-state@2.1.0":
   version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-outside-click/-/react-use-outside-click-2.1.0.tgz#f7e27653c470e516c55d79df67ed8b0ba2c4ec8d"
-  integrity sha512-JanCo4QtWvMl9ZZUpKJKV62RlMWDFdPCE0Q64a7eWTOQgWWcpyBW7TOYRunQTqrK30FqkYFJCOlAWOtn+6Rw7A==
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-animation-state/-/react-use-animation-state-2.1.0.tgz#eab661fbafd96804fe867b0df0c27e78feefe6e2"
+  integrity sha512-CFZkQU3gmDBwhqy0vC1ryf90BVHxVN8cTLpSyCpdmExUEtSEInSCGMydj2fvn7QXsz/za8JNdO2xxgJwxpLMtg==
   dependencies:
-    "@chakra-ui/react-use-callback-ref" "2.0.7"
+    "@chakra-ui/dom-utils" "2.1.0"
+    "@chakra-ui/react-use-event-listener" "2.1.0"
 
-"@chakra-ui/react-use-pan-event@2.0.9":
-  version "2.0.9"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-pan-event/-/react-use-pan-event-2.0.9.tgz#0ff33a285e75a692d1ed52dbb9f3046a593b8004"
-  integrity sha512-xu35QXkiyrgsHUOnctl+SwNcwf9Rl62uYE5y8soKOZdBm8E+FvZIt2hxUzK1EoekbJCMzEZ0Yv1ZQCssVkSLaQ==
+"@chakra-ui/react-use-callback-ref@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-callback-ref/-/react-use-callback-ref-2.1.0.tgz#a508085f4d9e7d84d4ceffdf5f41745c9ac451d7"
+  integrity sha512-efnJrBtGDa4YaxDzDE90EnKD3Vkh5a1t3w7PhnRQmsphLy3g2UieasoKTlT2Hn118TwDjIv5ZjHJW6HbzXA9wQ==
+
+"@chakra-ui/react-use-controllable-state@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-controllable-state/-/react-use-controllable-state-2.1.0.tgz#8fb6fa2f45d0c04173582ae8297e604ffdb9c7d9"
+  integrity sha512-QR/8fKNokxZUs4PfxjXuwl0fj/d71WPrmLJvEpCTkHjnzu7LnYvzoe2wB867IdooQJL0G1zBxl0Dq+6W1P3jpg==
+  dependencies:
+    "@chakra-ui/react-use-callback-ref" "2.1.0"
+
+"@chakra-ui/react-use-disclosure@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-disclosure/-/react-use-disclosure-2.1.0.tgz#90093eaf45db1bea7a6851dd0ce5cdb3eb66f90a"
+  integrity sha512-Ax4pmxA9LBGMyEZJhhUZobg9C0t3qFE4jVF1tGBsrLDcdBeLR9fwOogIPY9Hf0/wqSlAryAimICbr5hkpa5GSw==
+  dependencies:
+    "@chakra-ui/react-use-callback-ref" "2.1.0"
+
+"@chakra-ui/react-use-event-listener@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-event-listener/-/react-use-event-listener-2.1.0.tgz#afea2645bd9b38f754fc2b8eb858f9bb22385ded"
+  integrity sha512-U5greryDLS8ISP69DKDsYcsXRtAdnTQT+jjIlRYZ49K/XhUR/AqVZCK5BkR1spTDmO9H8SPhgeNKI70ODuDU/Q==
+  dependencies:
+    "@chakra-ui/react-use-callback-ref" "2.1.0"
+
+"@chakra-ui/react-use-focus-effect@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-focus-effect/-/react-use-focus-effect-2.1.0.tgz#963fb790370dfadd51d12666ff2da60706f53a2a"
+  integrity sha512-xzVboNy7J64xveLcxTIJ3jv+lUJKDwRM7Szwn9tNzUIPD94O3qwjV7DDCUzN2490nSYDF4OBMt/wuDBtaR3kUQ==
+  dependencies:
+    "@chakra-ui/dom-utils" "2.1.0"
+    "@chakra-ui/react-use-event-listener" "2.1.0"
+    "@chakra-ui/react-use-safe-layout-effect" "2.1.0"
+    "@chakra-ui/react-use-update-effect" "2.1.0"
+
+"@chakra-ui/react-use-focus-on-pointer-down@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-focus-on-pointer-down/-/react-use-focus-on-pointer-down-2.1.0.tgz#2fbcf6bc7d06d97606747e231a908d5c387ca0cc"
+  integrity sha512-2jzrUZ+aiCG/cfanrolsnSMDykCAbv9EK/4iUyZno6BYb3vziucmvgKuoXbMPAzWNtwUwtuMhkby8rc61Ue+Lg==
+  dependencies:
+    "@chakra-ui/react-use-event-listener" "2.1.0"
+
+"@chakra-ui/react-use-interval@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-interval/-/react-use-interval-2.1.0.tgz#2602c097b3ab74b6644812e4f5efaad621218d98"
+  integrity sha512-8iWj+I/+A0J08pgEXP1J1flcvhLBHkk0ln7ZvGIyXiEyM6XagOTJpwNhiu+Bmk59t3HoV/VyvyJTa+44sEApuw==
+  dependencies:
+    "@chakra-ui/react-use-callback-ref" "2.1.0"
+
+"@chakra-ui/react-use-latest-ref@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-latest-ref/-/react-use-latest-ref-2.1.0.tgz#d1e926130102566ece1d39f8a48ed125e0c8441a"
+  integrity sha512-m0kxuIYqoYB0va9Z2aW4xP/5b7BzlDeWwyXCH6QpT2PpW3/281L3hLCm1G0eOUcdVlayqrQqOeD6Mglq+5/xoQ==
+
+"@chakra-ui/react-use-merge-refs@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-merge-refs/-/react-use-merge-refs-2.1.0.tgz#c0c233527abdbea9a1348269c192012205762314"
+  integrity sha512-lERa6AWF1cjEtWSGjxWTaSMvneccnAVH4V4ozh8SYiN9fSPZLlSG3kNxfNzdFvMEhM7dnP60vynF7WjGdTgQbQ==
+
+"@chakra-ui/react-use-outside-click@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-outside-click/-/react-use-outside-click-2.2.0.tgz#5570b772a255f6f02b69e967127397c1b5fa3d3c"
+  integrity sha512-PNX+s/JEaMneijbgAM4iFL+f3m1ga9+6QK0E5Yh4s8KZJQ/bLwZzdhMz8J/+mL+XEXQ5J0N8ivZN28B82N1kNw==
+  dependencies:
+    "@chakra-ui/react-use-callback-ref" "2.1.0"
+
+"@chakra-ui/react-use-pan-event@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-pan-event/-/react-use-pan-event-2.1.0.tgz#51c21bc3c0e9e73d1faef5ea4f7e3c3d071a2758"
+  integrity sha512-xmL2qOHiXqfcj0q7ZK5s9UjTh4Gz0/gL9jcWPA6GVf+A0Od5imEDa/Vz+533yQKWiNSm1QGrIj0eJAokc7O4fg==
   dependencies:
     "@chakra-ui/event-utils" "2.0.8"
-    "@chakra-ui/react-use-latest-ref" "2.0.5"
+    "@chakra-ui/react-use-latest-ref" "2.1.0"
     framesync "6.1.2"
 
-"@chakra-ui/react-use-previous@2.0.5":
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-previous/-/react-use-previous-2.0.5.tgz#65836cc81e3a1bf4252cd08a71094f1be827b56c"
-  integrity sha512-BIZgjycPE4Xr+MkhKe0h67uHXzQQkBX/u5rYPd65iMGdX1bCkbE0oorZNfOHLKdTmnEb4oVsNvfN6Rfr+Mnbxw==
+"@chakra-ui/react-use-previous@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-previous/-/react-use-previous-2.1.0.tgz#f6046e6f7398b1e8d7e66ff7ebb8d61c92a2d3d0"
+  integrity sha512-pjxGwue1hX8AFcmjZ2XfrQtIJgqbTF3Qs1Dy3d1krC77dEsiCUbQ9GzOBfDc8pfd60DrB5N2tg5JyHbypqh0Sg==
 
-"@chakra-ui/react-use-safe-layout-effect@2.0.5":
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-safe-layout-effect/-/react-use-safe-layout-effect-2.0.5.tgz#6cf388c37fd2a42b5295a292e149b32f860a00a7"
-  integrity sha512-MwAQBz3VxoeFLaesaSEN87reVNVbjcQBDex2WGexAg6hUB6n4gc1OWYH/iXp4tzp4kuggBNhEHkk9BMYXWfhJQ==
+"@chakra-ui/react-use-safe-layout-effect@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-safe-layout-effect/-/react-use-safe-layout-effect-2.1.0.tgz#3a95f0ba6fd5d2d0aa14919160f2c825f13e686f"
+  integrity sha512-Knbrrx/bcPwVS1TorFdzrK/zWA8yuU/eaXDkNj24IrKoRlQrSBFarcgAEzlCHtzuhufP3OULPkELTzz91b0tCw==
 
-"@chakra-ui/react-use-size@2.0.10":
-  version "2.0.10"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-size/-/react-use-size-2.0.10.tgz#6131950852490c06e5fb3760bf64097c8057391f"
-  integrity sha512-fdIkH14GDnKQrtQfxX8N3gxbXRPXEl67Y3zeD9z4bKKcQUAYIMqs0MsPZY+FMpGQw8QqafM44nXfL038aIrC5w==
+"@chakra-ui/react-use-size@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-size/-/react-use-size-2.1.0.tgz#fcf3070eaade8b4a84af8ce5341c4d5ca0a42bec"
+  integrity sha512-tbLqrQhbnqOjzTaMlYytp7wY8BW1JpL78iG7Ru1DlV4EWGiAmXFGvtnEt9HftU0NJ0aJyjgymkxfVGI55/1Z4A==
   dependencies:
-    "@zag-js/element-size" "0.3.2"
+    "@zag-js/element-size" "0.10.5"
 
-"@chakra-ui/react-use-timeout@2.0.5":
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-timeout/-/react-use-timeout-2.0.5.tgz#13c4e48e48d4b84ce1e062f0f1c9ec401ece78c9"
-  integrity sha512-QqmB+jVphh3h/CS60PieorpY7UqSPkrQCB7f7F+i9vwwIjtP8fxVHMmkb64K7VlzQiMPzv12nlID5dqkzlv0mw==
+"@chakra-ui/react-use-timeout@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-timeout/-/react-use-timeout-2.1.0.tgz#24415f54267d7241a3c1d36a5cae4d472834cef7"
+  integrity sha512-cFN0sobKMM9hXUhyCofx3/Mjlzah6ADaEl/AXl5Y+GawB5rgedgAcu2ErAgarEkwvsKdP6c68CKjQ9dmTQlJxQ==
   dependencies:
-    "@chakra-ui/react-use-callback-ref" "2.0.7"
+    "@chakra-ui/react-use-callback-ref" "2.1.0"
 
-"@chakra-ui/react-use-update-effect@2.0.7":
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-update-effect/-/react-use-update-effect-2.0.7.tgz#f94b7975ebb150c03d410e754b54f0e9dd263134"
-  integrity sha512-vBM2bmmM83ZdDtasWv3PXPznpTUd+FvqBC8J8rxoRmvdMEfrxTiQRBJhiGHLpS9BPLLPQlosN6KdFU97csB6zg==
+"@chakra-ui/react-use-update-effect@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react-use-update-effect/-/react-use-update-effect-2.1.0.tgz#5c57cd1f50c2a6a8119e0f57f69510723d69884b"
+  integrity sha512-ND4Q23tETaR2Qd3zwCKYOOS1dfssojPLJMLvUtUbW5M9uW1ejYWgGUobeAiOVfSplownG8QYMmHTP86p/v0lbA==
 
 "@chakra-ui/react-utils@2.0.12":
   version "2.0.12"
@@ -1504,71 +1602,71 @@
   dependencies:
     "@chakra-ui/utils" "2.0.15"
 
-"@chakra-ui/react@^2.7.1":
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react/-/react-2.7.1.tgz#1419a4856b7dd74a558ced97f148a97d4953109e"
-  integrity sha512-uIYIAg+gnUoRbgdCfSEVvQnrEz0oWWXATGGSQpxmuJovNVyZKnX/Xug7NkWQfBUJPYRSG+VB69ZmsAFpyLSMtA==
+"@chakra-ui/react@^2.8.0":
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react/-/react-2.8.0.tgz#cc76a2448f9bc85f1645a1afb90d5756a5313ac3"
+  integrity sha512-tV82DaqE4fMbLIWq58BYh4Ol3gAlNEn+qYOzx8bPrZudboEDnboq8aVfSBwWOY++MLWz2Nn7CkT69YRm91e5sg==
   dependencies:
-    "@chakra-ui/accordion" "2.2.0"
-    "@chakra-ui/alert" "2.1.0"
-    "@chakra-ui/avatar" "2.2.11"
-    "@chakra-ui/breadcrumb" "2.1.5"
-    "@chakra-ui/button" "2.0.18"
-    "@chakra-ui/card" "2.1.6"
-    "@chakra-ui/checkbox" "2.2.15"
-    "@chakra-ui/close-button" "2.0.17"
-    "@chakra-ui/control-box" "2.0.13"
-    "@chakra-ui/counter" "2.0.14"
-    "@chakra-ui/css-reset" "2.1.2"
-    "@chakra-ui/editable" "3.0.0"
-    "@chakra-ui/focus-lock" "2.0.17"
-    "@chakra-ui/form-control" "2.0.18"
+    "@chakra-ui/accordion" "2.3.0"
+    "@chakra-ui/alert" "2.2.0"
+    "@chakra-ui/avatar" "2.3.0"
+    "@chakra-ui/breadcrumb" "2.2.0"
+    "@chakra-ui/button" "2.1.0"
+    "@chakra-ui/card" "2.2.0"
+    "@chakra-ui/checkbox" "2.3.0"
+    "@chakra-ui/close-button" "2.1.0"
+    "@chakra-ui/control-box" "2.1.0"
+    "@chakra-ui/counter" "2.1.0"
+    "@chakra-ui/css-reset" "2.2.0"
+    "@chakra-ui/editable" "3.1.0"
+    "@chakra-ui/focus-lock" "2.1.0"
+    "@chakra-ui/form-control" "2.1.0"
     "@chakra-ui/hooks" "2.2.0"
-    "@chakra-ui/icon" "3.0.16"
-    "@chakra-ui/image" "2.0.16"
-    "@chakra-ui/input" "2.0.22"
-    "@chakra-ui/layout" "2.2.0"
-    "@chakra-ui/live-region" "2.0.13"
-    "@chakra-ui/media-query" "3.2.12"
-    "@chakra-ui/menu" "2.1.15"
-    "@chakra-ui/modal" "2.2.12"
-    "@chakra-ui/number-input" "2.0.19"
-    "@chakra-ui/pin-input" "2.0.20"
-    "@chakra-ui/popover" "2.1.12"
-    "@chakra-ui/popper" "3.0.14"
-    "@chakra-ui/portal" "2.0.16"
-    "@chakra-ui/progress" "2.1.6"
-    "@chakra-ui/provider" "2.3.0"
-    "@chakra-ui/radio" "2.0.22"
-    "@chakra-ui/react-env" "3.0.0"
-    "@chakra-ui/select" "2.0.19"
-    "@chakra-ui/skeleton" "2.0.24"
-    "@chakra-ui/skip-nav" "2.0.15"
-    "@chakra-ui/slider" "2.0.25"
-    "@chakra-ui/spinner" "2.0.13"
-    "@chakra-ui/stat" "2.0.18"
-    "@chakra-ui/stepper" "2.2.0"
+    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/image" "2.1.0"
+    "@chakra-ui/input" "2.1.0"
+    "@chakra-ui/layout" "2.3.0"
+    "@chakra-ui/live-region" "2.1.0"
+    "@chakra-ui/media-query" "3.3.0"
+    "@chakra-ui/menu" "2.2.0"
+    "@chakra-ui/modal" "2.3.0"
+    "@chakra-ui/number-input" "2.1.0"
+    "@chakra-ui/pin-input" "2.1.0"
+    "@chakra-ui/popover" "2.2.0"
+    "@chakra-ui/popper" "3.1.0"
+    "@chakra-ui/portal" "2.1.0"
+    "@chakra-ui/progress" "2.2.0"
+    "@chakra-ui/provider" "2.4.0"
+    "@chakra-ui/radio" "2.1.0"
+    "@chakra-ui/react-env" "3.1.0"
+    "@chakra-ui/select" "2.1.0"
+    "@chakra-ui/skeleton" "2.1.0"
+    "@chakra-ui/skip-nav" "2.1.0"
+    "@chakra-ui/slider" "2.1.0"
+    "@chakra-ui/spinner" "2.1.0"
+    "@chakra-ui/stat" "2.1.0"
+    "@chakra-ui/stepper" "2.3.0"
     "@chakra-ui/styled-system" "2.9.1"
-    "@chakra-ui/switch" "2.0.27"
-    "@chakra-ui/system" "2.5.8"
-    "@chakra-ui/table" "2.0.17"
-    "@chakra-ui/tabs" "2.1.9"
-    "@chakra-ui/tag" "3.0.0"
-    "@chakra-ui/textarea" "2.0.19"
-    "@chakra-ui/theme" "3.1.2"
-    "@chakra-ui/theme-utils" "2.0.18"
-    "@chakra-ui/toast" "6.1.4"
-    "@chakra-ui/tooltip" "2.2.9"
-    "@chakra-ui/transition" "2.0.16"
+    "@chakra-ui/switch" "2.1.0"
+    "@chakra-ui/system" "2.6.0"
+    "@chakra-ui/table" "2.1.0"
+    "@chakra-ui/tabs" "2.2.0"
+    "@chakra-ui/tag" "3.1.0"
+    "@chakra-ui/textarea" "2.1.0"
+    "@chakra-ui/theme" "3.2.0"
+    "@chakra-ui/theme-utils" "2.0.19"
+    "@chakra-ui/toast" "7.0.0"
+    "@chakra-ui/tooltip" "2.3.0"
+    "@chakra-ui/transition" "2.1.0"
     "@chakra-ui/utils" "2.0.15"
-    "@chakra-ui/visually-hidden" "2.0.15"
+    "@chakra-ui/visually-hidden" "2.1.0"
 
-"@chakra-ui/select@2.0.19":
-  version "2.0.19"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/select/-/select-2.0.19.tgz#957e95a17a890d8c0a851e2f00a8d8dd17932d66"
-  integrity sha512-eAlFh+JhwtJ17OrB6fO6gEAGOMH18ERNrXLqWbYLrs674Le7xuREgtuAYDoxUzvYXYYTTdOJtVbcHGriI3o6rA==
+"@chakra-ui/select@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/select/-/select-2.1.0.tgz#4c9a6e881281e77ed35ba7a2e343f235b7e0b2fd"
+  integrity sha512-6GEjCJNOm1pS9E7XRvodoVOuSFl82Jio3MGWgmcQrLznjJAhIZVMq85vCQqzGpjjfbHys/UctfdJY75Ctas/Jg==
   dependencies:
-    "@chakra-ui/form-control" "2.0.18"
+    "@chakra-ui/form-control" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
 "@chakra-ui/shared-utils@2.0.5":
@@ -1576,59 +1674,59 @@
   resolved "https://registry.yarnpkg.com/@chakra-ui/shared-utils/-/shared-utils-2.0.5.tgz#cb2b49705e113853647f1822142619570feba081"
   integrity sha512-4/Wur0FqDov7Y0nCXl7HbHzCg4aq86h+SXdoUeuCMD3dSj7dpsVnStLYhng1vxvlbUnLpdF4oz5Myt3i/a7N3Q==
 
-"@chakra-ui/skeleton@2.0.24":
-  version "2.0.24"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/skeleton/-/skeleton-2.0.24.tgz#dc9dcca6fc43005544fabfd38a444943b0a29cad"
-  integrity sha512-1jXtVKcl/jpbrJlc/TyMsFyI651GTXY5ma30kWyTXoby2E+cxbV6OR8GB/NMZdGxbQBax8/VdtYVjI0n+OBqWA==
+"@chakra-ui/skeleton@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/skeleton/-/skeleton-2.1.0.tgz#e3b25dd3afa330029d6d63be0f7cb8d44ad25531"
+  integrity sha512-JNRuMPpdZGd6zFVKjVQ0iusu3tXAdI29n4ZENYwAJEMf/fN0l12sVeirOxkJ7oEL0yOx2AgEYFSKdbcAgfUsAQ==
   dependencies:
-    "@chakra-ui/media-query" "3.2.12"
-    "@chakra-ui/react-use-previous" "2.0.5"
+    "@chakra-ui/media-query" "3.3.0"
+    "@chakra-ui/react-use-previous" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/skip-nav@2.0.15":
-  version "2.0.15"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/skip-nav/-/skip-nav-2.0.15.tgz#cb3b2ffb9c1bc492e66d6b0a189253aa53014257"
-  integrity sha512-5UtmlnV4BmIgEk6lQ0h81JEYhPX04wJEk5ZMoilQ2zEQYL6TkVVHkhRXyc1Zfq76hmHuZPXZV/yJeTecj6jIrA==
+"@chakra-ui/skip-nav@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/skip-nav/-/skip-nav-2.1.0.tgz#cac27eecc6eded1e83c8f0cf7445d727739cb325"
+  integrity sha512-Hk+FG+vadBSH0/7hwp9LJnLjkO0RPGnx7gBJWI4/SpoJf3e4tZlWYtwGj0toYY4aGKl93jVghuwGbDBEMoHDug==
 
-"@chakra-ui/slider@2.0.25":
-  version "2.0.25"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/slider/-/slider-2.0.25.tgz#2d69af68f4afcc648d14603d7c3163660d35e9eb"
-  integrity sha512-FnWSi0AIXP+9sHMCPboOKGqm902k8dJtsJ7tu3D0AcKkE62WtYLZ2sTqvwJxCfSl4KqVI1i571SrF9WadnnJ8w==
+"@chakra-ui/slider@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/slider/-/slider-2.1.0.tgz#1caeed18761ba2a390777418cc9389ba25e39bce"
+  integrity sha512-lUOBcLMCnFZiA/s2NONXhELJh6sY5WtbRykPtclGfynqqOo47lwWJx+VP7xaeuhDOPcWSSecWc9Y1BfPOCz9cQ==
   dependencies:
     "@chakra-ui/number-utils" "2.0.7"
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/react-context" "2.1.0"
     "@chakra-ui/react-types" "2.0.7"
-    "@chakra-ui/react-use-callback-ref" "2.0.7"
-    "@chakra-ui/react-use-controllable-state" "2.0.8"
-    "@chakra-ui/react-use-latest-ref" "2.0.5"
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
-    "@chakra-ui/react-use-pan-event" "2.0.9"
-    "@chakra-ui/react-use-size" "2.0.10"
-    "@chakra-ui/react-use-update-effect" "2.0.7"
+    "@chakra-ui/react-use-callback-ref" "2.1.0"
+    "@chakra-ui/react-use-controllable-state" "2.1.0"
+    "@chakra-ui/react-use-latest-ref" "2.1.0"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
+    "@chakra-ui/react-use-pan-event" "2.1.0"
+    "@chakra-ui/react-use-size" "2.1.0"
+    "@chakra-ui/react-use-update-effect" "2.1.0"
 
-"@chakra-ui/spinner@2.0.13":
-  version "2.0.13"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/spinner/-/spinner-2.0.13.tgz#64fe919c18305c653ced046e25d5883ee4c1e7d7"
-  integrity sha512-T1/aSkVpUIuiYyrjfn1+LsQEG7Onbi1UE9ccS/evgf61Dzy4GgTXQUnDuWFSgpV58owqirqOu6jn/9eCwDlzlg==
+"@chakra-ui/spinner@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/spinner/-/spinner-2.1.0.tgz#aa24a3d692c6ac90714e0f0f82c76c12c78c8e60"
+  integrity sha512-hczbnoXt+MMv/d3gE+hjQhmkzLiKuoTo42YhUG7Bs9OSv2lg1fZHW1fGNRFP3wTi6OIbD044U1P9HK+AOgFH3g==
   dependencies:
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/stat@2.0.18":
-  version "2.0.18"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/stat/-/stat-2.0.18.tgz#9e5d21d162b7cf2cf92065c19291ead2d4660772"
-  integrity sha512-wKyfBqhVlIs9bkSerUc6F9KJMw0yTIEKArW7dejWwzToCLPr47u+CtYO6jlJHV6lRvkhi4K4Qc6pyvtJxZ3VpA==
+"@chakra-ui/stat@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/stat/-/stat-2.1.0.tgz#6643b507358e9cacf008387b3f12b75899497369"
+  integrity sha512-sqx0/AdFFZ80dsiM5owmhtQyYl+zON1r+IY0m70I/ABRVy+I3br06xdUhoaxh3tcP7c0O/BQgb+VCfXa9Y34CA==
   dependencies:
-    "@chakra-ui/icon" "3.0.16"
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/react-context" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/stepper@2.2.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/stepper/-/stepper-2.2.0.tgz#c42562fd1b210595303f14970d9df6b32e1ad5a1"
-  integrity sha512-8ZLxV39oghSVtOUGK8dX8Z6sWVSQiKVmsK4c3OQDa8y2TvxP0VtFD0Z5U1xJlOjQMryZRWhGj9JBc3iQLukuGg==
+"@chakra-ui/stepper@2.3.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/stepper/-/stepper-2.3.0.tgz#5714df429936839145a62b5c197cff26b872b660"
+  integrity sha512-q80QX/NLrjJQIlBP1N+Q8GVJb7/HiOpMoK1PlP4denB/KxkU2K8GEjss8U2vklR1XsWJy1fwfj03+66Q78Uk/Q==
   dependencies:
-    "@chakra-ui/icon" "3.0.16"
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/react-context" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
 "@chakra-ui/styled-system@2.9.1":
@@ -1640,127 +1738,127 @@
     csstype "^3.0.11"
     lodash.mergewith "4.6.2"
 
-"@chakra-ui/switch@2.0.27":
-  version "2.0.27"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/switch/-/switch-2.0.27.tgz#e76e5afdfc837c83fce34480de4431ff8c19fcb8"
-  integrity sha512-z76y2fxwMlvRBrC5W8xsZvo3gP+zAEbT3Nqy5P8uh/IPd5OvDsGeac90t5cgnQTyxMOpznUNNK+1eUZqtLxWnQ==
+"@chakra-ui/switch@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/switch/-/switch-2.1.0.tgz#750474ef7f0a9854062e692cbbe9f3ed0cfbc4d8"
+  integrity sha512-uWHOaIDQdGh+mszxeppj5aYVepbkSK445KZlJJkfr9Bnr6sythTwM63HSufnVDiTEE4uRqegv9jEjZK2JKA+9A==
   dependencies:
-    "@chakra-ui/checkbox" "2.2.15"
+    "@chakra-ui/checkbox" "2.3.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/system@2.5.8":
-  version "2.5.8"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/system/-/system-2.5.8.tgz#9026090b792320683bf1cc3a8f04af7b10c947ce"
-  integrity sha512-Vy8UUaCxikOzOGE54IP8tKouvU38rEYU1HCSquU9+oe7Jd70HaiLa4vmUKvHyMUmxkOzDHIkgZLbVQCubSnN5w==
+"@chakra-ui/system@2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/system/-/system-2.6.0.tgz#29f65bb0887ee0816bbb7b4b098ca5aa4918c409"
+  integrity sha512-MgAFRz9V1pW0dplwWsB99hx49LCC+LsrkMala7KXcP0OvWdrkjw+iu+voBksO3626+glzgIwlZW113Eja+7JEQ==
   dependencies:
-    "@chakra-ui/color-mode" "2.1.12"
+    "@chakra-ui/color-mode" "2.2.0"
     "@chakra-ui/object-utils" "2.1.0"
     "@chakra-ui/react-utils" "2.0.12"
     "@chakra-ui/styled-system" "2.9.1"
-    "@chakra-ui/theme-utils" "2.0.18"
+    "@chakra-ui/theme-utils" "2.0.19"
     "@chakra-ui/utils" "2.0.15"
     react-fast-compare "3.2.1"
 
-"@chakra-ui/table@2.0.17":
-  version "2.0.17"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/table/-/table-2.0.17.tgz#ad394dc6dcbe5a8a9e6d899997ecca3471603977"
-  integrity sha512-OScheTEp1LOYvTki2NFwnAYvac8siAhW9BI5RKm5f5ORL2gVJo4I72RUqE0aKe1oboxgm7CYt5afT5PS5cG61A==
+"@chakra-ui/table@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/table/-/table-2.1.0.tgz#20dce14c5e4d70dc7c6c0e87cce9b05907ff8c50"
+  integrity sha512-o5OrjoHCh5uCLdiUb0Oc0vq9rIAeHSIRScc2ExTC9Qg/uVZl2ygLrjToCaKfaaKl1oQexIeAcZDKvPG8tVkHyQ==
   dependencies:
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/react-context" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/tabs@2.1.9":
-  version "2.1.9"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/tabs/-/tabs-2.1.9.tgz#2e5214cb453c6cc0c240e82bd88af1042fc6fe0e"
-  integrity sha512-Yf8e0kRvaGM6jfkJum0aInQ0U3ZlCafmrYYni2lqjcTtThqu+Yosmo3iYlnullXxCw5MVznfrkb9ySvgQowuYg==
+"@chakra-ui/tabs@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/tabs/-/tabs-2.2.0.tgz#72b6bf8bff3d3da3effb115991bf24e2157e29d2"
+  integrity sha512-ulN7McHZ322qlbJXg8S+IwdN8Axh8q0HzYBOHzSdcnVphEytfv9TsfJhN0Hx5yjkpekAzG5fewn33ZdIpIpKyQ==
   dependencies:
-    "@chakra-ui/clickable" "2.0.14"
-    "@chakra-ui/descendant" "3.0.14"
+    "@chakra-ui/clickable" "2.1.0"
+    "@chakra-ui/descendant" "3.1.0"
     "@chakra-ui/lazy-utils" "2.0.5"
     "@chakra-ui/react-children-utils" "2.0.6"
-    "@chakra-ui/react-context" "2.0.8"
-    "@chakra-ui/react-use-controllable-state" "2.0.8"
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
-    "@chakra-ui/react-use-safe-layout-effect" "2.0.5"
+    "@chakra-ui/react-context" "2.1.0"
+    "@chakra-ui/react-use-controllable-state" "2.1.0"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
+    "@chakra-ui/react-use-safe-layout-effect" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/tag@3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/tag/-/tag-3.0.0.tgz#d86cdab59bb3ff7fc628c2dbe7a5ff1b36bd3e96"
-  integrity sha512-YWdMmw/1OWRwNkG9pX+wVtZio+B89odaPj6XeMn5nfNN8+jyhIEpouWv34+CO9G0m1lupJTxPSfgLAd7cqXZMA==
+"@chakra-ui/tag@3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/tag/-/tag-3.1.0.tgz#b2c06254e1d5aaaf77ff41e5d2e6548b404cabd7"
+  integrity sha512-Mn2u828z5HvqEBEG+tUJWe3al5tzN87bK2U0QfThx3+zqWbBCWBSCVfnWRtkNh80m+5a1TekexDAPZqu5G8zdw==
   dependencies:
-    "@chakra-ui/icon" "3.0.16"
-    "@chakra-ui/react-context" "2.0.8"
+    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/react-context" "2.1.0"
 
-"@chakra-ui/textarea@2.0.19":
-  version "2.0.19"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/textarea/-/textarea-2.0.19.tgz#470b459f9cb3255d2abbe07d46b0a5b60a6a32c5"
-  integrity sha512-adJk+qVGsFeJDvfn56CcJKKse8k7oMGlODrmpnpTdF+xvlsiTM+1GfaJvgNSpHHuQFdz/A0z1uJtfGefk0G2ZA==
+"@chakra-ui/textarea@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/textarea/-/textarea-2.1.0.tgz#d0f157c9a09aea87c372409eead4292bd26999a0"
+  integrity sha512-4F7X/lPRsY+sPxYrWGrhh1pBtdnFvVllIOapzAwnjYwsflm+vf6c+9ZgoDWobXsNezJ9fcqN0FTPwaBnDvDQRQ==
   dependencies:
-    "@chakra-ui/form-control" "2.0.18"
+    "@chakra-ui/form-control" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/theme-tools@2.0.18":
-  version "2.0.18"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/theme-tools/-/theme-tools-2.0.18.tgz#8160f0abe331e60b56f77426c28ff9a605c1a5c4"
-  integrity sha512-MbiRuXb2tb41FbnW41zhsYYAU0znlpfYZnu0mxCf8U2otCwPekJCfESUGYypjq4JnydQ7TDOk+Kz/Wi974l4mw==
+"@chakra-ui/theme-tools@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/theme-tools/-/theme-tools-2.1.0.tgz#ad34f2fdda61305ac96f69ad9ce38ad12f8bfdbf"
+  integrity sha512-TKv4trAY8q8+DWdZrpSabTd3SZtZrnzFDwUdzhbWBhFEDEVR3fAkRTPpnPDtf1X9w1YErWn3QAcMACVFz4+vkw==
   dependencies:
-    "@chakra-ui/anatomy" "2.1.2"
+    "@chakra-ui/anatomy" "2.2.0"
     "@chakra-ui/shared-utils" "2.0.5"
     color2k "^2.0.0"
 
-"@chakra-ui/theme-utils@2.0.18":
-  version "2.0.18"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/theme-utils/-/theme-utils-2.0.18.tgz#c240545d0f00b6cc059195a784683d1f143a44af"
-  integrity sha512-aSbkUUiFpc1NHC7lQdA6uYlr6EcZFXz6b4aJ7VRDpqTiywvqYnvfGzhmsB0z94vgtS9qXc6HoIwBp25jYGV2MA==
+"@chakra-ui/theme-utils@2.0.19":
+  version "2.0.19"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/theme-utils/-/theme-utils-2.0.19.tgz#47e6af43f8ef22403686b779ca1a869ab1b7a5ec"
+  integrity sha512-UQ+KvozTN86+0oA80rdQd1a++4rm4ulo+DEabkgwNpkK3yaWsucOxkDQpi2sMIMvw5X0oaWvNBZJuVyK7HdOXg==
   dependencies:
     "@chakra-ui/shared-utils" "2.0.5"
     "@chakra-ui/styled-system" "2.9.1"
-    "@chakra-ui/theme" "3.1.2"
+    "@chakra-ui/theme" "3.2.0"
     lodash.mergewith "4.6.2"
 
-"@chakra-ui/theme@3.1.2":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/theme/-/theme-3.1.2.tgz#1e78a19083adecb38b884c1c2da6dee2c84c81f2"
-  integrity sha512-ebUXMS3LZw2OZxEQNYaFw3/XuA3jpyprhS/frjHMvZKSOaCjMW+c9z25S0jp1NnpQff08VGI8EWbyVZECXU1QA==
+"@chakra-ui/theme@3.2.0":
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/theme/-/theme-3.2.0.tgz#b8232d770e542895cf82535942a74ad803bb7133"
+  integrity sha512-q9mppdkhmaBnvOT8REr/lVNNBX/prwm50EzObJ+r+ErVhNQDc55gCFmtr+It3xlcCqmOteG6XUdwRCJz8qzOqg==
   dependencies:
-    "@chakra-ui/anatomy" "2.1.2"
+    "@chakra-ui/anatomy" "2.2.0"
     "@chakra-ui/shared-utils" "2.0.5"
-    "@chakra-ui/theme-tools" "2.0.18"
+    "@chakra-ui/theme-tools" "2.1.0"
 
-"@chakra-ui/toast@6.1.4":
-  version "6.1.4"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/toast/-/toast-6.1.4.tgz#853a844408c0e22f15c66b4f2607b8416300c649"
-  integrity sha512-wAcPHq/N/ar4jQxkUGhnsbp+lx2eKOpHxn1KaWdHXUkqCNUA1z09fvBsoMyzObSiiwbDuQPZG5RxsOhzfPZX4Q==
+"@chakra-ui/toast@7.0.0":
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/toast/-/toast-7.0.0.tgz#6c6f1b7b8dc458ed0827b2edc47eb7d4075c95dc"
+  integrity sha512-XQgSnn4DYRgfOBzBvh8GI/AZ7SfrO8wlVSmChfp92Nfmqm7tRDUT9x8ws/iNKAvMRHkhl7fmRjJ39ipeXYrMvA==
   dependencies:
-    "@chakra-ui/alert" "2.1.0"
-    "@chakra-ui/close-button" "2.0.17"
-    "@chakra-ui/portal" "2.0.16"
-    "@chakra-ui/react-context" "2.0.8"
-    "@chakra-ui/react-use-timeout" "2.0.5"
-    "@chakra-ui/react-use-update-effect" "2.0.7"
+    "@chakra-ui/alert" "2.2.0"
+    "@chakra-ui/close-button" "2.1.0"
+    "@chakra-ui/portal" "2.1.0"
+    "@chakra-ui/react-context" "2.1.0"
+    "@chakra-ui/react-use-timeout" "2.1.0"
+    "@chakra-ui/react-use-update-effect" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
     "@chakra-ui/styled-system" "2.9.1"
-    "@chakra-ui/theme" "3.1.2"
+    "@chakra-ui/theme" "3.2.0"
 
-"@chakra-ui/tooltip@2.2.9":
-  version "2.2.9"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/tooltip/-/tooltip-2.2.9.tgz#a7f25f7e6d1304ea448a3420ed99f79a657537bd"
-  integrity sha512-ZoksllanqXRUyMDaiogvUVJ+RdFXwZrfrwx3RV22fejYZIQ602hZ3QHtHLB5ZnKFLbvXKMZKM23HxFTSb0Ytqg==
+"@chakra-ui/tooltip@2.3.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/tooltip/-/tooltip-2.3.0.tgz#88e61a2c5a4d99af805840377dc940d3b17c806e"
+  integrity sha512-2s23f93YIij1qEDwIK//KtEu4LLYOslhR1cUhDBk/WUzyFR3Ez0Ee+HlqlGEGfGe9x77E6/UXPnSAKKdF/cpsg==
   dependencies:
     "@chakra-ui/dom-utils" "2.1.0"
-    "@chakra-ui/popper" "3.0.14"
-    "@chakra-ui/portal" "2.0.16"
+    "@chakra-ui/popper" "3.1.0"
+    "@chakra-ui/portal" "2.1.0"
     "@chakra-ui/react-types" "2.0.7"
-    "@chakra-ui/react-use-disclosure" "2.0.8"
-    "@chakra-ui/react-use-event-listener" "2.0.7"
-    "@chakra-ui/react-use-merge-refs" "2.0.7"
+    "@chakra-ui/react-use-disclosure" "2.1.0"
+    "@chakra-ui/react-use-event-listener" "2.1.0"
+    "@chakra-ui/react-use-merge-refs" "2.1.0"
     "@chakra-ui/shared-utils" "2.0.5"
 
-"@chakra-ui/transition@2.0.16":
-  version "2.0.16"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/transition/-/transition-2.0.16.tgz#498c91e6835bb5d950fd1d1402f483b85f7dcd87"
-  integrity sha512-E+RkwlPc3H7P1crEXmXwDXMB2lqY2LLia2P5siQ4IEnRWIgZXlIw+8Em+NtHNgusel2N+9yuB0wT9SeZZeZ3CQ==
+"@chakra-ui/transition@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/transition/-/transition-2.1.0.tgz#c8e95564f7ab356e78119780037bae5ad150c7b3"
+  integrity sha512-orkT6T/Dt+/+kVwJNy7zwJ+U2xAZ3EU7M3XCs45RBvUnZDr/u9vdmaM/3D/rOpmQJWgQBwKPJleUXrYWUagEDQ==
   dependencies:
     "@chakra-ui/shared-utils" "2.0.5"
 
@@ -1774,10 +1872,10 @@
     framesync "6.1.2"
     lodash.mergewith "4.6.2"
 
-"@chakra-ui/visually-hidden@2.0.15":
-  version "2.0.15"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/visually-hidden/-/visually-hidden-2.0.15.tgz#60df64e0ab97d95fee4e6c61ccabd15fd5ace398"
-  integrity sha512-WWULIiucYRBIewHKFA7BssQ2ABLHLVd9lrUo3N3SZgR0u4ZRDDVEUNOy+r+9ruDze8+36dGbN9wsN1IdELtdOw==
+"@chakra-ui/visually-hidden@2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/visually-hidden/-/visually-hidden-2.1.0.tgz#9ec573964e5a07f8682574a060140d78e9f91c32"
+  integrity sha512-3OHKqTz78PX7V4qto+a5Y6VvH6TbU3Pg6Z0Z2KnDkOBP3Po8fiz0kk+/OSPzIwdcSsQKiocLi0c1pnnUPdMZPg==
 
 "@changesets/apply-release-plan@^6.1.4":
   version "6.1.4"
@@ -1984,10 +2082,10 @@
   resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9"
   integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==
 
-"@cypress/request@^2.88.11":
-  version "2.88.11"
-  resolved "https://registry.yarnpkg.com/@cypress/request/-/request-2.88.11.tgz#5a4c7399bc2d7e7ed56e92ce5acb620c8b187047"
-  integrity sha512-M83/wfQ1EkspjkE2lNWNV5ui2Cv7UCv1swW1DqljahbzLVWltcsexQh8jYtuS/vzFXP+HySntGM83ZXA9fn17w==
+"@cypress/request@2.88.12":
+  version "2.88.12"
+  resolved "https://registry.yarnpkg.com/@cypress/request/-/request-2.88.12.tgz#ba4911431738494a85e93fb04498cb38bc55d590"
+  integrity sha512-tOn+0mDZxASFM+cuAP9szGUGPI1HwWVSvdzm7V4cCsPdFTx6qMj29CwaQmRAMIEhORIUBFBsYROYJcveK4uOjA==
   dependencies:
     aws-sign2 "~0.7.0"
     aws4 "^1.8.0"
@@ -2004,7 +2102,7 @@
     performance-now "^2.1.0"
     qs "~6.10.3"
     safe-buffer "^5.1.2"
-    tough-cookie "~2.5.0"
+    tough-cookie "^4.1.3"
     tunnel-agent "^0.6.0"
     uuid "^8.3.2"
 
@@ -2073,7 +2171,7 @@
   resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.8.1.tgz#c1ddb040429c6d21d38cc945fe75c818cfb68e17"
   integrity sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==
 
-"@emotion/react@^11.11.0":
+"@emotion/react@^11.11.1":
   version "11.11.1"
   resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.11.1.tgz#b2c36afac95b184f73b08da8c214fdf861fa4157"
   integrity sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==
@@ -2312,77 +2410,19 @@
     globby "^11.0.0"
     read-yaml-file "^1.1.0"
 
-"@motionone/animation@^10.15.1":
-  version "10.15.1"
-  resolved "https://registry.yarnpkg.com/@motionone/animation/-/animation-10.15.1.tgz#4a85596c31cbc5100ae8eb8b34c459fb0ccf6807"
-  integrity sha512-mZcJxLjHor+bhcPuIFErMDNyrdb2vJur8lSfMCsuCB4UyV8ILZLvK+t+pg56erv8ud9xQGK/1OGPt10agPrCyQ==
-  dependencies:
-    "@motionone/easing" "^10.15.1"
-    "@motionone/types" "^10.15.1"
-    "@motionone/utils" "^10.15.1"
-    tslib "^2.3.1"
-
-"@motionone/dom@^10.15.3":
-  version "10.16.2"
-  resolved "https://registry.yarnpkg.com/@motionone/dom/-/dom-10.16.2.tgz#0c44df8ee3d1cfc50ee11d27050b27824355a61a"
-  integrity sha512-bnuHdNbge1FutZXv+k7xub9oPWcF0hsu8y1HTH/qg6av58YI0VufZ3ngfC7p2xhMJMnoh0LXFma2EGTgPeCkeg==
-  dependencies:
-    "@motionone/animation" "^10.15.1"
-    "@motionone/generators" "^10.15.1"
-    "@motionone/types" "^10.15.1"
-    "@motionone/utils" "^10.15.1"
-    hey-listen "^1.0.8"
-    tslib "^2.3.1"
-
-"@motionone/easing@^10.15.1":
-  version "10.15.1"
-  resolved "https://registry.yarnpkg.com/@motionone/easing/-/easing-10.15.1.tgz#95cf3adaef34da6deebb83940d8143ede3deb693"
-  integrity sha512-6hIHBSV+ZVehf9dcKZLT7p5PEKHGhDwky2k8RKkmOvUoYP3S+dXsKupyZpqx5apjd9f+php4vXk4LuS+ADsrWw==
-  dependencies:
-    "@motionone/utils" "^10.15.1"
-    tslib "^2.3.1"
-
-"@motionone/generators@^10.15.1":
-  version "10.15.1"
-  resolved "https://registry.yarnpkg.com/@motionone/generators/-/generators-10.15.1.tgz#dc6abb11139d1bafe758a41c134d4c753a9b871c"
-  integrity sha512-67HLsvHJbw6cIbLA/o+gsm7h+6D4Sn7AUrB/GPxvujse1cGZ38F5H7DzoH7PhX+sjvtDnt2IhFYF2Zp1QTMKWQ==
-  dependencies:
-    "@motionone/types" "^10.15.1"
-    "@motionone/utils" "^10.15.1"
-    tslib "^2.3.1"
-
-"@motionone/types@^10.15.1":
-  version "10.15.1"
-  resolved "https://registry.yarnpkg.com/@motionone/types/-/types-10.15.1.tgz#89441b54285012795cbba8612cbaa0fa420db3eb"
-  integrity sha512-iIUd/EgUsRZGrvW0jqdst8st7zKTzS9EsKkP+6c6n4MPZoQHwiHuVtTQLD6Kp0bsBLhNzKIBlHXponn/SDT4hA==
-
-"@motionone/utils@^10.15.1":
-  version "10.15.1"
-  resolved "https://registry.yarnpkg.com/@motionone/utils/-/utils-10.15.1.tgz#6b5f51bde75be88b5411e084310299050368a438"
-  integrity sha512-p0YncgU+iklvYr/Dq4NobTRdAPv9PveRDUXabPEeOjBLSO/1FNB2phNTZxOxpi1/GZwYpAoECEa0Wam+nsmhSw==
-  dependencies:
-    "@motionone/types" "^10.15.1"
-    hey-listen "^1.0.8"
-    tslib "^2.3.1"
-
 "@nicolo-ribaudo/semver-v6@^6.3.3":
   version "6.3.3"
   resolved "https://registry.yarnpkg.com/@nicolo-ribaudo/semver-v6/-/semver-v6-6.3.3.tgz#ea6d23ade78a325f7a52750aab1526b02b628c29"
   integrity sha512-3Yc1fUTs69MG/uZbJlLSI3JISMn2UV2rg+1D/vROUqZyh3l6iYHCs7GMp+M40ZD7yOdDbYjJcU1oTJhrc+dGKg==
 
-"@noble/curves@1.0.0", "@noble/curves@~1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@noble/curves/-/curves-1.0.0.tgz#e40be8c7daf088aaf291887cbc73f43464a92932"
-  integrity sha512-2upgEu0iLiDVDZkNLeFV2+ht0BAVgQnEmCk6JsOch9Rp8xfkMCbvbAZlA2pBHQc73dbl+vFOXfqkf4uemdn0bw==
+"@noble/curves@1.1.0", "@noble/curves@~1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@noble/curves/-/curves-1.1.0.tgz#f13fc667c89184bc04cccb9b11e8e7bae27d8c3d"
+  integrity sha512-091oBExgENk/kGj3AZmtBDMpxQPDtxQABR2B9lb1JbVTs6ytdzZNwvhxQ4MWasRNEzlbEH8jCWFCwhF/Obj5AA==
   dependencies:
-    "@noble/hashes" "1.3.0"
+    "@noble/hashes" "1.3.1"
 
-"@noble/hashes@1.3.0":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@noble/hashes/-/hashes-1.3.0.tgz#085fd70f6d7d9d109671090ccae1d3bec62554a1"
-  integrity sha512-ilHEACi9DwqJB0pw7kv+Apvh50jiiSyR/cQ3y4W7lOR5mhvn/50FLUfsnfJz0BDZtl/RR16kXvptiv6q1msYZg==
-
-"@noble/hashes@~1.3.0":
+"@noble/hashes@1.3.1", "@noble/hashes@~1.3.0", "@noble/hashes@~1.3.1":
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/@noble/hashes/-/hashes-1.3.1.tgz#8831ef002114670c603c458ab8b11328406953a9"
   integrity sha512-EbqwksQwz9xDRGfDST86whPBgM65E0OH/pCgqW0GBVzO22bNE+NuIbeTb714+IfSjU3aRk47EUvXIb5bTsenKA==
@@ -2413,10 +2453,10 @@
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
   integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
 
-"@remix-run/router@1.7.1":
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/@remix-run/router/-/router-1.7.1.tgz#fea7ac35ae4014637c130011f59428f618730498"
-  integrity sha512-bgVQM4ZJ2u2CM8k1ey70o1ePFXsEzYVZoWghh6WjM8p59jQ7HxzbHW4SbnWFG7V9ig9chLawQxDTZ3xzOF8MkQ==
+"@remix-run/router@1.8.0":
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/@remix-run/router/-/router-1.8.0.tgz#e848d2f669f601544df15ce2a313955e4bf0bafc"
+  integrity sha512-mrfKqIHnSZRyIzBcanNJmVQELTnX+qagEDlcKO90RgRBVOZGSGvZKeDihTRfWcqoDn5N/NkUcwWTccnpN18Tfg==
 
 "@rollup/plugin-babel@^5.2.0":
   version "5.3.1"
@@ -2460,19 +2500,19 @@
   resolved "https://registry.yarnpkg.com/@scure/base/-/base-1.1.1.tgz#ebb651ee52ff84f420097055f4bf46cfba403938"
   integrity sha512-ZxOhsSyxYwLJj3pLZCefNitxsj093tb2vq90mp2txoYeBqbcjDjqFhyM8eUjq/uFm6zJ+mUuqxlS2FkuSY1MTA==
 
-"@scure/bip32@1.3.0":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@scure/bip32/-/bip32-1.3.0.tgz#6c8d980ef3f290987736acd0ee2e0f0d50068d87"
-  integrity sha512-bcKpo1oj54hGholplGLpqPHRbIsnbixFtc06nwuNM5/dwSXOq/AAYoIBRsBmnZJSdfeNW5rnff7NTAz3ZCqR9Q==
+"@scure/bip32@1.3.1":
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/@scure/bip32/-/bip32-1.3.1.tgz#7248aea723667f98160f593d621c47e208ccbb10"
+  integrity sha512-osvveYtyzdEVbt3OfwwXFr4P2iVBL5u1Q3q4ONBfDY/UpOuXmOlbgwc1xECEboY8wIays8Yt6onaWMUdUbfl0A==
   dependencies:
-    "@noble/curves" "~1.0.0"
-    "@noble/hashes" "~1.3.0"
+    "@noble/curves" "~1.1.0"
+    "@noble/hashes" "~1.3.1"
     "@scure/base" "~1.1.0"
 
-"@scure/bip39@1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@scure/bip39/-/bip39-1.2.0.tgz#a207e2ef96de354de7d0002292ba1503538fc77b"
-  integrity sha512-SX/uKq52cuxm4YFXWFaVByaSHJh2w3BnokVSeUJVCv6K7WulT9u2BuNRBhuFl8vAuYnzx9bEu9WgpcNYTrYieg==
+"@scure/bip39@1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@scure/bip39/-/bip39-1.2.1.tgz#5cee8978656b272a917b7871c981e0541ad6ac2a"
+  integrity sha512-Z3/Fsz1yr904dduJD0NpiyRHhRYHdcnyh73FZWiV+/qhWi83wNJ3NWolYqCEN+ZWsUz2TWwajJggcRE9r1zUYg==
   dependencies:
     "@noble/hashes" "~1.3.0"
     "@scure/base" "~1.1.0"
@@ -2618,10 +2658,10 @@
   resolved "https://registry.yarnpkg.com/@types/node/-/node-12.20.55.tgz#c329cbd434c42164f846b909bd6f85b5537f6240"
   integrity sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==
 
-"@types/node@^14.14.31":
-  version "14.18.53"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.18.53.tgz#42855629b8773535ab868238718745bf56c56219"
-  integrity sha512-soGmOpVBUq+gaBMwom1M+krC/NNbWlosh4AtGA03SyWNDiqSKtwp7OulO1M6+mg8YkHMvJ/y0AkCeO8d1hNb7A==
+"@types/node@^16.18.39":
+  version "16.18.41"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.18.41.tgz#61b14360fd3f7444b326ac3207c83005371e3f8a"
+  integrity sha512-YZJjn+Aaw0xihnpdImxI22jqGbp0DCgTFKRycygjGx/Y27NnWFJa5FJ7P+MRT3u07dogEeMVh70pWpbIQollTA==
 
 "@types/normalize-package-data@^2.4.0":
   version "2.4.1"
@@ -2638,17 +2678,17 @@
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
   integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
 
-"@types/react-dom@^18.2.6":
+"@types/react-dom@^18.2.7":
   version "18.2.7"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.2.7.tgz#67222a08c0a6ae0a0da33c3532348277c70abb63"
   integrity sha512-GRaAEriuT4zp9N4p1i8BDBYmEyfo+xQ3yHjJU4eiK5NDa1RmUZG+unZABUTK4/Ox/M+GaHwb6Ow8rUITrtjszA==
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@^16.9.35", "@types/react@^18.2.14":
-  version "18.2.15"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.15.tgz#14792b35df676c20ec3cf595b262f8c615a73066"
-  integrity sha512-oEjE7TQt1fFTFSbf8kkNuc798ahTUzn3Le67/PWjE8MAfYAD/qB7O8hSTcromLFqHCt9bcdOg5GXMokzTjJ5SA==
+"@types/react@*", "@types/react@^16.9.35", "@types/react@^18.2.20":
+  version "18.2.20"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.20.tgz#1605557a83df5c8a2cc4eeb743b3dfc0eb6aaeb2"
+  integrity sha512-WKNtmsLWJM/3D5mG4U84cysVY31ivmyw85dE84fOCk5Hx78wezB/XEjVPWl2JTZ5FkEeaTJf+VgUAUn3PE7Isw==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
@@ -2693,12 +2733,12 @@
   dependencies:
     "@types/node" "*"
 
-"@vitejs/plugin-react@^4.0.1":
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/@vitejs/plugin-react/-/plugin-react-4.0.3.tgz#007d27ad5ef1eac4bf8c29e168ba9be2203c371b"
-  integrity sha512-pwXDog5nwwvSIzwrvYYmA2Ljcd/ZNlcsSG2Q9CNDBwnsd55UGAyr2doXtB5j+2uymRCnCfExlznzzSFbBRcoCg==
+"@vitejs/plugin-react@^4.0.4":
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-react/-/plugin-react-4.0.4.tgz#31c3f779dc534e045c4b134e7cf7b150af0a7646"
+  integrity sha512-7wU921ABnNYkETiMaZy7XqpueMnpu5VxvVps13MjmCo+utBdD79sZzrApHawHtVX66cCJQQTXFcjH0y9dSUK8g==
   dependencies:
-    "@babel/core" "^7.22.5"
+    "@babel/core" "^7.22.9"
     "@babel/plugin-transform-react-jsx-self" "^7.22.5"
     "@babel/plugin-transform-react-jsx-source" "^7.22.5"
     react-refresh "^0.14.0"
@@ -2708,15 +2748,22 @@
   resolved "https://registry.yarnpkg.com/@xobotyi/scrollbar-width/-/scrollbar-width-1.9.5.tgz#80224a6919272f405b87913ca13b92929bdf3c4d"
   integrity sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ==
 
-"@zag-js/element-size@0.3.2":
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/@zag-js/element-size/-/element-size-0.3.2.tgz#ebb76af2a024230482406db41344598d1a9f54f4"
-  integrity sha512-bVvvigUGvAuj7PCkE5AbzvTJDTw5f3bg9nQdv+ErhVN8SfPPppLJEmmWdxqsRzrHXgx8ypJt/+Ty0kjtISVDsQ==
+"@zag-js/dom-query@0.10.5":
+  version "0.10.5"
+  resolved "https://registry.yarnpkg.com/@zag-js/dom-query/-/dom-query-0.10.5.tgz#9fc02a51383989667694d8747925e6d20294af9e"
+  integrity sha512-zm6wA5+kqU48it6afNjaUhjVSixKZruTKB23z0V1xBqKbuiLOMMOZ5oK26cTPSXtZ5CPhDNZ2Qk4pliS5n9SVw==
 
-"@zag-js/focus-visible@0.2.2":
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/@zag-js/focus-visible/-/focus-visible-0.2.2.tgz#56233480ca1275d3218fb2e10696a33d1a6b9e64"
-  integrity sha512-0j2gZq8HiZ51z4zNnSkF1iSkqlwRDvdH+son3wHdoz+7IUdMN/5Exd4TxMJ+gq2Of1DiXReYLL9qqh2PdQ4wgA==
+"@zag-js/element-size@0.10.5":
+  version "0.10.5"
+  resolved "https://registry.yarnpkg.com/@zag-js/element-size/-/element-size-0.10.5.tgz#a24bad2eeb7e2c8709e32be5336e158e1a1a174f"
+  integrity sha512-uQre5IidULANvVkNOBQ1tfgwTQcGl4hliPSe69Fct1VfYb2Fd0jdAcGzqQgPhfrXFpR62MxLPB7erxJ/ngtL8w==
+
+"@zag-js/focus-visible@0.10.5":
+  version "0.10.5"
+  resolved "https://registry.yarnpkg.com/@zag-js/focus-visible/-/focus-visible-0.10.5.tgz#643e196ea768bea5ce54771102fae22f5e9ba3c7"
+  integrity sha512-EhDHKLutMtvLFCjBjyIY6h1JoJJNXG3KJz7Dj1sh4tj4LWAqo/TqLvgHyUTB29XMHwoslFHDJHKVWmLGMi+ULQ==
+  dependencies:
+    "@zag-js/dom-query" "0.10.5"
 
 "@zxing/library@^0.17.0":
   version "0.17.1"
@@ -3073,7 +3120,7 @@ caseless@~0.12.0:
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
   integrity sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==
 
-chalk@^2.0.0, chalk@^2.1.0:
+chalk@^2.0.0, chalk@^2.1.0, chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
@@ -3374,14 +3421,14 @@ csv@^5.5.3:
     csv-stringify "^5.6.5"
     stream-transform "^2.1.3"
 
-cypress@^12.16.0:
-  version "12.17.1"
-  resolved "https://registry.yarnpkg.com/cypress/-/cypress-12.17.1.tgz#777fdcceec4ecd642fc90795f5994853b6ea03f8"
-  integrity sha512-eKfBgO6t8waEyhegL4gxD7tcI6uTCGttu+ZU7y9Hq8BlpMztd7iLeIF4AJFAnbZH1xjX+wwgg4cRKFNSvv3VWQ==
+cypress@^12.17.4:
+  version "12.17.4"
+  resolved "https://registry.yarnpkg.com/cypress/-/cypress-12.17.4.tgz#b4dadf41673058493fa0d2362faa3da1f6ae2e6c"
+  integrity sha512-gAN8Pmns9MA5eCDFSDJXWKUpaL3IDd89N9TtIupjYnzLSmlpVr+ZR+vb4U/qaMp+lB6tBvAmt7504c3Z4RU5KQ==
   dependencies:
-    "@cypress/request" "^2.88.11"
+    "@cypress/request" "2.88.12"
     "@cypress/xvfb" "^1.2.4"
-    "@types/node" "^14.14.31"
+    "@types/node" "^16.18.39"
     "@types/sinonjs__fake-timers" "8.1.1"
     "@types/sizzle" "^2.3.2"
     arch "^2.2.0"
@@ -3414,6 +3461,7 @@ cypress@^12.16.0:
     minimist "^1.2.8"
     ospath "^1.2.2"
     pretty-bytes "^5.6.0"
+    process "^0.11.10"
     proxy-from-env "1.0.0"
     request-progress "^3.0.0"
     semver "^7.5.3"
@@ -3954,14 +4002,12 @@ form-data@~2.3.2:
     combined-stream "^1.0.6"
     mime-types "^2.1.12"
 
-framer-motion@^7.10.3:
-  version "7.10.3"
-  resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-7.10.3.tgz#8b23f50bbc1ee8c830c869c5398e457d5272feb5"
-  integrity sha512-k2ccYeZNSpPg//HTaqrU+4pRq9f9ZpaaN7rr0+Rx5zA4wZLbk547wtDzge2db1sB+1mnJ6r59P4xb+aEIi/W+w==
+framer-motion@^10.16.0:
+  version "10.16.0"
+  resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-10.16.0.tgz#c8020d05d98662ba01d294b7d4c2e263073829cf"
+  integrity sha512-R+88Mkr/1dr7XHjacwptfJyrywRzQ1HZX3YSZtN4tFMBq1O8GGCbDEv31Nf/H08o0hUXLC87GkxsR/1bZgwXfw==
   dependencies:
-    "@motionone/dom" "^10.15.3"
-    hey-listen "^1.0.8"
-    tslib "2.4.0"
+    tslib "^2.4.0"
   optionalDependencies:
     "@emotion/is-prop-valid" "^0.8.2"
 
@@ -4207,15 +4253,10 @@ has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
-hey-listen@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/hey-listen/-/hey-listen-1.0.8.tgz#8e59561ff724908de1aa924ed6ecc84a56a9aa68"
-  integrity sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==
-
-hls.js@^1.4.7:
-  version "1.4.9"
-  resolved "https://registry.yarnpkg.com/hls.js/-/hls.js-1.4.9.tgz#8b23b029cafda4b64ef1c5acd4f65c4f245103d7"
-  integrity sha512-i2BuNh7C7sd+wpW1V9p+P37KKCWNc6Ph/3BiPr+8nfJ7eZdtQQvSQUn2QwKU+7Fvc7b5BpS/lM6RJ3LUf+XbWg==
+hls.js@^1.4.10:
+  version "1.4.10"
+  resolved "https://registry.yarnpkg.com/hls.js/-/hls.js-1.4.10.tgz#3feac40f21a558453b243b5b926b7317e70624e1"
+  integrity sha512-wAVSj4Fm2MqOHy5+BlYnlKxXvJlv5IuZHjlzHu18QmjRzSDFQiUDWdHs5+NsFMQrgKEBwuWDcyvaMC9dUzJ5Uw==
 
 hoist-non-react-statics@^3.3.1:
   version "3.3.2"
@@ -5023,16 +5064,16 @@ normalize-package-data@^2.5.0:
     semver "2 || 3 || 4 || 5"
     validate-npm-package-license "^3.0.1"
 
-nostr-tools@^1.12.1:
-  version "1.12.1"
-  resolved "https://registry.yarnpkg.com/nostr-tools/-/nostr-tools-1.12.1.tgz#4ac9c0d1cff8c7107b0d3ef647571137c2250557"
-  integrity sha512-ZeoV7g3jBUAlb4mKa3C+6hrc84htPkbebMShfGNgV4vAiz18e/sQukUBFL6vb/+sxZy+dBQFkRwsJIaVFs8Gfw==
+nostr-tools@^1.14.0:
+  version "1.14.0"
+  resolved "https://registry.yarnpkg.com/nostr-tools/-/nostr-tools-1.14.0.tgz#5cb21cd9f7b1a471b9010e3feed6c74d126ab106"
+  integrity sha512-hwq2i1z5/DneXRE5Zu/TzQuKzVLcB+gOdfT9CeoiScvNw/2dWRGJvyTXIdF92d7NQ7nMcEwqVJPDytLpEpiiKw==
   dependencies:
-    "@noble/curves" "1.0.0"
-    "@noble/hashes" "1.3.0"
+    "@noble/curves" "1.1.0"
+    "@noble/hashes" "1.3.1"
     "@scure/base" "1.1.1"
-    "@scure/bip32" "1.3.0"
-    "@scure/bip39" "1.2.0"
+    "@scure/bip32" "1.3.1"
+    "@scure/bip39" "1.2.1"
 
 npm-run-path@^4.0.0:
   version "4.0.1"
@@ -5256,10 +5297,10 @@ pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
-postcss@^8.4.25:
-  version "8.4.26"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.26.tgz#1bc62ab19f8e1e5463d98cf74af39702a00a9e94"
-  integrity sha512-jrXHFF8iTloAenySjM/ob3gSj7pCu0Ji49hnjqzsgSRa50hkWCKD0HQ+gMNJkW38jBI68MpAAg7ZWwHwX8NMMw==
+postcss@^8.4.27:
+  version "8.4.28"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.28.tgz#c6cc681ed00109072816e1557f889ef51cf950a5"
+  integrity sha512-Z7V5j0cq8oEKyejIKfpD8b4eBy9cwW2JWPk0+fB1HOAMsfHbnAXLLS+PfVWlzMSLQaWttKDt607I0XHmpE67Vw==
   dependencies:
     nanoid "^3.3.6"
     picocolors "^1.0.0"
@@ -5275,11 +5316,16 @@ preferred-pm@^3.0.0:
     path-exists "^4.0.0"
     which-pm "2.0.0"
 
-prettier@^2.7.1, prettier@^2.8.8:
+prettier@^2.7.1:
   version "2.8.8"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
   integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
 
+prettier@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.2.tgz#78fcecd6d870551aa5547437cdae39d4701dca5b"
+  integrity sha512-o2YR9qtniXvwEZlOKbveKfDQVyqxbEIWn48Z8m3ZJjBjcCmUy3xZGIv+7AkaeuaTr6yPXJjwv07ZWlsWbEy1rQ==
+
 pretty-bytes@^5.3.0, pretty-bytes@^5.6.0:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
@@ -5299,6 +5345,11 @@ pretty-format@^27.0.2:
     ansi-styles "^5.0.0"
     react-is "^17.0.1"
 
+process@^0.11.10:
+  version "0.11.10"
+  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
+  integrity sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==
+
 prop-types@^15.6.2:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
@@ -5318,7 +5369,7 @@ pseudomap@^1.0.2:
   resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
   integrity sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==
 
-psl@^1.1.28:
+psl@^1.1.33:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
   integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
@@ -5343,6 +5394,11 @@ qs@~6.10.3:
   dependencies:
     side-channel "^1.0.4"
 
+querystringify@^2.1.1:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
+  integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
+
 queue-microtask@^1.2.2:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
@@ -5375,10 +5431,10 @@ react-dom@^18.2.0:
     loose-envify "^1.1.0"
     scheduler "^0.23.0"
 
-react-error-boundary@^4.0.10:
-  version "4.0.10"
-  resolved "https://registry.yarnpkg.com/react-error-boundary/-/react-error-boundary-4.0.10.tgz#975cc298e93ab7760d1460b7ea5a7855621e355a"
-  integrity sha512-pvVKdi77j2OoPHo+p3rorgE43OjDWiqFkaqkJz8sJKK6uf/u8xtzuaVfj5qJ2JnDLIgF1De3zY5AJDijp+LVPA==
+react-error-boundary@^4.0.11:
+  version "4.0.11"
+  resolved "https://registry.yarnpkg.com/react-error-boundary/-/react-error-boundary-4.0.11.tgz#36bf44de7746714725a814630282fee83a7c9a1c"
+  integrity sha512-U13ul67aP5DOSPNSCWQ/eO0AQEYzEFkVljULQIjMV0KlffTAhxuDoBKdO0pb/JZ8mDhMKFZ9NZi0BmLGUiNphw==
   dependencies:
     "@babel/runtime" "^7.12.5"
 
@@ -5399,10 +5455,10 @@ react-focus-lock@^2.9.4:
     use-callback-ref "^1.3.0"
     use-sidecar "^1.1.2"
 
-react-hook-form@^7.45.1:
-  version "7.45.1"
-  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.45.1.tgz#e352c7f4dbc7540f0756abbb4dcfd1122fecc9bb"
-  integrity sha512-6dWoFJwycbuFfw/iKMcl+RdAOAOHDiF11KWYhNDRN/OkUt+Di5qsZHwA0OwsVnu9y135gkHpTw9DJA+WzCeR9w==
+react-hook-form@^7.45.4:
+  version "7.45.4"
+  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.45.4.tgz#73d228b704026ae95d7e5f7b207a681b173ec62a"
+  integrity sha512-HGDV1JOOBPZj10LB3+OZgfDBTn+IeEsNOKiq/cxbQAIbKaiJUe/KV8DBUzsx0Gx/7IG/orWqRRm736JwOfUSWQ==
 
 react-is@^16.13.1, react-is@^16.7.0:
   version "16.13.1"
@@ -5414,6 +5470,11 @@ react-is@^17.0.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
   integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
 
+react-photo-album@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/react-photo-album/-/react-photo-album-2.3.0.tgz#262afa60691d8ed5e25b8c8a73cec339ec515652"
+  integrity sha512-CU+UMK4ZQHIoPZ672TSst9loKE5bxy6w0+bf7bY4XOw1g1C7+VdDWCW+wD8wPpbg2ve38QBTS73HVe6xYLAQ3w==
+
 react-qr-barcode-scanner@^1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/react-qr-barcode-scanner/-/react-qr-barcode-scanner-1.0.6.tgz#1df7ac3f3cb839ad673e8b619e0e93b4bdddc4e3"
@@ -5447,20 +5508,20 @@ react-remove-scroll@^2.5.5:
     use-callback-ref "^1.3.0"
     use-sidecar "^1.1.2"
 
-react-router-dom@^6.14.1:
-  version "6.14.1"
-  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-6.14.1.tgz#0ad7ba7abdf75baa61169d49f096f0494907a36f"
-  integrity sha512-ssF6M5UkQjHK70fgukCJyjlda0Dgono2QGwqGvuk7D+EDGHdacEN3Yke2LTMjkrpHuFwBfDFsEjGVXBDmL+bWw==
+react-router-dom@^6.15.0:
+  version "6.15.0"
+  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-6.15.0.tgz#6da7db61e56797266fbbef0d5e324d6ac443ee40"
+  integrity sha512-aR42t0fs7brintwBGAv2+mGlCtgtFQeOzK0BM1/OiqEzRejOZtpMZepvgkscpMUnKb8YO84G7s3LsHnnDNonbQ==
   dependencies:
-    "@remix-run/router" "1.7.1"
-    react-router "6.14.1"
+    "@remix-run/router" "1.8.0"
+    react-router "6.15.0"
 
-react-router@6.14.1:
-  version "6.14.1"
-  resolved "https://registry.yarnpkg.com/react-router/-/react-router-6.14.1.tgz#5e82bcdabf21add859dc04b1859f91066b3a5810"
-  integrity sha512-U4PfgvG55LdvbQjg5Y9QRWyVxIdO1LlpYT7x+tMAxd9/vmiPuJhIwdxZuIQLN/9e3O4KFDHYfR9gzGeYMasW8g==
+react-router@6.15.0:
+  version "6.15.0"
+  resolved "https://registry.yarnpkg.com/react-router/-/react-router-6.15.0.tgz#bf2cb5a4a7ed57f074d4ea88db0d95033f39cac8"
+  integrity sha512-NIytlzvzLwJkCQj2HLefmeakxxWHWAP+02EGqWEZy+DgfHHKQMUoBBjUQLOtFInBMhWtb3hiUy6MfFgwLjXhqg==
   dependencies:
-    "@remix-run/router" "1.7.1"
+    "@remix-run/router" "1.8.0"
 
 react-singleton-hook@^4.0.1:
   version "4.0.1"
@@ -5624,6 +5685,11 @@ require-main-filename@^2.0.0:
   resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
   integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
 
+requires-port@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
+  integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
+
 resize-observer-polyfill@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
@@ -5690,10 +5756,10 @@ rollup@^2.43.1:
   optionalDependencies:
     fsevents "~2.3.2"
 
-rollup@^3.25.2:
-  version "3.26.2"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.26.2.tgz#2e76a37606cb523fc9fef43e6f59c93f86d95e7c"
-  integrity sha512-6umBIGVz93er97pMgQO08LuH3m6PUb3jlDUUGFsNJB6VgTCUaDFpupf5JfU30529m/UKOgmiX+uY6Sx8cOYpLA==
+rollup@^3.27.1:
+  version "3.28.0"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.28.0.tgz#a3c70004b01934760c0cb8df717c7a1d932389a2"
+  integrity sha512-d7zhvo1OUY2SXSM6pfNjgD5+d0Nz87CUp4mt8l/GgVP3oBsPwzNvSzyu1me6BSG9JIgWNTVcafIXBIyM8yQ3yw==
   optionalDependencies:
     fsevents "~2.3.2"
 
@@ -6198,13 +6264,15 @@ toggle-selection@^1.0.6:
   resolved "https://registry.yarnpkg.com/toggle-selection/-/toggle-selection-1.0.6.tgz#6e45b1263f2017fa0acc7d89d78b15b8bf77da32"
   integrity sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==
 
-tough-cookie@~2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
-  integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==
+tough-cookie@^4.1.3:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.3.tgz#97b9adb0728b42280aa3d814b6b999b2ff0318bf"
+  integrity sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==
   dependencies:
-    psl "^1.1.28"
+    psl "^1.1.33"
     punycode "^2.1.1"
+    universalify "^0.2.0"
+    url-parse "^1.5.3"
 
 tr46@^1.0.1:
   version "1.0.1"
@@ -6233,11 +6301,16 @@ tslib@2.4.0:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.0.tgz#7cecaa7f073ce680a05847aa77be941098f36dc3"
   integrity sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==
 
-tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.1:
+tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0:
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.0.tgz#b295854684dbda164e181d259a22cd779dcd7bc3"
   integrity sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==
 
+tslib@^2.4.0:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.1.tgz#fd8c9a0ff42590b25703c0acb3de3d3f4ede0410"
+  integrity sha512-t0hLfiEKfMUoqhG+U1oid7Pva4bbDPHYfJNiB7BiIjRkj1pyC++4N3huJfqY6aRH6VTB0rvtzQwjM4K6qpfOig==
+
 tty-table@^4.1.5:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/tty-table/-/tty-table-4.2.1.tgz#c06cd76c54542acf4e2b4a0e9a5802984b65cba6"
@@ -6358,6 +6431,11 @@ universalify@^0.1.0:
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
   integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
 
+universalify@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"
+  integrity sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==
+
 universalify@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
@@ -6388,6 +6466,14 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
+url-parse@^1.5.3:
+  version "1.5.10"
+  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
+  integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
+  dependencies:
+    querystringify "^2.1.1"
+    requires-port "^1.0.0"
+
 use-callback-ref@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/use-callback-ref/-/use-callback-ref-1.3.0.tgz#772199899b9c9a50526fedc4993fc7fa1f7e32d5"
@@ -6436,14 +6522,14 @@ vite-plugin-pwa@^0.16.4:
     workbox-build "^7.0.0"
     workbox-window "^7.0.0"
 
-vite@^4.3.9:
-  version "4.4.4"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-4.4.4.tgz#b76e6049c0e080cb54e735ad2d18287753752118"
-  integrity sha512-4mvsTxjkveWrKDJI70QmelfVqTm+ihFAb6+xf4sjEU2TmUCTlVX87tmg/QooPEMQb/lM9qGHT99ebqPziEd3wg==
+vite@^4.4.9:
+  version "4.4.9"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.4.9.tgz#1402423f1a2f8d66fd8d15e351127c7236d29d3d"
+  integrity sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==
   dependencies:
     esbuild "^0.18.10"
-    postcss "^8.4.25"
-    rollup "^3.25.2"
+    postcss "^8.4.27"
+    rollup "^3.27.1"
   optionalDependencies:
     fsevents "~2.3.2"
 
@@ -6797,6 +6883,11 @@ yauzl@^2.10.0:
     buffer-crc32 "~0.2.3"
     fd-slicer "~1.1.0"
 
+yet-another-react-lightbox@^3.12.1:
+  version "3.12.1"
+  resolved "https://registry.yarnpkg.com/yet-another-react-lightbox/-/yet-another-react-lightbox-3.12.1.tgz#6a58b989a2eecfaafca233d4208c1ebc197a93d5"
+  integrity sha512-jymcueTmoaVEQfKytnKf5EqH2fNIjxBVutOzh5ufe4nhlrj24f/TUjNmYjNj6yaGdIbkP0xW3/AzOKWY7cwKoA==
+
 yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"