feat: adicionar super manual didatico com fluxos 2d e sheet panel

app/src/pages/IsolatedRoofModule.tsx

@@ -9,6 +9,7 @@ import { calculateIsolatedShedRoof, calculateIsolatedGableRoof, frictionForceIso
 import IsolatedRoof3DViewer from '@/components/three/IsolatedRoof3D';
 import SceneCapturePanel from '../components/SceneCapturePanel';
 import ExportMenu from '../components/ExportMenu';
+import { EducationalManual } from '@/components/EducationalManual';
 import { exportGenericToPDF, type GenericPDFSection } from '../lib/export-generic-pdf';
 
 const IsolatedRoofModule: React.FC = () => {
@@ -164,10 +165,14 @@ const IsolatedRoofModule: React.FC = () => {
           <Badge variant="secondary" className="bg-background/80 backdrop-blur-sm">θ = {theta}°</Badge>
           <Badge variant="secondary" className="bg-background/80 backdrop-blur-sm">{type === 'shed' ? 'Uma água' : 'Duas águas'}</Badge>
         </div>
+        <div className="absolute top-4 right-4 z-10">
+          <EducationalManual type="isolated-roof" params={{ theta, type }} />
+        </div>
         <IsolatedRoof3DViewer
           type={type}
           theta={theta}
           height={height}
+          width={width}
           depth={depth}
           cpeWindward={cpeWindward}
           cpeLeeward={cpeLeeward}