[web] fix members modal scrolling behavior

Summary:
This diff address a bug where the members list was not scrolling with the new refactored tabs I introduced a few weeks ago.

Linear task: https://linear.app/comm/issue/ENG-6470/cant-scroll-members-modal-on-web

Test Plan:
Please see the demo video below + also doubled checked with every place that uses the new refactored tabs that they did not have also have any regressions with the scrolling

{F1072024}

Reviewers: atul, inka

Reviewed By: inka

Subscribers: ashoat, tomek

Differential Revision: https://phab.comm.dev/D10732

Author: ginsueddy

web/modals/threads/members/members-modal.css

@@ -6,7 +6,7 @@ div.modalContentContainer {
   row-gap: 16px;
 }
 
-div.membersListTabs {
+div.membersListTabsContent {
   flex: 1;
   overflow: hidden;
 }
@@ -16,8 +16,8 @@ div.addNewMembers button {
 }
 
 div.membersList {
-  overflow: auto;
-  padding: 8px 0;
+  height: 100%;
+  overflow-y: scroll;
   color: var(--members-modal-member-text);
 }
 

web/modals/threads/members/members-modal.react.js

@@ -114,10 +114,8 @@ function ThreadMembersModalContent(props: ContentProps): React.Node {
   const threadMembersModalContent = React.useMemo(
     () => (
       <div className={css.modalContentContainer}>
-        <div className={css.membersListTabs}>
-          {tabs}
-          {tabContent}
-        </div>
+        {tabs}
+        <div className={css.membersListTabsContent}>{tabContent}</div>
         {addMembersButton}
       </div>
     ),