Add tree-line connector for RAID child drives in host drives card

frontend/src/App.jsx

@@ -698,9 +698,20 @@ function HostDrivesCard({ drives, onSelect, t }) {
                   </span>
                 )}
               </div>
-              {d.physical_drives?.map((pd, i) => (
+              {d.physical_drives?.length > 0 && (
-                <HostDriveRow key={pd.serial || i} d={pd} onSelect={onSelect} t={t} indent />
+                <div style={{ marginLeft: 20, borderLeft: `2px solid ${t.cardBorder}`, paddingLeft: 0 }}>
+                  {d.physical_drives.map((pd, i) => (
+                    <div key={pd.serial || i} style={{ display: "flex", alignItems: "center", marginTop: 4 }}>
+                      <div style={{
+                        width: 16, height: 1, background: t.cardBorder, flexShrink: 0,
+                      }} />
+                      <div style={{ flex: 1 }}>
+                        <HostDriveRow d={pd} onSelect={onSelect} t={t} indent />
+                      </div>
+                    </div>
                   ))}
+                </div>
+              )}
             </React.Fragment>
           ))}
         </div>