Fix backdrop positioning in experimental layout

src/components/Backdrop.tsx

@@ -1,15 +1,5 @@
-import Box from '@mui/material/Box';
 import React, { useEffect } from 'react';
 
-import layoutManager from './layoutManager';
-import { DRAWER_WIDTH } from './ResponsiveDrawer';
-
-const styles = layoutManager.experimental ? {
-    left: {
-        md: DRAWER_WIDTH
-    }
-} : {};
-
 const Backdrop = () => {
     useEffect(() => {
         // Initialize the UI components after first render
@@ -18,10 +8,7 @@ const Backdrop = () => {
 
     return (
         <>
-            <Box
-                className='backdropContainer'
-                sx={styles}
-            />
+            <div className='backdropContainer' />
             <div className='backgroundContainer' />
         </>
     );