Approach to solve issue changed.

bigbluebutton-html5/imports/ui/components/chat/component.jsx

@@ -56,12 +56,6 @@ const Chat = (props) => {
     width,
   } = props;
 
-  const [isMenuOpen, setMenuOpen] = useState(false);
-
-  const handleToggleMenu = () => {
-    setMenuOpen((prevState) => !prevState);
-  };
-
   const userSentMessage = UserSentMessageCollection.findOne({ userId: Auth.userID, sent: true });
   const { isChrome } = browserInfo;
 
@@ -73,7 +67,6 @@ const Chat = (props) => {
     <Styled.Chat
       isChrome={isChrome}
       data-test={isPublicChat ? 'publicChat' : 'privateChat'}
-      className={isMenuOpen ? '' : 'no-padding'}
     >
       <Header
         data-test="chatTitle"
@@ -83,7 +76,6 @@ const Chat = (props) => {
           'data-test': isPublicChat ? 'hidePublicChat' : 'hidePrivateChat',
           label: title,
           onClick: () => {
-            handleToggleMenu;
             layoutContextDispatch({
               type: ACTIONS.SET_SIDEBAR_CONTENT_IS_OPEN,
               value: false,

bigbluebutton-html5/imports/ui/components/layout/layout-manager/customLayout.jsx

@@ -145,7 +145,7 @@ const CustomLayout = (props) => {
             sidebarNavPanel: sidebarNavigationInput.sidebarNavPanel,
           },
           sidebarContent: {
-            isOpen: false,
+            isOpen: true,
             sidebarContentPanel: sidebarContentInput.sidebarContentPanel,
           },
           sidebarContentHorizontalResizer: {

bigbluebutton-html5/imports/ui/components/nav-bar/settings-dropdown/component.jsx

@@ -264,7 +264,7 @@ class SettingsDropdown extends PureComponent {
           icon: 'popout_window',
           label: intl.formatMessage(intlMessages.openAppLabel),
           onClick: () => mountModal(<MobileAppModal />),
-         }
+        },
       );
     }
 

bigbluebutton-html5/imports/ui/components/notes/component.jsx

@@ -65,11 +65,6 @@ const Notes = ({
   shouldShowSharedNotesOnPresentationArea,
 }) => {
   const [shouldRenderNotes, setShouldRenderNotes] = useState(false);
-  const [isNotesOpen, setNotesOpen] = useState(false);
-
-  const handleToggleNotes = () => {
-    setNotesOpen((prevState) => !prevState);
-  };
 
   const { isChrome } = browserInfo;
   const isOnMediaArea = area === 'media';
@@ -177,13 +172,11 @@ const Notes = ({
       data-test="notes"
       isChrome={isChrome}
       style={style}
-      className={isNotesOpen ? '' : 'no-padding'}
     >
       {!isOnMediaArea ? (
         <Header
           leftButtonProps={{
             onClick: () => {
-              handleToggleNotes;
               layoutContextDispatch({
                 type: ACTIONS.SET_SIDEBAR_CONTENT_IS_OPEN,
                 value: false,

bigbluebutton-html5/imports/ui/components/sidebar-content/component.jsx

@@ -56,17 +56,11 @@ const SidebarContent = (props) => {
   const [isResizing, setIsResizing] = useState(false);
   const [resizeStartWidth, setResizeStartWidth] = useState(0);
   const [resizeStartHeight, setResizeStartHeight] = useState(0);
-  const [isPollOpen, setPollOpen] = useState(false);
-
-  const handleTogglePoll = () => {
-    setPollOpen((prevState) => !prevState);
-  };
 
   useEffect(() => {
     if (!isResizing) {
       setResizableWidth(width);
       setResizableHeight(height);
-      handleTogglePoll;
     }
   }, [width, height]);