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

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

@@ -0,0 +1,27 @@
+import React from "react";
+import styles from "./VideoTile.module.css";
+import { DailyVideo } from "@daily-co/daily-react";
+import StoryTranscript from "@/components/StoryTranscript";
+
+interface Props {
+  sessionId: string;
+  inactive: boolean;
+}
+
+const VideoTile = ({ sessionId, inactive }: Props) => {
+  return (
+    <div className={`${styles.container} ${inactive ? styles.inactive : ""} `}>
+      <StoryTranscript />
+
+      <div className={styles.videoTile}>
+        <DailyVideo
+          sessionId={sessionId}
+          type={"video"}
+          className="aspect-square"
+        />
+      </div>
+    </div>
+  );
+};
+
+export default VideoTile;