remove backdrop

apps/app/src/components/Sidebar/Sidebar.module.scss

@@ -218,11 +218,3 @@
     }
   }
 }
-
-// '&' could not be set after :global
-// workaround from https://github.com/css-modules/css-modules/issues/295#issuecomment-952885628
-.grw-sidebar-backdrop {
-  &:global(.modal-backdrop) {
-    z-index: bs.$zindex-fixed + 1;
-  }
-}

apps/app/src/components/Sidebar/Sidebar.tsx

@@ -129,11 +129,6 @@ export const Sidebar = memo((): JSX.Element => {
     }
   }, [isResizeDisabled, mutateSidebarResizeDisabled]);
 
-  const backdropClickedHandler = useCallback(() => {
-    mutateDrawerOpened(false, false);
-  }, [mutateDrawerOpened]);
-
-
   const setContentWidth = useCallback((newWidth: number) => {
     if (resizableContainer.current == null) {
       return;
@@ -350,9 +345,6 @@ export const Sidebar = memo((): JSX.Element => {
         </div>
       </div>
 
-      { isDrawerOpened && (
-        <div className={`${styles['grw-sidebar-backdrop']} modal-backdrop show`} onClick={backdropClickedHandler}></div>
-      ) }
     </>
   );