fix: apply theme color to problem panel badge

[devwithjay]

fix(ui): apply theme text color to problem panel badge

Closes #662

This PR fixes an issue where the problem type badge text in the Problem Panel did not adapt to the active theme, resulting in poor readability in dark mode.

Changes

• Applied theme-based textColor to the problem panel badge text
• Ensured consistent text contrast in both light and dark modes

Flags

• UI-only change
• No functional or behavioral impact
• No breaking changes

Screenshots or Video

Before:

After:

Related Issues

• Issue bug: Problem panel badge text ignores theme colors #662

Author Checklist

• Ensure you provide a DCO sign-off using the --signoff option of git commit
• Vital features and changes captured in unit and/or integration tests
• Commit messages follow AP format
• Extend the documentation, if necessary
• Merging to main from fork:branchname

[netlify]

✅ Deploy Preview for ap-template-playground ready!

Name	Link
🔨 Latest commit	353a30b
🔍 Latest deploy log	https://app.netlify.com/projects/ap-template-playground/deploys/69a80045355e760008437858
😎 Deploy Preview	https://deploy-preview-665--ap-template-playground.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.

[github-actions]

This PR is stale because it has been open 15 days with no activity. Remove stale label or comment or this will be closed in 10 days.

[devwithjay]

still working on this