docs: update landing copy (#6695)

## Summary

The current `Beyond the limitations` slogan on landing, altho very
marketingy, isn't at all descriptive about what Reanimated actually
does.

<img width="907" alt="image"
src="https://github.com/user-attachments/assets/fcd6871b-3f91-4495-96e0-63b856ec8469">

This PR changes the message to `Create smooth animations with an
excellent developer experience.` which better describes what we do here.

<img width="901" alt="image"
src="https://github.com/user-attachments/assets/e95f9055-a99e-40d5-b7ab-1f96dc53c4a7">

Requested by @tomekzaw about two years ago 🙃 

## Test plan

```sh
cd packages/docs-reanimated
yarn
yarn start
```

Author: kacperkapusciak

packages/docs-reanimated/src/components/Hero/StartScreen/index.tsx

@@ -46,7 +46,10 @@ const StartScreen = () => {
                 <span className={styles.rnLabel}>React Native</span>
                 <SelectedLabel isInteractive={true}>Reanimated</SelectedLabel>
               </h1>
-              <h2 className={styles.subheadingLabel}>Beyond the limitations</h2>
+              <h2 className={styles.subheadingLabel}>
+                Create smooth animations with an&nbsp;excellent developer
+                experience.
+              </h2>
             </div>
             <div className={styles.lowerHeading}>
               <Horse />

packages/docs-reanimated/src/components/Hero/StartScreen/styles.module.css

@@ -36,6 +36,7 @@
   font-weight: 600;
   line-height: 1.15;
   letter-spacing: var(--swm-heading-letter-spacing-bigger);
+  text-wrap: balance;
 
   margin-top: 32px;
   margin-bottom: 56px;