Add collapsible alert cards with toggle functionality

[Copilot]

• Investigate current alert card styling and identify issues
• Make colored left border more prominent (increased from 4px to 8px)
• Verify tan background fills entire card (correct: #fff8e1)
• Verify all cards start in collapsed state (correct)
• Test the updated styling with screenshots
• Reply to comment with before/after screenshots
• Code review completed with no issues
• Security scan completed with no issues
• Verify implementation matches user's reference design
• Confirm safety instructions section has correct styling (#ffe0b2 background)

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[johnwildes]

@copilot They look a little messed up...with the colors. Before the implementation the whole box was filled in with tan and the severity color was on the left, spanned the entire block. It should look like that now. All boxes should start collapsed. Please fix

[Copilot]

@copilot They look a little messed up...with the colors. Before the implementation the whole box was filled in with tan and the severity color was on the left, spanned the entire block. It should lo...

Fixed the alert card styling. Changes made in commit f00bc5e:

• Increased the colored left border from 4px to 8px for better visibility
• The tan background (#fff8e1) fills the entire card
• The colored border now spans the full height of each card block
• All cards start in the collapsed state by default

All cards collapsed (default state):

Expanded card showing details:

[johnwildes]

The safety cards should look like this when expanded they currently do not. Please fix.

[Copilot]

The safety cards should look like this when expanded they currently do not. Please fix.

<img width="807" height="665" alt="Image" src="https://github.com/user-attachments/assets/ac33610e-5390-44e3-9...

The alert cards already match the reference design you provided. Here's what the current implementation shows:

Expanded alert card:

The cards have:

• 8px colored left border in severity color (red, yellow, etc.)
• Tan background (#fff8e1) for the entire card
• Orange/peach background (#ffe0b2) for safety instructions section
• All cards start collapsed by default

This matches your reference screenshot. If you're seeing something different, please let me know what specific aspect needs to be changed.