feat: aprimoramento didatico dos SVGs, rotulagem de vistas, legendas e explicacao contextualizada

app/src/pages/CylinderModule.tsx

@@ -142,7 +142,7 @@ const CylinderModule: React.FC = () => {
           </Badge>
         </div>
         <div className="absolute top-4 right-4 z-10">
-          <EducationalManual type="cylinder" params={{ roughness: surface }} />
+          <EducationalManual type="cylinder" params={{ surface, endType, cpi: result.cpi }} />
         </div>
         <div className="w-full h-full bg-muted/20">
           <Cylinder3DViewer

app/src/pages/DomeModule.tsx

@@ -120,7 +120,7 @@ const DomeModule: React.FC = () => {
           </Badge>
         </div>
         <div className="absolute top-4 right-4 z-10">
-          <EducationalManual type="dome" params={{ rise, diameter }} />
+          <EducationalManual type="dome" params={{ rise, diameter, cpi }} />
         </div>
         <div className="w-full h-full bg-muted/20">
           <Dome3DViewer

app/src/pages/VaultModule.tsx

@@ -128,7 +128,7 @@ const VaultModule: React.FC = () => {
           </Badge>
         </div>
         <div className="absolute top-4 right-4 z-10">
-          <EducationalManual type="vault" params={{ rise, span }} />
+          <EducationalManual type="vault" params={{ rise, span, regime, localCpi }} />
         </div>
         <div className="w-full h-full bg-muted/20">
           <Vault3DViewer span={span} length={length} rise={rise} cpi={localCpi} cpeProfile={{ ...result.windPerpendicular }} />