Fix updates from crashing

components/programs/Welcome.tsx

@@ -8,6 +8,7 @@ import check from "@/components/assets/check.png";
 import { SettingsLink } from "../SettingsLink";
 import history from "./updateAssets/history.png";
 import mount from "./updateAssets/mount.png";
+import { TwitterVideoEmbed } from "react-twitter-embed";
 
 type TableOfContentsEntry = {
   title: string;
@@ -119,24 +120,7 @@ const contentByKey = {
         and any files you make in Windows 9X will be saved to that directory.
         You can also directly edit those files from your real operating system
         and they will magically update in Windows 9X.
-        <blockquote className="twitter-tweet" data-media-max-width="560">
-          <p lang="en" dir="ltr">
-            What if the filesystem for your fake ai generated operating system
-            was actually real? Generating a program w/ claude -&gt; that is
-            written to my filesystem that I can edit in my local code editor
-            -&gt; that is hot reloaded in my fake os{" "}
-            <a href="https://t.co/ZRQrTlQJNv">pic.twitter.com/ZRQrTlQJNv</a>
-          </p>
-          &mdash; Sawyer Hood (@sawyerhood){" "}
-          <a href="https://twitter.com/sawyerhood/status/1813589978095788286?ref_src=twsrc%5Etfw">
-            July 17, 2024
-          </a>
-        </blockquote>{" "}
-        <script
-          async
-          src="https://platform.twitter.com/widgets.js"
-          charSet="utf-8"
-        ></script>
+        <TwitterVideoEmbed id="1813589978095788286" />
         <hr />
         <h4>July 15th, 2024</h4>
         <p>

package.json

@@ -38,6 +38,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-markdown": "^9.0.1",
+    "react-twitter-embed": "^4.0.4",
     "replicate": "^0.30.2",
     "sharp": "^0.33.4",
     "stripe": "^16.2.0"