diff --git a/.prettierrc.json b/.prettierrc.json
deleted file mode 100644
index 0967ef4..0000000
--- a/.prettierrc.json
+++ /dev/null
@@ -1 +0,0 @@
-{}
diff --git a/README.md b/README.md
index c0541f9..e69de29 100644
--- a/README.md
+++ b/README.md
@@ -1,70 +0,0 @@
-# Getting Started with Create React App
-
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `yarn start`
-
-Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
-
-The page will reload when you make changes.\
-You may also see any lint errors in the console.
-
-### `yarn test`
-
-Launches the test runner in the interactive watch mode.\
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `yarn build`
-
-Builds the app for production to the `build` folder.\
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.\
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `yarn eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can't go back!**
-
-If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
-
-You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).
-
-### Code Splitting
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
-
-### Analyzing the Bundle Size
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
-
-### Making a Progressive Web App
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
-
-### Advanced Configuration
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
-
-### Deployment
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
-
-### `yarn build` fails to minify
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
diff --git a/package.json b/package.json
index 7e6dfe1..0e68342 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,6 @@
 {
   "name": "stream_ui",
   "version": "0.1.0",
-  "private": true,
   "dependencies": {
     "@emoji-mart/data": "^1.1.2",
     "@emoji-mart/react": "^1.1.1",
@@ -52,7 +51,7 @@
     "workbox-strategies": "^7.0.0"
   },
   "scripts": {
-    "start": "webpack serve",
+    "start": "webpack serve --node-env=development --mode=development",
     "build": "webpack --node-env=production --mode=production",
     "deploy": "__XXX='false' && yarn build && npx wrangler pages publish --project-name nostr-live build",
     "deploy:xxzap": "__XXX='true' && yarn build && npx wrangler pages publish --project-name xxzap build",
@@ -80,11 +79,10 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.22.9",
+    "@babel/core": "^7.22.11",
     "@babel/plugin-syntax-import-assertions": "^7.20.0",
     "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.22.5",
     "@formatjs/cli": "^6.1.3",
     "@formatjs/ts-transformer": "^3.13.3",
     "@testing-library/dom": "^9.3.1",
@@ -101,7 +99,6 @@
     "css-loader": "^6.8.1",
     "css-minimizer-webpack-plugin": "^5.0.0",
     "eslint": "^8.48.0",
-    "eslint-plugin-formatjs": "^4.10.1",
     "eslint-webpack-plugin": "^4.0.1",
     "html-webpack-plugin": "^5.5.1",
     "mini-css-extract-plugin": "^2.7.5",
@@ -111,10 +108,10 @@
     "terser-webpack-plugin": "^5.3.9",
     "ts-loader": "^9.4.4",
     "typescript": "^5.2.2",
-    "webpack": "^5.82.1",
+    "webpack": "^5.88.2",
     "webpack-bundle-analyzer": "^4.8.0",
-    "webpack-cli": "^5.1.1",
-    "webpack-dev-server": "^4.15.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1",
     "workbox-webpack-plugin": "^7.0.0"
   },
   "packageManager": "yarn@3.6.3",
diff --git a/src/element/emoji-pack.tsx b/src/element/emoji-pack.tsx
index 609b17b..7ed474f 100644
--- a/src/element/emoji-pack.tsx
+++ b/src/element/emoji-pack.tsx
@@ -46,7 +46,7 @@ export function EmojiPack({ ev }: { ev: NostrEvent }) {
           <AsyncButton
             className={`btn btn-small btn-primary ${isUsed ? "delete-button" : ""}`}
             onClick={toggleEmojiPack}>
-            <FormattedMessage defaultMessage={isUsed ? "Remove" : "Add"} />
+            {isUsed ? <FormattedMessage defaultMessage="Remove" /> : <FormattedMessage defaultMessage="Add" />}
           </AsyncButton>
         )}
       </div>
diff --git a/src/element/follow-button.tsx b/src/element/follow-button.tsx
index 695c99a..3a50da2 100644
--- a/src/element/follow-button.tsx
+++ b/src/element/follow-button.tsx
@@ -53,7 +53,7 @@ export function LoggedInFollowButton({ tag, value }: { tag: "p" | "t"; value: st
       type="button"
       className="btn btn-primary"
       onClick={isFollowing ? unfollow : follow}>
-      <FormattedMessage defaultMessage={isFollowing ? "Unfollow" : "Follow"} />
+      {isFollowing ? <FormattedMessage defaultMessage="Unfollow" /> : <FormattedMessage defaultMessage="Follow" />}
     </AsyncButton>
   );
 }
diff --git a/src/element/mute-button.tsx b/src/element/mute-button.tsx
index dc9ba48..9bebbbf 100644
--- a/src/element/mute-button.tsx
+++ b/src/element/mute-button.tsx
@@ -53,7 +53,7 @@ export function LoggedInMuteButton({ pubkey }: { pubkey: string }) {
 
   return (
     <AsyncButton type="button" className="btn delete-button" onClick={() => (isMuted ? unmute() : mute())}>
-      <FormattedMessage defaultMessage={isMuted ? "Unmute" : "Mute"} />
+      {isMuted ? <FormattedMessage defaultMessage="Unmute" /> : <FormattedMessage defaultMessage="Mute" />}
     </AsyncButton>
   );
 }
diff --git a/src/element/send-zap.tsx b/src/element/send-zap.tsx
index 752bb98..e76d6d9 100644
--- a/src/element/send-zap.tsx
+++ b/src/element/send-zap.tsx
@@ -130,7 +130,7 @@ export function SendZaps({ lnurl, pubkey, aTag, eTag, targetName, onFinish }: Se
         <div>
           <small>
             <FormattedMessage
-              defaultMessage={"Zap amount in {currency}"}
+              defaultMessage="Zap amount in {currency}"
               values={{ amount: isFiat ? "USD" : "sats" }}
             />
           </small>
diff --git a/src/element/stream-cards.tsx b/src/element/stream-cards.tsx
index a02f79e..0813af9 100644
--- a/src/element/stream-cards.tsx
+++ b/src/element/stream-cards.tsx
@@ -184,7 +184,7 @@ function CardDialog({ header, cta, cancelCta, card, onSave, onCancel }: CardDial
   return (
     <div className="new-card">
       <h3>
-        <FormattedMessage defaultMessage={header || "Add card"} />
+        {header || <FormattedMessage defaultMessage="Add card" />}
       </h3>
       <div className="form-control">
         <label htmlFor="card-title">
@@ -236,10 +236,10 @@ function CardDialog({ header, cta, cancelCta, card, onSave, onCancel }: CardDial
       </div>
       <div className="new-card-buttons">
         <button className="btn btn-primary add-button" onClick={() => onSave({ title, image, content, link })}>
-          <FormattedMessage defaultMessage={cta || "Add Card"} />
+          {cta || <FormattedMessage defaultMessage="Add Card" />}
         </button>
         <button className="btn delete-button" onClick={onCancel}>
-          <FormattedMessage defaultMessage={cancelCta || "Cancel"} />
+          {cancelCta || <FormattedMessage defaultMessage="Cancel" />}
         </button>
       </div>
     </div>
diff --git a/src/element/stream-editor.tsx b/src/element/stream-editor.tsx
index 341c73e..9270594 100644
--- a/src/element/stream-editor.tsx
+++ b/src/element/stream-editor.tsx
@@ -216,7 +216,7 @@ export function StreamEditor({ ev, onFinish, options }: StreamEditorProps) {
       )}
       <div>
         <AsyncButton type="button" className="btn btn-primary wide" disabled={!isValid} onClick={publishStream}>
-          <FormattedMessage defaultMessage={ev ? "Save" : "Start Stream"} />
+          {ev ? <FormattedMessage defaultMessage="Save" /> : <FormattedMessage defaultMessage="Start Stream" />}
         </AsyncButton>
       </div>
     </>
diff --git a/src/lang.json b/src/lang.json
index 99c61ac..f291da5 100644
--- a/src/lang.json
+++ b/src/lang.json
@@ -2,6 +2,9 @@
   "+0zv6g": {
     "defaultMessage": "Image"
   },
+  "+vVZ/G": {
+    "defaultMessage": "Connect"
+  },
   "/0TOL5": {
     "defaultMessage": "Amount"
   },
@@ -17,6 +20,9 @@
   "1EYCdR": {
     "defaultMessage": "Tags"
   },
+  "2/2yg+": {
+    "defaultMessage": "Add"
+  },
   "2CGh/0": {
     "defaultMessage": "live"
   },
@@ -26,6 +32,9 @@
   "3adEeb": {
     "defaultMessage": "{n} viewers"
   },
+  "47FYwb": {
+    "defaultMessage": "Cancel"
+  },
   "4l6vz1": {
     "defaultMessage": "Copy"
   },
@@ -71,6 +80,9 @@
   "ESyhzp": {
     "defaultMessage": "Your comment for {name}"
   },
+  "G/yZLu": {
+    "defaultMessage": "Remove"
+  },
   "Gq6x9o": {
     "defaultMessage": "Cover Image"
   },
@@ -140,12 +152,21 @@
   "RrCui3": {
     "defaultMessage": "Summary"
   },
+  "TaTRKo": {
+    "defaultMessage": "Start Stream"
+  },
+  "UJBFYK": {
+    "defaultMessage": "Add Card"
+  },
   "UfSot5": {
     "defaultMessage": "Past Streams"
   },
   "VA/Z1S": {
     "defaultMessage": "Hide"
   },
+  "W9355R": {
+    "defaultMessage": "Unmute"
+  },
   "X2PZ7D": {
     "defaultMessage": "Create Goal"
   },
@@ -173,9 +194,15 @@
   "hGQqkW": {
     "defaultMessage": "Schedule"
   },
+  "ieGrWo": {
+    "defaultMessage": "Follow"
+  },
   "itPgxd": {
     "defaultMessage": "Profile"
   },
+  "izWS4J": {
+    "defaultMessage": "Unfollow"
+  },
   "jr4+vD": {
     "defaultMessage": "Markdown"
   },
@@ -197,6 +224,9 @@
   "nOaArs": {
     "defaultMessage": "Setup Profile"
   },
+  "nwA8Os": {
+    "defaultMessage": "Add card"
+  },
   "oHPB8Q": {
     "defaultMessage": "Zap {name}"
   },
@@ -244,5 +274,8 @@
   },
   "wzWWzV": {
     "defaultMessage": "Top zappers"
+  },
+  "x82IOl": {
+    "defaultMessage": "Mute"
   }
 }
diff --git a/src/pages/providers/nostr.tsx b/src/pages/providers/nostr.tsx
index 2de2e18..190fbaa 100644
--- a/src/pages/providers/nostr.tsx
+++ b/src/pages/providers/nostr.tsx
@@ -6,6 +6,7 @@ import { StatePill } from "element/state-pill";
 import { StreamState } from "index";
 import { StreamProviderInfo, StreamProviderStore } from "providers";
 import { Nip103StreamProvider } from "providers/zsz";
+import { FormattedMessage } from "react-intl";
 
 export function ConfigureNostrType() {
   const [url, setUrl] = useState("");
@@ -60,7 +61,7 @@ export function ConfigureNostrType() {
               StreamProviderStore.add(new Nip103StreamProvider(url));
               navigate("/");
             }}>
-            Save
+            <FormattedMessage defaultMessage="Save" />
           </button>
         </div>
       </>
@@ -77,7 +78,7 @@ export function ConfigureNostrType() {
           </div>
         </div>
         <AsyncButton className="btn btn-primary" onClick={tryConnect}>
-          Connect
+          <FormattedMessage defaultMessage="Connect" />
         </AsyncButton>
       </div>
       <div>{status()}</div>
diff --git a/src/translations/en.json b/src/translations/en.json
index e690fdc..c59dac1 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -1,5 +1,95 @@
 {
+  "+0zv6g": "Image",
+  "+vVZ/G": "Connect",
+  "/0TOL5": "Amount",
+  "/GCoTA": "Clear",
+  "04lmFi": "Save Key",
+  "0GfNiL": "Stream Zap Goals",
+  "1EYCdR": "Tags",
+  "2/2yg+": "Add",
+  "2CGh/0": "live",
+  "3HwrQo": "Zap!",
+  "3adEeb": "{n} viewers",
+  "47FYwb": "Cancel",
+  "4l6vz1": "Copy",
+  "4uI538": "Resolutions",
+  "5JcXdV": "Create Account",
+  "5QYdPU": "Start Time",
+  "5kx+2v": "Server Url",
+  "6Z2pvJ": "Stream Providers",
+  "9WRlF4": "Send",
+  "9a9+ww": "Title",
+  "9anxhq": "Starts",
+  "AIHaPH": "{person} zapped {amount} sats",
+  "Atr2p4": "NSFW Content",
   "AyGauy": "Login",
+  "BGxpTN": "Stream Chat",
   "C81/uG": "Logout",
-  "itPgxd": "Profile"
-}
+  "ESyhzp": "Your comment for {name}",
+  "G/yZLu": "Remove",
+  "Gq6x9o": "Cover Image",
+  "H5+NAX": "Balance",
+  "HAlOn1": "Name",
+  "I1kjHI": "Supports {markdown}",
+  "IJDKz3": "Zap amount in {currency}",
+  "Jq3FDz": "Content",
+  "K3r6DQ": "Delete",
+  "K3uH1C": "offline",
+  "K7AkdL": "Show",
+  "KkIL3s": "No, I am under 18",
+  "Ld5LAE": "Nostr uses private keys, please save yours, if you lose this key you wont be able to login to your account anymore!",
+  "LknBsU": "Stream Key",
+  "My6HwN": "Ok, it's safe",
+  "O2Cy6m": "Yes, I am over 18",
+  "OKhRC6": "Share",
+  "OWgHbg": "Edit card",
+  "Q3au2v": "About {estimate}",
+  "QRHNuF": "What are we steaming today?",
+  "QRRCp0": "Stream URL",
+  "QceMQZ": "Goal: {amount}",
+  "RJOmzk": "I have read and agree with {provider}''s {terms}.",
+  "RXQdxR": "Please login to write messages!",
+  "RrCui3": "Summary",
+  "TaTRKo": "Start Stream",
+  "UJBFYK": "Add Card",
+  "UfSot5": "Past Streams",
+  "VA/Z1S": "Hide",
+  "W9355R": "Unmute",
+  "X2PZ7D": "Create Goal",
+  "ZmqxZs": "You can change this later",
+  "acrOoz": "Continue",
+  "cvAsEh": "Streamed on {date}",
+  "cyR7Kh": "Back",
+  "dVD/AR": "Top Zappers",
+  "ebmhes": "Nostr Extension",
+  "fBI91o": "Zap",
+  "hGQqkW": "Schedule",
+  "ieGrWo": "Follow",
+  "itPgxd": "Profile",
+  "izWS4J": "Unfollow",
+  "jr4+vD": "Markdown",
+  "jvo0vs": "Save",
+  "lZpRMR": "Check here if this stream contains nudity or pornographic content.",
+  "ljmS5P": "Endpoint",
+  "mtNGwh": "A short description of the content",
+  "nBCvvJ": "Topup",
+  "nOaArs": "Setup Profile",
+  "nwA8Os": "Add card",
+  "oHPB8Q": "Zap {name}",
+  "oZrFyI": "Stream type should be HLS",
+  "pO/lPX": "Scheduled for {date}",
+  "rWBFZA": "Sexually explicit material ahead!",
+  "rbrahO": "Close",
+  "rfC1Zq": "Save card",
+  "s5ksS7": "Image Link",
+  "s7V+5p": "Confirm your age",
+  "thsiMl": "terms and conditions",
+  "tzMNF3": "Status",
+  "uYw2LD": "Stream",
+  "vrTOHJ": "{amount} sats",
+  "wCIL7o": "Broadcast on Nostr",
+  "wEQDC6": "Edit",
+  "wOy57k": "Add stream goal",
+  "wzWWzV": "Top zappers",
+  "x82IOl": "Mute"
+}
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 1db834e..3c6a695 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -59,7 +59,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/core@npm:^7.11.1, @babel/core@npm:^7.22.9":
+"@babel/core@npm:^7.11.1, @babel/core@npm:^7.22.11":
   version: 7.22.11
   resolution: "@babel/core@npm:7.22.11"
   dependencies:
@@ -594,17 +594,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-typescript@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-syntax-typescript@npm:7.22.5"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 8ab7718fbb026d64da93681a57797d60326097fd7cb930380c8bffd9eb101689e90142c760a14b51e8e69c88a73ba3da956cb4520a3b0c65743aee5c71ef360a
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-syntax-unicode-sets-regex@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/plugin-syntax-unicode-sets-regex@npm:7.18.6"
@@ -885,7 +874,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-commonjs@npm:^7.22.11, @babel/plugin-transform-modules-commonjs@npm:^7.22.5":
+"@babel/plugin-transform-modules-commonjs@npm:^7.22.5":
   version: 7.22.11
   resolution: "@babel/plugin-transform-modules-commonjs@npm:7.22.11"
   dependencies:
@@ -1199,20 +1188,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-typescript@npm:^7.22.11":
-  version: 7.22.11
-  resolution: "@babel/plugin-transform-typescript@npm:7.22.11"
-  dependencies:
-    "@babel/helper-annotate-as-pure": ^7.22.5
-    "@babel/helper-create-class-features-plugin": ^7.22.11
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/plugin-syntax-typescript": ^7.22.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: a0dc3c2427b55602944705c9a91b4c074524badd5ea87edb603ddeabe7fae531bcbe68475106d7a00079b67bb422dbf2e9f50e15c25ac24d7e9fe77f37ebcfb4
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-unicode-escapes@npm:^7.22.10":
   version: 7.22.10
   resolution: "@babel/plugin-transform-unicode-escapes@npm:7.22.10"
@@ -1379,21 +1354,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/preset-typescript@npm:^7.22.5":
-  version: 7.22.11
-  resolution: "@babel/preset-typescript@npm:7.22.11"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
-    "@babel/helper-validator-option": ^7.22.5
-    "@babel/plugin-syntax-jsx": ^7.22.5
-    "@babel/plugin-transform-modules-commonjs": ^7.22.11
-    "@babel/plugin-transform-typescript": ^7.22.11
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 8ae7162c31db896f5eeecd6f67ab2e58555fdc06fe84e95fe4a3f60b64cd6f782d2d7dfbde0c0eac04b55dac18222752d91dd8786245cccedd7e42f080e07233
-  languageName: node
-  linkType: hard
-
 "@babel/regjsgen@npm:^0.8.0":
   version: 0.8.0
   resolution: "@babel/regjsgen@npm:0.8.0"
@@ -1621,7 +1581,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@formatjs/ts-transformer@npm:3.13.3, @formatjs/ts-transformer@npm:^3.13.3":
+"@formatjs/ts-transformer@npm:^3.13.3":
   version: 3.13.3
   resolution: "@formatjs/ts-transformer@npm:3.13.3"
   dependencies:
@@ -1747,7 +1707,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/sourcemap-codec@npm:^1.4.10, @jridgewell/sourcemap-codec@npm:^1.4.14, @jridgewell/sourcemap-codec@npm:^1.4.15":
+"@jridgewell/sourcemap-codec@npm:^1.4.10, @jridgewell/sourcemap-codec@npm:^1.4.14":
   version: 1.4.15
   resolution: "@jridgewell/sourcemap-codec@npm:1.4.15"
   checksum: b881c7e503db3fc7f3c1f35a1dd2655a188cc51a3612d76efc8a6eb74728bef5606e6758ee77423e564092b4a518aba569bbb21c9bac5ab7a35b0c6ae7e344c8
@@ -2695,7 +2655,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/eslint@npm:*, @types/eslint@npm:7 || 8, @types/eslint@npm:^8.37.0":
+"@types/eslint@npm:*, @types/eslint@npm:^8.37.0":
   version: 8.44.2
   resolution: "@types/eslint@npm:8.44.2"
   dependencies:
@@ -2894,13 +2854,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/picomatch@npm:^2.3.0":
-  version: 2.3.0
-  resolution: "@types/picomatch@npm:2.3.0"
-  checksum: dde9572b6ca775185bd27a04ab050961f3e59b51863b1883669dcbf010aab394037af201ad9aa89373d9141cf1f5ba1f81266d3af09dfca5879298c128af928d
-  languageName: node
-  linkType: hard
-
 "@types/prop-types@npm:*, @types/prop-types@npm:^15.0.0":
   version: 15.7.5
   resolution: "@types/prop-types@npm:15.7.5"
@@ -3154,13 +3107,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/types@npm:5.59.0":
-  version: 5.59.0
-  resolution: "@typescript-eslint/types@npm:5.59.0"
-  checksum: 5dc608a867b07b4262a236a264a65e894f841388b3aba461c4c1a30d76a2c3aed0c6a1e3d1ea2f64cce55e783091bafb826bf01a0ef83258820af63da860addf
-  languageName: node
-  linkType: hard
-
 "@typescript-eslint/types@npm:6.4.1":
   version: 6.4.1
   resolution: "@typescript-eslint/types@npm:6.4.1"
@@ -3168,24 +3114,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/typescript-estree@npm:5.59.0":
-  version: 5.59.0
-  resolution: "@typescript-eslint/typescript-estree@npm:5.59.0"
-  dependencies:
-    "@typescript-eslint/types": 5.59.0
-    "@typescript-eslint/visitor-keys": 5.59.0
-    debug: ^4.3.4
-    globby: ^11.1.0
-    is-glob: ^4.0.3
-    semver: ^7.3.7
-    tsutils: ^3.21.0
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: d80f2766e2830dc830b9f4f1b9e744e1e7a285ebe72babdf0970f75bfe26cb832c6623bb836a53c48f1e707069d1e407ac1ea095bd583807007f713ba6e2e0e1
-  languageName: node
-  linkType: hard
-
 "@typescript-eslint/typescript-estree@npm:6.4.1":
   version: 6.4.1
   resolution: "@typescript-eslint/typescript-estree@npm:6.4.1"
@@ -3221,16 +3149,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/visitor-keys@npm:5.59.0":
-  version: 5.59.0
-  resolution: "@typescript-eslint/visitor-keys@npm:5.59.0"
-  dependencies:
-    "@typescript-eslint/types": 5.59.0
-    eslint-visitor-keys: ^3.3.0
-  checksum: e21656de02e221a27a5fe9f7fd34a1ca28530e47675134425f84fd0d1f276695fe39e35120837a491b02255d49aa2fd871e2c858ecccc66c687db972d057bd1c
-  languageName: node
-  linkType: hard
-
 "@typescript-eslint/visitor-keys@npm:6.4.1":
   version: 6.4.1
   resolution: "@typescript-eslint/visitor-keys@npm:6.4.1"
@@ -4965,13 +4883,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"emoji-regex@npm:10.2.1, emoji-regex@npm:^10.2.1":
-  version: 10.2.1
-  resolution: "emoji-regex@npm:10.2.1"
-  checksum: 1aa2d16881c56531fdfc03d0b36f5c2b6221cc4097499a5665b88b711dc3fb4d5b8804f0ca6f00c56e5dcf89bac75f0487eee85da1da77df3a33accc6ecbe426
-  languageName: node
-  linkType: hard
-
 "emoji-regex@npm:^8.0.0":
   version: 8.0.0
   resolution: "emoji-regex@npm:8.0.0"
@@ -5184,27 +5095,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-formatjs@npm:^4.10.1":
-  version: 4.10.3
-  resolution: "eslint-plugin-formatjs@npm:4.10.3"
-  dependencies:
-    "@formatjs/icu-messageformat-parser": 2.6.0
-    "@formatjs/ts-transformer": 3.13.3
-    "@types/eslint": 7 || 8
-    "@types/picomatch": ^2.3.0
-    "@typescript-eslint/typescript-estree": 5.59.0
-    emoji-regex: ^10.2.1
-    magic-string: ^0.30.0
-    picomatch: ^2.3.1
-    tslib: 2.5.0
-    typescript: ^4.7 || 5
-    unicode-emoji-utils: ^1.1.1
-  peerDependencies:
-    eslint: 7 || 8
-  checksum: 356d2ef2fbce88b97e4bda7e6226fde3359c1a7ce86e4be94c3781e9525804057adebe055d6c6063ec1ccd0cdb5832192370fc8c9eb81f0516304de38db1375b
-  languageName: node
-  linkType: hard
-
 "eslint-scope@npm:5.1.1":
   version: 5.1.1
   resolution: "eslint-scope@npm:5.1.1"
@@ -7198,15 +7088,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"magic-string@npm:^0.30.0":
-  version: 0.30.3
-  resolution: "magic-string@npm:0.30.3"
-  dependencies:
-    "@jridgewell/sourcemap-codec": ^1.4.15
-  checksum: a5a9ddf9bd3bf49a2de1048bf358464f1bda7b3cc1311550f4a0ba8f81a4070e25445d53a5ee28850161336f1bff3cf28aa3320c6b4aeff45ce3e689f300b2f3
-  languageName: node
-  linkType: hard
-
 "make-fetch-happen@npm:^11.0.3":
   version: 11.1.1
   resolution: "make-fetch-happen@npm:11.1.1"
@@ -9527,7 +9408,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.3.8, semver@npm:^7.5.4":
+"semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.8, semver@npm:^7.5.4":
   version: 7.5.4
   resolution: "semver@npm:7.5.4"
   dependencies:
@@ -9892,11 +9773,10 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "stream_ui@workspace:."
   dependencies:
-    "@babel/core": ^7.22.9
+    "@babel/core": ^7.22.11
     "@babel/plugin-syntax-import-assertions": ^7.20.0
     "@babel/preset-env": ^7.21.5
     "@babel/preset-react": ^7.18.6
-    "@babel/preset-typescript": ^7.22.5
     "@emoji-mart/data": ^1.1.2
     "@emoji-mart/react": ^1.1.1
     "@formatjs/cli": ^6.1.3
@@ -9936,7 +9816,6 @@ __metadata:
     css-minimizer-webpack-plugin: ^5.0.0
     emoji-mart: ^5.5.2
     eslint: ^8.48.0
-    eslint-plugin-formatjs: ^4.10.1
     eslint-webpack-plugin: ^4.0.1
     hls.js: ^1.4.6
     html-webpack-plugin: ^5.5.1
@@ -9965,10 +9844,10 @@ __metadata:
     typescript: ^5.2.2
     usehooks-ts: ^2.9.1
     web-vitals: ^2.1.0
-    webpack: ^5.82.1
+    webpack: ^5.88.2
     webpack-bundle-analyzer: ^4.8.0
-    webpack-cli: ^5.1.1
-    webpack-dev-server: ^4.15.0
+    webpack-cli: ^5.1.4
+    webpack-dev-server: ^4.15.1
     webrtc-adapter: ^8.2.3
     workbox-core: ^7.0.0
     workbox-precaching: ^7.0.0
@@ -10371,20 +10250,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:2.5.0":
-  version: 2.5.0
-  resolution: "tslib@npm:2.5.0"
-  checksum: ae3ed5f9ce29932d049908ebfdf21b3a003a85653a9a140d614da6b767a93ef94f460e52c3d787f0e4f383546981713f165037dc2274df212ea9f8a4541004e1
-  languageName: node
-  linkType: hard
-
-"tslib@npm:^1.8.1":
-  version: 1.14.1
-  resolution: "tslib@npm:1.14.1"
-  checksum: dbe628ef87f66691d5d2959b3e41b9ca0045c3ee3c7c7b906cc1e328b39f199bb1ad9e671c39025bd56122ac57dfbf7385a94843b1cc07c60a4db74795829acd
-  languageName: node
-  linkType: hard
-
 "tslib@npm:^2.0.0, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.4.0":
   version: 2.6.2
   resolution: "tslib@npm:2.6.2"
@@ -10392,17 +10257,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tsutils@npm:^3.21.0":
-  version: 3.21.0
-  resolution: "tsutils@npm:3.21.0"
-  dependencies:
-    tslib: ^1.8.1
-  peerDependencies:
-    typescript: ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
-  checksum: 1843f4c1b2e0f975e08c4c21caa4af4f7f65a12ac1b81b3b8489366826259323feb3fc7a243123453d2d1a02314205a7634e048d4a8009921da19f99755cdc48
-  languageName: node
-  linkType: hard
-
 "tween-functions@npm:^1.2.0":
   version: 1.2.0
   resolution: "tween-functions@npm:1.2.0"
@@ -10529,15 +10383,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unicode-emoji-utils@npm:^1.1.1":
-  version: 1.1.2
-  resolution: "unicode-emoji-utils@npm:1.1.2"
-  dependencies:
-    emoji-regex: 10.2.1
-  checksum: 5d520db9c159caca7acfe3d538d60a655a51a541dabe1e1b3847013ec9a540a4cec1359ddfa53244b1d160fc60422e5e588c5b87d19b047b54472ef46b240681
-  languageName: node
-  linkType: hard
-
 "unicode-match-property-ecmascript@npm:^2.0.0":
   version: 2.0.0
   resolution: "unicode-match-property-ecmascript@npm:2.0.0"
@@ -10879,7 +10724,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"webpack-cli@npm:^5.1.1":
+"webpack-cli@npm:^5.1.4":
   version: 5.1.4
   resolution: "webpack-cli@npm:5.1.4"
   dependencies:
@@ -10926,7 +10771,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"webpack-dev-server@npm:^4.15.0":
+"webpack-dev-server@npm:^4.15.1":
   version: 4.15.1
   resolution: "webpack-dev-server@npm:4.15.1"
   dependencies:
@@ -11000,7 +10845,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"webpack@npm:^5.82.1":
+"webpack@npm:^5.88.2":
   version: 5.88.2
   resolution: "webpack@npm:5.88.2"
   dependencies: