Ajout commentaire des issues

src/app/menu/menu.css

@@ -15,6 +15,16 @@
 
 .sidebar-logo {
   padding: 0 0.5rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.4rem;
+}
+
+.sidebar-logo-icon {
+  width: 56px;
+  height: 65px;
+  flex-shrink: 0;
 }
 
 .sidebar-logo-text {

src/app/menu/menu.html

@@ -1,5 +1,29 @@
 <aside class="sidebar" aria-label="Menu principal">
   <div class="sidebar-logo">
+    <svg class="sidebar-logo-icon" viewBox="0 0 48 56" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+      <!-- Pot -->
+      <path d="M14 56 L16 49 L32 49 L34 56 Z" fill="#C05621"/>
+      <rect x="12" y="45" width="24" height="5" rx="2" fill="#9C4221"/>
+      <!-- Trunk -->
+      <path d="M24 45 C24 39 22 33 20 27 C18 22 19 17 22 13"
+            stroke="#744210" stroke-width="4" stroke-linecap="round"/>
+      <!-- Branch right -->
+      <path d="M21 28 C26 25 31 22 33 18"
+            stroke="#744210" stroke-width="2.5" stroke-linecap="round"/>
+      <!-- Branch left -->
+      <path d="M20 35 C15 32 11 28 10 24"
+            stroke="#744210" stroke-width="2" stroke-linecap="round"/>
+      <!-- Foliage — left -->
+      <circle cx="10" cy="21" r="9" fill="#276749"/>
+      <!-- Foliage — right -->
+      <circle cx="34" cy="16" r="10" fill="#276749"/>
+      <!-- Foliage — top center (brightest) -->
+      <circle cx="22" cy="11" r="11" fill="#2F855A"/>
+      <!-- Foliage — overlap highlight -->
+      <circle cx="26" cy="17" r="8" fill="#38A169"/>
+      <!-- Foliage — small accent top -->
+      <circle cx="18" cy="16" r="6" fill="#48BB78"/>
+    </svg>
     <span class="sidebar-logo-text">Bonsai</span>
   </div>