fix: Improve accessibility and code quality (#1985)

* fix: Replace deprecated onKeyPress with onKeyDown

This commit updates the component to use the recommended onKeyDown event handler, resolving a deprecation warning in React.

* style: Fix lint error for non-null assertion

Replaced the non-null assertion with a type assertion 'as HTMLElement' to resolve a linting error. This change ensures better type safety and code quality.

* fix: Improve color contrast ratio

This commit adjusts the background and foreground colors to meet WCAG AA standards. This fix ensures that text is readable and accessible for all users, including those with low vision.

* style: Remove empty css ruleset

Removed the empty  class declaration. This is a code style cleanup that doesn't change functionality but improves the maintainability and readability of the codebase.

* docs: Add meta description to document and language attribute to root element

* fix: Associate labels with form elements

This commit ensures all form input elements are correctly associated with their labels using the 'for' attribute. This is a critical fix for users of assistive technologies and provides a better user experience for everyone.

* style: Use single quotes for HTML attributes