Avoid orphaned punctuation using non-breaking whitespace

[aduth]

🛠 Summary of changes

Enforces consistency of using non-breaking spaces within paired punctuation to avoid orphaned punctuation when line breaks occur, and fixes existing issues. It also adds French quotation characters ("guillemets": « ») as expected punctuation pairs.

The intent is to avoid the sorts of issues observed in #11911, consistently requiring that non-breaking spaces be used whenever there is whitespace within paired punctuation (parentheses, quotes, etc.).

Example (fixed in #11911):

📜 Testing Plan

Verify there's no regressions in the affected text. For example, ensure that the expanded banner text shows the lock icon within parentheses with whitespace.

[aduth]

This change addresses an edge-case where we previously relied on HTML whitespace collapsing with the space around the embedded lock and the final newline of the lock icon partial file. Using non-breaking spaces, the collapse doesn't occur, and therefore without these changes there's a slight increase in the amount of space to the right of the icon. The fix here inlines the icon rendering to avoid the trailing newline from the partial.

Before	After

It might also have a slight performance benefit of avoiding another partial load, and avoids some indirection for a partial that's not otherwise reused outside the banner.