fix/accessibility-issues

[rizviammar579]

Related Issue

#2496

Previous Behaviour

• Theme toggle was not accessible via keyboard (Tab/Space did not work).
• NVDA screen reader only announced “checkbox checked / not checked” without context.
• Visually impaired users had no indication that the checkbox represented Dark Mode.

New Behaviour

• Theme toggle is now fully accessible through keyboard navigation (Tab + Space).
• NVDA screen reader correctly announces:
  “Dark Mode checkbox checked / not checked”
  providing clear and contextual feedback for visually impaired users.

What Changed

• Removed display: none style from the checkbox input tag, which was blocking keyboard accessibility.
• Moved theme text into the <label> to resolve the accessible name bug.
• Adjusted CSS to preserve the original UI look after moving text into the label.
• Ensured that the visual design remains consistent with the previous implementation while fixing accessibility.

Relation to Previous Issue

#2483

• This PR also include fixes from my previously raised issue since the problems were interrelated.
• Bundling them together ensures a cleaner merge process .

[rizviammar579]

Hi @bitwiseman , thanks for the review! Just checking in as the required workflows are still awaiting approval. Please let me know if anything is needed from my side.