fix: prevent incident table horizontal overflow from long summaries

[tysoncung]

What

Fixes #6083

The incidents table stretches horizontally beyond the viewport when an incident has a long AI-generated summary.

Root Cause

Two issues combine:

1. FormattedContent renders HTML via dangerouslySetInnerHTML, producing block-level elements (<p>, <ul>, etc.) that create their own block formatting context. line-clamp on the outer container cannot penetrate into these child block elements, so the text is never clamped.

2. The table cell has no max-width or overflow constraint, so it grows unbounded with the unclamped content, stretching the entire table.

Changes

1. Add plain prop to FormattedContent

New optional plain prop strips HTML tags and renders as plain inline text, allowing line-clamp to work correctly.

keep-ui/shared/ui/FormattedContent/FormattedContent.tsx:

• Added stripHtmlTags() utility
• Added plain prop to FormattedContentProps
• When plain is true, strips HTML and renders as a plain text div

2. Constrain the Incident column cell

keep-ui/features/incidents/incident-list/ui/incidents-table.tsx:

• Added max-w-md overflow-hidden to the cell container
• Set plain prop on FormattedContent so line-clamp-3 works
• Added text-sm text-gray-500 for visual hierarchy between title and summary

[vercel]

@tysoncung is attempting to deploy a commit to the KeepHQ Team on Vercel.

A member of the Team first needs to authorize it.

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[Aladex]

I opened #6083 and went through several iterations trying to fix this. A few notes on this PR:

max-w-md on the div won't work well. We tried max-w-sm first — it clips text mid-character on narrower viewports because the fixed max-width doesn't adapt to the available table space. max-w-md will have the same problem, just at a slightly larger breakpoint.

The fix needs to be on the <td>, not the inner div. With table-layout: auto (default), the table cell grows with its content regardless of the inner div's max-width. The constraint needs to be at the cell level. We found that adding overflow-hidden via the column's meta.tdClassName is what actually prevents the table from stretching:

meta: {
  tdClassName: "overflow-hidden",
},

We're still testing the right combination on our deployment — will open a proper PR once we've verified it works end-to-end.

[shahargl]

@Aladex @tysoncung can you sign the CLA?