Refactor code structure for improved readability and maintainability

app/report_gen/page_18.html

@@ -0,0 +1,38 @@
+<div class="w-full page">
+    <!-- Main Content -->
+    <div class="p-8">
+        <h1 class="text-4xl font-bold mb-8">Glossary</h1>
+
+        <!-- Local Muscle Activity/SMO2 Definition -->
+        <div class="mb-12 text-sm leading-relaxed">
+            <p class="font-semibold mb-2">Local Muscle Activity/SMO2:</p>
+            <p>
+                SmO2 testing is a valuable tool for understanding how muscles
+                respond to various physiological stressors and how to fine-tune
+                training, nutrition and hydration accordingly. Monitoring
+                changes in tissue oxygen saturation and utilization helps
+                identify an individual's optimal intensity to work at, as well
+                as how well they recover between bouts of intensity. This can
+                help optimize training to improve performance, prevent
+                overtraining, and tailor strategies for better results.
+            </p>
+            <p>
+                During competitions, athletes can also use SmO2 data to pace
+                themselves effectively. Adjusting intensity based on muscle
+                oxygenation can help prevent premature fatigue and optimize race
+                outcomes
+            </p>
+        </div>
+
+        <div class="w-full max-w-5xl">
+            <h1 class="text-2xl font-bold mb-4 text-center">
+                Body Fat Percent Master Chart
+            </h1>
+            <img
+                src="data:image/png;base64,{{ body_fat_percentage_chart }}"
+                alt="Body Fat Percentage"
+                class="w-full h-auto object-contain chart-large"
+            />
+        </div>
+    </div>
+</div>