feat(participants-pane) Design update (#13162)

Move ListItem to base/ui

react/features/base/ui/components/web/ContextMenu.tsx

@@ -132,7 +132,7 @@ const useStyles = makeStyles()(theme => {
             boxShadow: '0px 1px 2px rgba(41, 41, 41, 0.25)',
             color: theme.palette.text01,
             ...withPixelLineHeight(theme.typography.bodyShortRegular),
-            marginTop: `${(participantsPaneTheme.panePadding * 2) + theme.typography.bodyShortRegular.fontSize}px`,
+            marginTop: '48px',
             position: 'absolute',
             right: `${participantsPaneTheme.panePadding}px`,
             top: 0,
@@ -250,8 +250,7 @@ const ContextMenu = ({
         : <div
             { ...aria }
             aria-label = { accessibilityLabel }
-            className = { cx(participantsPaneTheme.ignoredChildClassName,
-                styles.contextMenu,
+            className = { cx(styles.contextMenu,
                 isHidden && styles.contextMenuHidden,
                 className
             ) }