[Bug]: Improve Frontend Accessibility (A11y)

[ctrixcode]

App Name: web

Describe the bug
The frontend application likely has accessibility issues that hinder users with disabilities (e.g., lack of keyboard navigation, insufficient ARIA attributes, poor color contrast).

To Reproduce
(This would require specific steps for each identified A11y issue, but for the general issue, it's an audit)

1. Use a screen reader to navigate the application.
2. Attempt to use the application solely with keyboard navigation.
3. Use a color contrast checker on various UI elements.

Expected behavior
The application should be fully navigable and usable by individuals with disabilities, adhering to WCAG guidelines.

Desktop (please complete the following information):

• OS: Windows
• Browser: Chrome

Smartphone (please complete the following information):

• Device: Android
• OS: 15
• Browser: Brave

Additional context
A comprehensive accessibility audit should be performed to identify and prioritize specific issues.

[santhosh-7777]

please assign this to me i would like to work on this?

[ctrixcode]

Here you go @santhosh-7777

[ctrixcode]

what's the status? @santhosh-7777

[santhosh-7777]

@ctrixcode almost done. i will make PR after some time