fix: table pagination description adjustments for all screen sizes

[mas-who]

Done

• Fixed description text adjustment for small screen sizes. removed unnecessary useEffect dependencies that was previously causing weird render cycle issues.

QA

Storybook

To see rendered examples of all react-components, run:

yarn start

QA in your project

from react-components run:

yarn build
npm pack

Install the resulting tarball in your project with:

yarn add <path-to-tarball>

QA steps

• On story book, try vary the screen size while looking at the TablePagination component. The pagination description (left of controls) should show X out of Y for small screen sizes consistently.

Screencast.from.07-02-2024.15.27.57.webm

[webteam-app]

Demo starting at https://react-components-1038.demos.haus

[lorumic]

QA looks good in storybook - fingers crossed that this will solve the flickering issue in Anbox UI. :)

[github-actions]

🎉 This PR is included in version 0.50.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀