docs: hoverable keyboard (interactive animation) (#583)

## 📜 Description

Added new animation - you can interact with it!

## 💡 Motivation and Context

To make docs apges slightly more interactive and attractive.

## 📢 Changelog

<!-- High level overview of important changes -->
<!-- For example: fixed status bar manipulation; added new types
declarations; -->
<!-- If your changes don't affect one of platform/language below - then
remove this platform/language -->

### Docs

- added `HoverableKeyboard` component;
- started to use this component on `useFocusedInputHandler` page.

## 🤔 How Has This Been Tested?

Tested via preview.

## 📸 Screenshots (if appropriate):

<img width="1035" alt="image"
src="https://github.com/user-attachments/assets/0df249db-25f2-46b0-8ca5-95124bf68b1a">

## 📝 Checklist

- [x] CI successfully passed
- [x] I added new mocks and corresponding unit-tests if library API was
changed

.eslintrc.cjs

@@ -168,5 +168,5 @@ module.exports = {
     "react-native/react-native": true,
     "jest/globals": true,
   },
-  ignorePatterns: ["node_modules/**", "lib/**", "scripts/**"],
+  ignorePatterns: ["node_modules/**", "lib/**", "scripts/**", "docs/build/**"],
 };

cspell.json

@@ -119,7 +119,9 @@
     "swmansion",
     "rnscreens",
     "setinputmode",
-    "useanimatedkeyboard"
+    "useanimatedkeyboard",
+    "Hoverable",
+    "zxcvbnmasdfghjklqwertyuiop"
   ],
   "ignorePaths": [
     "node_modules",

docs/docs/api/hooks/input/use-focused-input-handler.mdx

@@ -16,6 +16,12 @@ keywords:
 
 # useFocusedInputHandler
 
+import HoverableKeyboard from "@site/src/components/HoverableKeyboard";
+
+<div className="interactive-animation lottie">
+  <HoverableKeyboard />
+</div>
+
 `useFocusedInputHandler` is a hook that allows to intercept events from a focused `TextInput`.
 
 ## Example