refactor: change div to aside for accessibility in settings component

[hxrshxz]

Fixes #996

Description

I have changed the div to aside for accessibility in settings componen now it is contained in a semantic landmark and now screen reader users can efficiently navigate the page using landmark shortcuts.

[Copilot]

Pull Request Overview

This PR improves accessibility by replacing a generic div element with a semantic aside element for the Settings component. The change adds proper landmark navigation support for screen reader users without affecting visual layout or functionality.

• Replaces div with aside element for semantic HTML
• Adds aria-label="Settings" for better screen reader identification

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}