demo: Restructure storytelling-chatbot directory, update README steps, link to vercel demo

examples/storytelling-chatbot/client/components/WaveText/index.tsx

@@ -0,0 +1,23 @@
+import React from "react";
+import styles from "./WaveText.module.css";
+
+interface Props {
+  active: boolean;
+}
+
+export default function WaveText({ active }: Props) {
+  return (
+    <div className={`${styles.waveText} ${active ? styles.active : ""}`}>
+      <span>W</span>
+      <span>h</span>
+      <span>a</span>
+      <span>t</span>
+      <span>&nbsp;&nbsp;</span>
+      <span>n</span>
+      <span>e</span>
+      <span>x</span>
+      <span>t</span>
+      <span>?</span>
+    </div>
+  );
+}