diff --git a/packages/app/src/layouts/default/index.jsx b/packages/app/src/layouts/default/index.jsx
index e8040ec5..7193f3ec 100755
--- a/packages/app/src/layouts/default/index.jsx
+++ b/packages/app/src/layouts/default/index.jsx
@@ -17,58 +17,63 @@ import TopBar from "@layouts/components/@mobile/topBar"
 import BackgroundDecorator from "@components/BackgroundDecorator"
 
 const DesktopLayout = (props) => {
-    return <>
-        <BackgroundDecorator />
-        <Modals />
-        <DraggableDrawerController />
+	return (
+		<>
+			<BackgroundDecorator />
+			<Modals />
+			<DraggableDrawerController />
 
-        <Layout id="app_layout" className="app_layout">
-            <Sidebar />
+			<Layout id="app_layout" className="app_layout">
+				<Sidebar user={props.user} />
 
-            <Layout.Content
-                id="content_layout"
-                className={classnames(
-                    ...props.contentClassnames ?? [],
-                    "content_layout",
-                    "fade-transverse-active",
-                )}
-            >
-                <Header />
+				<Layout.Content
+					id="content_layout"
+					className={classnames(
+						...(props.contentClassnames ?? []),
+						"content_layout",
+						"fade-transverse-active",
+					)}
+				>
+					<Header />
 
-                {
-                    props.children && React.cloneElement(props.children, props)
-                }
-            </Layout.Content>
+					{props.children &&
+						React.cloneElement(props.children, props)}
+				</Layout.Content>
 
-            <ToolsBar />
-        </Layout>
+				<ToolsBar />
+			</Layout>
 
-        <BetaBanner />
-    </>
+			<BetaBanner />
+		</>
+	)
 }
 
 const MobileLayout = (props) => {
-    return <Layout id="app_layout" className="app_layout">
-        <DraggableDrawerController />
-        <TopBar />
+	return (
+		<Layout id="app_layout" className="app_layout">
+			<DraggableDrawerController />
+			<TopBar />
 
-        <Layout.Content
-            id="content_layout"
-            className={classnames(
-                ...props.layoutPageModesClassnames ?? [],
-                "content_layout",
-                "fade-transverse-active",
-            )}
-        >
-            {
-                props.children && React.cloneElement(props.children, props)
-            }
-        </Layout.Content>
+			<Layout.Content
+				id="content_layout"
+				className={classnames(
+					...(props.layoutPageModesClassnames ?? []),
+					"content_layout",
+					"fade-transverse-active",
+				)}
+			>
+				{props.children && React.cloneElement(props.children, props)}
+			</Layout.Content>
 
-        <BottomBar />
-    </Layout>
+			<BottomBar />
+		</Layout>
+	)
 }
 
 export default (props) => {
-    return window.app.isMobile ? <MobileLayout {...props} /> : <DesktopLayout {...props} />
-} 
\ No newline at end of file
+	return window.app.isMobile ? (
+		<MobileLayout {...props} />
+	) : (
+		<DesktopLayout {...props} />
+	)
+}