fix: don't play tick sound on mobile

src/components/Form.tsx

@@ -1,4 +1,5 @@
 import type { UseChatHelpers } from 'ai/react';
+import { isMobile } from 'src/helpers';
 import { drop, tick } from 'src/sounds';
 
 import SubmitButton from './SubmitButton';
@@ -24,7 +25,9 @@ export default function Form(props: Props) {
         class="border-input focus-visible:ring-ring flex h-9 w-full flex-1 rounded-md border bg-transparent px-3 py-1 text-base shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50"
         onInput={(event) => {
           props.onChange(event);
-          tick.play();
+          if (!isMobile) {
+            tick.play();
+          }
         }}
         placeholder="Type your guess..."
         value={props.value}

src/helpers/index.ts

@@ -1 +1,2 @@
 export * from './guesses';
+export * from './mobile';

src/helpers/mobile.ts

@@ -0,0 +1,4 @@
+const MOBILE_REGEX =
+  /Android|Blackberry|IEMobile|Opera Mini|Windows Phone|iPad|iPhone|iPod|webOS/i;
+
+export const isMobile = MOBILE_REGEX.test(navigator.userAgent);