Fixed/Run accessibility checks in dev mode using @axe-core/react

[letscodedanish]

Fix accessibility issues using @axe-core/react

Fixes #2966

Overview

This pull request addresses accessibility concerns in our project by implementing checks using the @axe-core/react library. By integrating this library, we can proactively identify and rectify accessibility issues before they impact users. This enhancement aligns with our goal of providing an inclusive user experience.

Changes

• Integrated @axe-core/react library for accessibility testing.
• Added a script to run accessibility checks on React components.

Future Considerations

While this implementation addresses the current accessibility issues, we recognize that there may be additional improvements or updates in the future. We remain open to further enhancements and feedback from the community.

Verification Checklist

• Checked for linting errors (npm run lint)
• Ensured there are no test errors (npm run test)
• Created the pull request from a uniquely-named feature branch and ensured it is up to date with the develop branch.
• Named the pull request descriptively and linked it to the corresponding issue number (Fixes #123).