Refactor code structure for improved readability and maintainability

report_gen/page_11.html

@@ -1,4 +1,4 @@
-<div class="w-full page bg-white" style="height: 297mm">
+<div class="w-full page bg-white">
     <!-- Header Section -->
     <div
         class="bg-black text-white px-6 py-4 flex items-center justify-between"
@@ -71,7 +71,7 @@
 
                 <div class="flex justify-center">
                     <img
-                        src="{{ fat_metabolism_chart | default('../graphs/fat_metabolism_chart.png') }}"
+                        src="{{ fat_metabolism_chart }}"
                         alt="Fat Metabolism Chart"
                         class="w-full max-w-4xl h-auto object-contain"
                     />
@@ -130,7 +130,7 @@
             <!-- Recovery Graph -->
             <div class="flex justify-center mb-6">
                 <img
-                    src="{{ recovery_chart | default('../graphs/recovery_chart.png') }}"
+                    src="{{ recovery_chart }}"
                     alt="Recovery Chart"
                     class="w-full max-w-4xl h-auto object-contain"
                 />