Fix aside on Recorders without avatar

src/components/AppLayout/AsideLayout.astro

@@ -22,9 +22,10 @@ default slot
 
 interface Props {
   reducedAsideWidth?: boolean;
+  withAside?: boolean | undefined;
 }
 
-const { reducedAsideWidth = false } = Astro.props;
+const { reducedAsideWidth = false, withAside = true } = Astro.props;
 ---
 
 <div id="layout" class:list={{ "reduced-width": reducedAsideWidth }}>
@@ -40,10 +41,14 @@ const { reducedAsideWidth = false } = Astro.props;
     </div>
     <slot />
   </div>
-  <Card class="when-large right">
-    <slot name="header-aside" />
-    <slot name="aside" />
-  </Card>
+  {
+    withAside && (
+      <Card class="when-large right">
+        <slot name="header-aside" />
+        <slot name="aside" />
+      </Card>
+    )
+  }
 </div>
 
 {/* ------------------------------------------- CSS -------------------------------------------- */}

src/pages/[locale]/recorders/[id].astro

@@ -41,7 +41,7 @@ if (languages.length > 0) {
 {/* ------------------------------------------- HTML ------------------------------------------- */}
 
 <AppLayout>
-  <AsideLayout>
+  <AsideLayout withAside={avatar !== undefined && additionalAttributes.length > 0}>
     <Fragment slot="header">
       <AppLayoutTitle pretitle={`Recorder#${id.substring(0, 5)}`} title={username} />
     </Fragment>