Write unit tests for the SettingsForm component

[Calebux]

Context & Description

We are missing test coverage for SettingsForm. Write unit tests using Jest and React Testing Library to ensure it renders correctly and handles user interactions as expected.

Acceptance Criteria

• Component is fully responsive across mobile, tablet, and desktop viewports.
• UI matches the established design system and toggles theming correctly (e.g. Dark Mode).
• Passes all accessibility guidelines (minimum WCAG AA contrast, proper ARIA labels).
• Renders efficiently without unnecessary layout shifts (CLS).
• Interactive states (hover, focus, active, disabled) are fully styled.

Technical Constraints & Notes

• Modularity: Keep components as decoupled and reusable as possible.
• TypeScript: Adhere strictly to strict TypeScript types. The use of any is strictly prohibited.
• Styling: Do not use inline styles; use the project's centralized styling solution.

[Oluwasegun6921]

@Oluwasegun6921 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hello Maintainer,
I’m interested in being assigned this issue. I’ll handle the implementation carefully, test the changes, and submit a PR for review.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Oluwasegun6921 to this issue.

[starkiVector-090]

@starkiVector-090 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hello team, can I work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @starkiVector-090 to this issue.

[drips-wave]

Congratulations, @starkiVector-090! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 2026.

🧑‍💻 @starkiVector-090: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊