SyntaxHighlight within a table can overflow the table row

[Redbot]

Describe the Bug

Including <syntaxhighlight> tags in a table cell can cause overflow, spilling over the contents of the page when scrolling.

Steps to reproduce the behavior:

1. Add the following to a sandbox on starcitizen.tools, and then view in a slim (vertical) window:

===syntaxhighlight overflow===
{| class="wikitable" 
|-
!Column 1<br />
!Column 2<br />
|-
|Row 1
| <syntaxhighlight lang="ini">
Buffs3=Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Buffs3=Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
Buffs3=Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
 </syntaxhighlight>
|}

Expected Behavior

On Vector and other MW skins, the cell is properly word wrapped.

Fix

See pull request for a possible fix, which I've tested locally.