feat: optimized screens layout via all devices

[Vinyl-Davyl]

Closes #46

Changes

• Initial optimized layouts for better screen responsiveness.
• Fixed issues with element visibility in tests due to text splitting.
• Updated unit tests cases

Author Checklist

• [x] Ensure you provide a DCO sign-off for your commits using the --signoff option of git commit.
• [x] Vital features and changes captured in unit and/or integration tests
• [x] Commits messages follow AP format
• [x] Extend the documentation, if necessary
• [ ] Merging to main from fork:branchname

[netlify[bot]]

✅ Deploy Preview for ap-template-playground ready!

Name	Link
🔨 Latest commit	e03b40877e48fc8109bedf92e9a3655a51feb7ae
🔍 Latest deploy log	https://app.netlify.com/sites/ap-template-playground/deploys/668295c27ccd750008a80948
😎 Deploy Preview	https://deploy-preview-78--ap-template-playground.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.