autofocus on demo textarea if on desktop

packages/fakeyou.com/package.json

@@ -59,6 +59,7 @@
     "react": "^16.13.1",
     "react-audio-voice-recorder": "^1.0.5",
     "react-autocomplete": "^1.8.1",
+    "react-device-detect": "^2.2.3",
     "react-dom": "^16.13.1",
     "react-drag-drop-files": "^2.3.9",
     "react-i18next": "^11.15.4",

packages/fakeyou.com/src/v2/view/pages/landing/fakeyou/LandingDemo/FakeYouLandingDemo.tsx

@@ -23,6 +23,7 @@ import {
 } from "@storyteller/components/src/api/jobs/GetTtsInferenceJobStatus";
 import RandomTexts from "./RandomTexts";
 import "./LandingDemo.scss";
+import { isMobile } from "react-device-detect";
 
 interface TtsInferencePanelProps {
   sessionSubscriptionsWrapper: SessionSubscriptionsWrapper;
@@ -252,6 +253,7 @@ export default function LandingDemo({
             onChange={handleChangeText}
             rows={4}
             resize={false}
+            autoFocus={isMobile ? false : true}
           />
         </div>
 

yarn.lock

@@ -4596,6 +4596,7 @@ __metadata:
     moment: ^2.29.4
     prettier: ^3.1.0
     pretty-quick: ^3.1.3
+    react-device-detect: ^2.2.3
     universal-cookie: ^6.1.1
     yarn: ^1.22.19
   languageName: unknown
@@ -17772,6 +17773,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-device-detect@npm:^2.2.3":
+  version: 2.2.3
+  resolution: "react-device-detect@npm:2.2.3"
+  dependencies:
+    ua-parser-js: ^1.0.33
+  peerDependencies:
+    react: ">= 0.14.0"
+    react-dom: ">= 0.14.0"
+  checksum: 42d9b3182b9d2495bf0d7914c9f370da51d8bdb853a3eba2acaf433894ae760386a075ba103185be825b33d42f50d85ef462087f261656d433f4c74dab23861f
+  languageName: node
+  linkType: hard
+
 "react-dom@npm:^16.13.1":
   version: 16.14.0
   resolution: "react-dom@npm:16.14.0"
@@ -20934,6 +20947,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ua-parser-js@npm:^1.0.33":
+  version: 1.0.37
+  resolution: "ua-parser-js@npm:1.0.37"
+  checksum: 4d481c720d523366d7762dc8a46a1b58967d979aacf786f9ceceb1cd767de069f64a4bdffb63956294f1c0696eb465ddb950f28ba90571709e33521b4bd75e07
+  languageName: node
+  linkType: hard
+
 "uglify-js@npm:^3.1.4":
   version: 3.15.0
   resolution: "uglify-js@npm:3.15.0"