Rendered tables overflow and misalign in preview mode

[newhinton]

Steps to reproduce

1. Create a note with a table
2. Add lots of Columns with content

Expected behaviour

The table should truncate, and be scrollable

Actual behaviour

Tablecontent moves outside the viewable space

Screenshots

||Name | Name|Name|Name|Name|Name|Name|Name|
|:---:|:---|:---|:---:|---:|---:|---:|---:|---:|
|1|2| 3 | 4 |5|6|Loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong content|8|9|

Tables generally grow only to the right side. For smaller tables that might be fine, but when they grow bigger, they eventually misalign. This looks off, maybe we should always make tables a fixed with or at least center them,

Server

Please complete the following information.

• Notes app version: 4.6.0

• Nextcloud version: 25.0.1

• Browser (incl. version): Firefox 107

• OS: Kubuntu 22.04

[joshtrichards]

Reproduced. Does not happen in rich text mode, just preview mode.