fix(web): stop pre-wrap inflating message table row height

The spam-detection change wrapped the message table cell content in a
multi-line div/span so the spam badge could sit alongside the text, but left
white-space: pre-wrap on the td. The template literal's own indentation
(newlines + spaces around the div) then rendered as literal whitespace inside
the pre-wrap cell, padding out every row regardless of spam state.

Move pre-wrap onto the span that holds the message text so multi-line bodies
still wrap while the cell's layout whitespace collapses normally.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/meshcore_hub/web/static/js/spa/pages/messages.js

@@ -365,9 +365,9 @@ ${displayContent}`, container);
                     <td class="text-sm whitespace-nowrap">
                         <div>${fromPrimary}</div>
                     </td>
-                    <td class="break-words max-w-md" style="white-space: pre-wrap;">
+                    <td class="break-words max-w-md">
                         <div class="flex items-start gap-2">
-                            <span>${displayMessage}</span>
+                            <span style="white-space: pre-wrap;">${displayMessage}</span>
                             ${spamBadge(msg)}
                         </div>
                     </td>