another step

client/src/layout/TopBarAndSideBarLayout.tsx

@@ -1,7 +1,6 @@
 'use client';
 import { FunctionComponent, useMemo, useState } from 'react';
 import { Stack, StackProps } from '@mui/material';
-import { IS_DEBUG } from '@/config';
 import { AppIconButton, ErrorBoundary } from '@/components';
 import { LinkToPage } from '@/utils';
 import { useIsMobile } from '@/hooks';
@@ -22,11 +21,6 @@ interface Props extends StackProps {
   variant: 'sidebarAlwaysTemporary' | 'sidebarPersistentOnDesktop' | 'sidebarAlwaysPersistent';
 }
 
-/**
- * Renders "TopBar and SideBar" composition.
- * Does NOT subscribe to the color scheme — only <DarkModeToggleButton> does.
- * @layout TopBarAndSideBarLayout
- */
 const TopBarAndSideBarLayout: FunctionComponent<Props> = ({ children, sidebarItems, title, variant }) => {
   const [sidebarVisible, setSidebarVisible] = useState(false);
   const onMobile = useIsMobile();
@@ -87,8 +81,6 @@ const TopBarAndSideBarLayout: FunctionComponent<Props> = ({ children, sidebarIte
     ? { startNode: LogoButton, endNode: <DarkModeToggleButton /> }
     : { startNode: <DarkModeToggleButton />, endNode: LogoButton };
 
-  IS_DEBUG && console.log('Render <TopbarAndSidebarLayout/>', { onMobile, sidebarProps });
-
   return (
     <Stack sx={stackStyles}>
       <Stack component="header">