docs: fix useAnimatedKeyboard page crash (#6056)

Due to change in InteractiveExample, `useAnimatedVideo` page on
production crashed. To fix that we transformed `useAnimatedVideo`
InteraciveExample component to a functional component.

Before:

![image](https://github.com/software-mansion/react-native-reanimated/assets/59940332/06babb02-74ed-4612-ae65-0fb81e7c3271)

After:
<img width="951" alt="image"
src="https://github.com/software-mansion/react-native-reanimated/assets/59940332/9fe2523e-4050-436b-acff-8c491a07a306">

docs/docs/device/useAnimatedKeyboard.mdx

@@ -82,7 +82,7 @@ import AnimatedKeyboardSrc from '!!raw-loader!@site/src/examples/AnimatedKeyboar
 
 <InteractiveExample
   src={AnimatedKeyboardSrc}
-  component={
+  component={() => (
     <ThemedVideo
       center
       width={300}
@@ -91,7 +91,7 @@ import AnimatedKeyboardSrc from '!!raw-loader!@site/src/examples/AnimatedKeyboar
         dark: '/recordings/useAnimatedKeyboard_dark.mov',
       }}
     />
-  }
+  )}
 />
 
 ## Remarks