Show selected candidate counts in collapsed category headers

[Copilot]

Collapsed candidate categories could hide voter selections, making it unclear which category contained selected candidates. This adds a compact selection count to collapsed category headers on the ballot screen, while keeping review screens unchanged.

• Voting Portal

  • Counts selected candidates per category from questionState.
  • Passes a localized summary label only outside review mode.

• UI Essentials

  • Renders the selected-count label in collapsed CandidatesList headers.
  • Adjusts header layout to wrap cleanly on mobile.

• Localization

  • Adds selection-count strings across voting portal translations.

const selectedCandidatesLabel =
    !isReview && selectedCandidatesCount > 0
        ? t(
              selectedCandidatesCount === 1
                  ? "candidatesList.selectedCandidate"
                  : "candidatesList.selectedCandidates",
              {count: selectedCandidatesCount}
          )
        : undefined

> [!WARNING]
>
>

[github-actions]

Thank you for your submission, we really appreciate it. Like many open-source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution. You can sign the CLA by just posting a Pull Request Comment same as the below format.

---

Thank you for your contribution! Before we can merge this PR, we need you to sign our Contributor License Agreement (CLA).

To sign the CLA, please comment on this PR with:
I have read the CLA Document and I hereby sign the CLA

This is a one-time requirement. Once you have signed, all future contributions will be covered.

You can read the full CLA document here: https://github.com/sequentech/step/blob/main/.github/cla/CLA.md

---

_{You can retrigger this bot by commenting recheck in this Pull Request. Posted by the CLA Assistant Lite bot.}

[github-actions]

PR Preview Action v1.8.1
🚀 View preview at https://docs.sequentech.io/docusaurus/pr-preview/pr-2650/
Built to branch doc-previews at 2026-05-08 17:08 UTC. Preview will be ready when the GitHub Pages deployment is complete.

[edulix]

continue in this branch to apply the required changes. Also add a comment to the PR with a screenshot of how it looks now.

[edulix]

remove any changes in this file

[Copilot]

Removed the changes from this file in commit 835a539. Current UI screenshot:

[edulix]

This looks awful. Can you please:

• make a screenshot in different widths (how it would look in mobile and how it would look in a laptop)
• ensure it shows nicely in mobile as well as in the computer, because right now each of the element of the header seems to resize differently, the candidate name has different behavior than the new indicator.

[Copilot]

continue in this branch to apply the required changes. Also add a comment to the PR with a screenshot of how it looks now.

Continued on this branch and removed the release-note change in commit 835a539. Current UI screenshot: