Siri Vavila - feat(skills): dark mode for Skills page

[sirisudheeksha]

Description

Implement dark mode styles for HGN Skills page and add guard to HGN Form to prevent re-submission when a response already exists.

Related PRS (if any):

This frontend PR is related to the PR 4267.

…

Main changes explained:

• Update HGNForm pages (Page1–Page5) to import QuestionnaireInfo and add existing-response redirect; fix httpService import.
• Update SkillsProfilePage components (LeftSection, ProfileDetails, RightSection, RadarChart, UserSkillsProfile) to toggle dark mode via Redux and CSS modules; RadarChart options switch grid/labels/tooltips per theme.
• Update styles (LeftSection.module.css, ProfileDetails.module.css, RightSection.module.css, RadarChart.module.css, UserSkillsProfile.module.css) to add scoped .dark variants.
• …

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. log as admin user
5. go to /hgn/profile/skills and /hgnform(if survey is not completed)
6. verify function “A” (feel free to include screenshot here)
   7.verify Skills page info card, right panel, and radar chart switch correctly between light/dark; /hgnform redirects to Skills if user has hgnformresponses

Screenshots or videos of changes:

Light mode:

Dark mode:

](url)

Note:

Include the information the reviewers need to know.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	1c2ad70
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/697ef7b209699a00086566a9
😎 Deploy Preview	https://deploy-preview-4786--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate failed

Failed conditions
20.0% Duplication on New Code (required ≤ 3%)

See analysis details on SonarQube Cloud

[Anusha-Gali]

Hi Siri Vavila,

I have reviewed your PR locally and though the mode change works there is an issue of the form submission check. I already have a data in the skills page as you can see in the below video. However when i go to the /hgnform webpage it still asks me to enter details in the form.

4786.mp4