[Accessibility] Hide decorative separators from narrator on Team Details page

[Copilot]

Windows Narrator stops on decorative separators in Team Details when navigating with Caps+Arrow, reading them as content when they carry no information.

Accessibility fixes

• <hr> → <hr aria-hidden="true" /> to skip the section divider
• Dashed email delimiters (------------------) wrapped in <span aria-hidden="true"> to prevent narrator from reading them as a string of dashes

Text clarity (per reviewer feedback)

• Lunch section: simplified wording; proper singular/plural for item count and player count
• Invite teammates: tightened intro copy
• Looking for teammates note: reworded from "marked as looking for unsolicited teammates" → "currently open to unsolicited requests"

Model

• Extracted PlayersNeededForNextLunch computed property from inline view expression; guards against EligibleForLunch == 0 (negative modulo edge case in C#):

public int PlayersNeededForNextLunch => EligibleForLunch == 0
    ? PlayersPerLunch
    : PlayersPerLunch - ((EligibleForLunch - 1) % PlayersPerLunch);

[morganbr]

@copilot please include a screenshot of the resulting page

[Copilot]

@copilot please include a screenshot of the resulting page

Here's a screenshot of the resulting Team Details page:

The page shows:

• The decorative <hr> separator (visually unchanged; now aria-hidden="true")
• The two-column layout with Team details + Lunch on the left, and Current members, Invite teammates, and Pending requests on the right
• Simplified Lunch text with correct singular/plural ("2 lunch items", "2 more in-person players")
• Tightened "Invite teammates" intro
• Reworded note: "Your team is currently open to unsolicited requests"
• The dashed email delimiters (------------------) are visually identical but wrapped in <span aria-hidden="true"> so Narrator skips them

[morganbr]

@vidapour did the bot set up the wording you want here?