fix: wording fix (#285)

* changing the text "realtime" to "real-time" to keep the consistency.

playground/src/app/layout.tsx

@@ -6,7 +6,7 @@ import './global.css'
 
 
 export const metadata: Metadata = {
-  title: "TEN Agent",
+  title: "TEN Agent | Real-Time Multimodal AI Agent",
   description: "TEN Agent is an open-source multimodal AI agent that can speak, see, and access a knowledge base(RAG).",
   appleWebApp: {
     capable: true,

playground/src/components/loginCard/index.tsx

@@ -57,7 +57,7 @@ const LoginCard = () => {
       <div className={styles.title}>
         {/* <LogoIcon transform="scale(1.5 1.5)"></LogoIcon> */}
       <span className={styles.title} >TEN Agent</span>
-        <span className={styles.text}>A realtime multimodal AI agent powered by <a href="https://theten.ai" >TEN</a></span>
+        <span className={styles.text}>A Real-Time Multimodal AI Agent Powered by <a href="https://theten.ai" >TEN</a></span>
       </div>
       <div className={styles.section}>
         <input placeholder="User Name" value={userName} onChange={onUserNameChange} ></input>

playground/src/platform/pc/description/index.tsx

@@ -87,7 +87,7 @@ const Description = () => {
 
   return <div className={styles.description}>
     <span className={styles.title}>Description</span>
-    <span className={styles.text}>TEN Agent is a multimodal AI agent that can speak, see, and access a knowledge base.</span>
+    <span className={styles.text}>TEN Agent is a real-time multimodal AI agent that can speak, see, and access a knowledge base.</span>
     <span className={`${styles.btnConnect} ${agentConnected ? styles.disconnect : ''}`} onClick={onClickConnect}>
       <span className={`${styles.btnText} ${agentConnected ? styles.disconnect : ''}`}>
         {!agentConnected ? "Connect" : "Disconnect"}