[Frontend] Refactor state logic for Onboarding Progress Tracker

[emdevelopa]

Description
This task involves UX enhancement for the Onboarding Progress Tracker module.
The goal is to refactor state logic for Onboarding Progress Tracker to improve the platform's styling, user interactions, and overall accessibility.

Requirements and context

• Must be secure, tested, and documented
• Adhere to the Drips Wave design and UI/UX standards
• Ensure compatibility across desktop and mobile browsers
• Specifically focused on frontend UX enhancement and responsiveness

Suggested execution

Fork the repo and create a branch
git checkout -b feature/fe-refactor-state-logic-for-onboarding-progress-tracker
Implement changes

Review existing component in Onboarding Progress Tracker
Apply changes: Refactor state logic for Onboarding Progress Tracker
Use clean CSS or tailwind variables for styling
Maintain state transitions and visual feedback
Test and commit

Test mobile responsiveness and interactive states
Check accessibility (a11y) using standard audits
Include screenshots or gifs in the PR
Example commit message
feat(frontend): refactor state logic for Onboarding Progress Tracker

Guidelines

Complexity: Medium (150 points)
Assignment required before starting
PR description must include: Closes #[issue_id]