[bug]: Responsive Break in RepeatedTextAnimation Component in Typewriter

[ozantekin]

Describe the bug

When text becomes too long, the UI breaks on mobile and similar devices.

Sample: iPhone XR

Affected component/components

Typewriter

How to reproduce

1- Navigate to the Typewriter component.
2- Replace the Texts constant with longer text strings.
3- In the browser, switch to a mobile view or a similar device viewport.

Codesandbox/StackBlitz link

No response

Logs

No response

System Info

System:
    OS: macOS 14.3.1
  Binaries:
    Node: 22.8.0 - /opt/homebrew/bin/node
    pnpm: 8.6.12 - ~/.nvm/versions/node/v16.17.0/bin/pnpm
  Browsers:
    Safari: 17.3.1
  npmPackages:
    react: 18.3.1 => 18.3.1

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues