Refactor/use visually hidden component

[literat]

Description

Using VisuallyHidden component instead of the accessibility-hidden class name.

Additional context

Issue reference

---

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Follow the PR Title/Commit Message Convention.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[netlify]

✅ Deploy Preview for spirit-design-system-demo canceled.

Name	Link
🔨 Latest commit	d19b59e
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system-demo/deploys/64fb2732a80493000851338d

[netlify]

✅ Deploy Preview for spirit-design-system-validations canceled.

Name	Link
🔨 Latest commit	d19b59e
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system-validations/deploys/64fb2732bb55de0008c8f2bd

[netlify]

✅ Deploy Preview for spirit-design-system-react canceled.

Name	Link
🔨 Latest commit	d19b59e
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system-react/deploys/64fb2732de863200084c5a95

[netlify]

✅ Deploy Preview for spirit-design-system-storybook ready!

Name	Link
🔨 Latest commit	d19b59e
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system-storybook/deploys/64fb2732dd56400008d93bfa
😎 Deploy Preview	https://deploy-preview-1045--spirit-design-system-storybook.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

coverage: 69.502% (-27.0%) from 96.46% when pulling 3cb3f69 on refactor/use-visually-hidden-component into 32425d1 on main.

[github-actions]

coverage: 69.502% (-27.0%) from 96.46% when pulling d19b59e on refactor/use-visually-hidden-component into e987ea3 on main.