Test/successguide theme contrast

[sanzzzz-g]

Description

Fixes #4448

Adds theme contrast coverage for the SuccessGuide component to verify visual cohesion across dark and light color schemes.

This PR introduces isolated tests that validate Tailwind dark-mode styling, readable foreground contrast, and consistent interactive UI behavior in both preferred color schemes.

Changes Made

• added SuccessGuide.theme-contrast.test.tsx
• verified dark and light theme container styling
• validated readable text contrast classes across themes
• checked button and interactive element theme states
• ensured overlay/background layers preserve foreground readability
• mocked animation dependencies for deterministic rendering
• added isolated visual cohesion assertions for Tailwind dark mode classes

Pillar

• 🎨 Pillar 1 — New Theme Design
• 📐 Pillar 2 — Geometric SVG Improvement
• 🕐 Pillar 3 — Timezone Logic Optimization
• 🛠️ Other (Bug fix, refactoring, docs)

Visual Preview

N/A (test-only changes)

Checklist before requesting a review:

• I have read the CONTRIBUTING.md file.
• I have tested these changes locally (localhost:3000/api/streak?user=YOUR_USERNAME).
• I have run npm run format and npm run lint locally and resolved all errors (CI will fail otherwise).
• My commits follow the Conventional Commits format.
• I have updated README.md if needed.
• I have started the repo.
• I have made sure that i have only one commit to merge in this PR.
• The SVG output matches the CommitPulse "premium quality" aesthetic standard.
• I joined the CommitPulse Discord community.

[Aamod-Dev]

Appreciate the contribution! I went through the implementation and it meets our expectations. The theme contrast test cases ensure our UI remains cohesive in both light and dark modes. Happy to approve this.

[Aamod-Dev]

Appreciate you taking the time to submit this PR. I went through the implementation and the approach looks solid.

Everything looks good. Approving this now.

[Aamod-Dev]

This PR is currently marked with the \status:blocked\ label. Please resolve the blockers so we can proceed with a full review and approval.

[Aamod-Dev]

Thanks for the contribution! I went through the changes and have evaluated them according to the rubric.

[Aamod-Dev]

Please fix the issues that caused the blocked label before this can be approved.

[sanzzzz-g]

Yeah @Aamod007 All checks are passed now!

[Aamod-Dev]

This PR is currently blocked due to a failing CI check or other blocking issues. Please fix the blocking issues so we can proceed with the review and approval process.

[sanzzzz-g]

But all checks are passed now

[github-actions]

📦 Next.js Bundle Size Report (Gzipped Sizes)

✨ No significant bundle size changes detected.

📊 Summary of Totals

Category	PR Size	Base Size	Difference
Total JS	3433.84 KB	3433.84 KB	0 B
Total CSS	258.05 KB	258.05 KB	0 B

[sanzzzz-g]

Hey @Aamod007 All the checks are passed now!