Truncate multiple payee names with ellipsis to prevent layout overflow in the payee column. (#5418)

* Have the multiple payee text overflow with ellipsis

* [autofix.ci] apply automated fixes

* Add release notes

* add minWidth to the payee text

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

packages/desktop-client/src/components/transactions/TransactionsTable.tsx

@@ -527,7 +527,7 @@ function PayeeCell({
       <CellButton
         bare
         style={{
-          alignSelf: 'flex-start',
+          alignSelf: 'stretch',
           borderRadius: 4,
           border: '1px solid transparent', // so it doesn't shift on hover
           ':hover': isPreview
@@ -575,6 +575,7 @@ function PayeeCell({
               width: 14,
               height: 14,
               marginRight: 5,
+              flexShrink: 0,
             }}
           />
           <Text
@@ -582,6 +583,10 @@ function PayeeCell({
               fontStyle: 'italic',
               fontWeight: 300,
               userSelect: 'none',
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap',
+              minWidth: 0,
               borderBottom: importedPayee
                 ? `1px dashed ${theme.pageTextSubdued}`
                 : 'none',