fix: hints input box too narrow in problem editor settings sidebar

[djoseph-apphelix]

Description

• Fix the hints input box being too narrow in the Problem Editor settings sidebar by adding align-items: stretch scoped to only the Hints card (.settingsOption.hints-card)
• The Paragon Card component inherits Bootstrap's .card default of align-items: flex-start, which caused the TinyMCE hint input to not fill the available sidebar width
• The fix is scoped to HintsCard only (via a hints-card className) to avoid unintended layout changes to other settings cards (Type, Scoring, Show answer, etc.)

Screenshot

Before

After fix

Supporting information

Jira ticket : TNL2-557

Testing instructions

• Open a Problem Editor (any problem type that supports hints)
• Expand the Hints section in the settings sidebar
• Click Add hint and verify the hint input box stretches to fill the full width of the sidebar
• Verify other settings cards (Type, Scoring, Show answer, Show reset option) are visually unchanged
• Test with multiple hints added to ensure all hint rows render at full width

[Copilot]

Pull request overview

This PR fixes a layout issue in the Problem Editor settings sidebar where the TinyMCE hint input did not expand to the full available width, by scoping a flex alignment override specifically to the Hints settings card.

Changes:

• Add a .hints-card class to the HintsCard settings option wrapper.
• Apply align-items: stretch to .settingsOption.hints-card to ensure hint rows/input stretch to full sidebar width.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File	Description
src/editors/containers/ProblemEditor/components/EditProblemView/index.scss	Adds a targeted CSS rule to stretch items inside the Hints settings card only.
src/editors/containers/ProblemEditor/components/EditProblemView/SettingsWidget/settingsComponents/HintsCard.jsx	Tags the Hints settings card with a dedicated className to scope the CSS fix.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.