webapp: wrap destruction notes instead of widening the table

The theme sets white-space: nowrap on every table cell, so the
ServiceNow tick list's destruction note (and the to-do failure column)
ran as one line and pushed the Done buttons off to the right. A
td.wrap utility lets prose cells wrap within 16-28rem.

webapp/templates/reports_servicenow.html

@@ -53,7 +53,7 @@
             {% if it.failed %}<span class="badge badge-danger">Blancco Wipe failed</span>
             {% else %}<span class="badge badge-success">Wiped</span>{% endif %}
           </td>
-          <td style="max-width: 28rem;">
+          <td class="wrap">
             {% if it.note %}
             <div class="small">{{ it.note }}</div>
             <button type="button" class="btn btn-sm btn-outline-secondary btn-row-action copy-btn mt-1" data-copy-text="{{ it.note }}">copy note</button>

webapp/templates/reports_todo.html

@@ -69,7 +69,7 @@
           <td class="mono">{{ it.serial or '-' }}</td>
           <td>{{ it.model or '-' }}</td>
           <td class="mono text-nowrap">{{ it.when.strftime('%Y-%m-%d %H:%M') }}</td>
-          <td class="small" style="max-width: 26rem;">{{ it.note }}</td>
+          <td class="small wrap">{{ it.note }}</td>
           <td class="text-end text-nowrap">
             <a href="{{ url_for('blancco_view_report', filename=it.file) }}" class="pxe-btn pxe-btn-secondary btn-row-action"><i class="bi bi-eye"></i> Report</a>
             <form method="post" action="{{ url_for('blancco_todo_mark', kind='destroyed', key=it.document_id) }}" style="display:inline;">