📱(frontend) enable Y-scroll on participants menu

Responsiveness issue. Fixed it, to allow user scrolling the
participants list.

src/frontend/src/features/rooms/livekit/components/controls/Participants/ParticipantsList.tsx

@@ -78,6 +78,7 @@ export const ParticipantsList = () => {
           <RiCloseLine />
         </Button>
       </Div>
+      <Div overflowY="scroll">
         <H
           lvl={2}
           className={css({
@@ -91,11 +92,7 @@ export const ParticipantsList = () => {
           {t('participants.subheading').toUpperCase()}
         </H>
         {raisedHandParticipants.length > 0 && (
-        <div
+          <Div marginBottom=".9375rem">
-          style={{
-            marginBottom: '.9375rem',
-          }}
-        >
             <ParticipantsCollapsableList
               heading={t('participants.raisedHands')}
               participants={raisedHandParticipants}
@@ -106,7 +103,7 @@ export const ParticipantsList = () => {
                 <LowerAllHandsButton participants={raisedHandParticipants} />
               )}
             />
-        </div>
+          </Div>
         )}
         <ParticipantsCollapsableList
           heading={t('participants.contributors')}
@@ -115,6 +112,7 @@ export const ParticipantsList = () => {
             <ParticipantListItem participant={participant} />
           )}
         />
+      </Div>
     </Box>
   )
 }