fix: guard video.play promise chain for Safari compatibility (#1416)

* fix: guard video.play promise chain for Safari compatibility

* ci: apply automated fixes

---------

Co-authored-by: sentry[bot] <39604003+sentry[bot]@users.noreply.github.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Author: sentry[bot]

src/components/home/HeroPalmMedia.tsx

@@ -9,15 +9,18 @@ export function HeroPalmMedia() {
   const [isPlaying, setIsPlaying] = React.useState(false)
 
   const playVideo = React.useCallback((video: HTMLVideoElement) => {
-    void video
-      .play()
-      .then(() => setIsVideoReady(true))
-      .catch((error: unknown) => {
-        if (error instanceof DOMException && error.name === 'AbortError') return
-        console.error('Unable to play the homepage hero animation', error)
-        setIsPlaying(false)
-        setIsVideoReady(false)
-      })
+    const promise = video.play()
+    if (promise !== undefined) {
+      promise
+        .then(() => setIsVideoReady(true))
+        .catch((error: unknown) => {
+          if (error instanceof DOMException && error.name === 'AbortError')
+            return
+          console.error('Unable to play the homepage hero animation', error)
+          setIsPlaying(false)
+          setIsVideoReady(false)
+        })
+    }
   }, [])
 
   React.useEffect(() => {