Add WebSocket integration for Lanyard and Hyperate, implement scanline effects, and update dependencies

src/App.tsx

@@ -1,3 +1,15 @@
+import Lanyard from './components/Lanyard';
+import Hyperate from './components/Hyperate';
+
 export default () => {
-    return <div>Hello, World!</div>
+    return <div>
+        <p>seth&gt; cat ./about.txt</p>
+        <p>A Dedicated Backend Developer, with a passion for high-fidelity audio, gaming, and web development.</p>
+
+        <p>seth&gt; curl /tmp/discord-ipc</p>
+        <p><Lanyard /></p>
+
+        <p>seth&gt; cat /tmp/heartrate</p>
+        <p><Hyperate /></p>
+    </div>
 }