fix(participants-pane): Allow multiline text in footer context menu

Fixes text truncation issue in participants pane footer context menu
items (the three-dot menu). Menu items now wrap naturally to multiple
lines instead of being truncated mid-word, improving readability for
languages with longer text strings like French.

The fix uses standard CSS properties (whiteSpace, wordBreak,
overflowWrap) without browser-specific prefixes. It is specific to
the footer context menu in the participants pane and does not affect
other context menus.

react/features/participants-pane/components/web/FooterContextMenu.tsx

@@ -44,7 +44,14 @@ const useStyles = makeStyles()(theme => {
             right: 0,
             top: '-8px',
             transform: 'translateY(-100%)',
-            width: '283px'
+            width: '283px',
+
+            // Allow text in menu items to wrap to multiple lines.
+            '& [role="button"] > div > span, & [role="menuitem"] > div > span': {
+                whiteSpace: 'normal',
+                wordBreak: 'break-word',
+                overflowWrap: 'break-word'
+            }
         },
 
         text: {