docs: fix useAnimatedKeyboard page crash

[patrycjakalinska]

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

Before:

After:

[piaskowyk]

Just some renames

[m-bert]

Looks good 😄 Please address the comments by @piaskowyk, and once that's done, we are good to go

[kacperkapusciak]

we can fix it way simpler

<InteractiveExample
  src={AnimatedKeyboardSrc}
  component={() => (
    <ThemedVideo
      center
      width={300}
      sources={{
        light: '/recordings/useAnimatedKeyboard_light.mov',
        dark: '/recordings/useAnimatedKeyboard_dark.mov',
      }}
    />
  )}
/>

[kacperkapusciak]

🚀