Enhance table styling and layout in report pages

- Updated table header and cell classes to center-align text for better readability in page_19.html.
- Adjusted padding and margins in page_7.html for improved layout and visual consistency.
- Reduced spacing in various sections to create a more compact and organized appearance.

report_gen/page_7.html

@@ -1,11 +1,11 @@
-<div class="w-full page bg-white p-8">
+<div class="w-full page bg-white p-4">
     <!-- Header -->
-    <h1 class="text-3xl font-bold mb-6">Lung Analysis</h1>
+    <h1 class="text-3xl font-bold mb-2">Lung Analysis</h1>
 
     <!-- Spirometry Assessment Section -->
-    <div class="mb-8">
+    <div class="mb-2">
         <h2 class="text-xl font-semibold mb-4">Spirometry Assessment</h2>
-        <p class="text-sm text-gray-700 mb-6">
+        <p class="text-sm text-gray-700 mb-4">
             Spirometry is a diagnostic device that assesses how well a person
             breathes and how their lungs are functioning. Lung function is
             crucial for oxygen delivery during physical activity. Comparing
@@ -24,18 +24,18 @@
         </div>
 
         <!-- Indications Box -->
-        <div class="bg-gray-200 rounded-lg p-4 text-center mb-8">
+        <div class="bg-gray-200 rounded-lg p-4 text-center mb-2">
             <h3 class="font-semibold text-lg mb-2">Indications</h3>
             <p class="text-gray-700">{{ indication }}</p>
         </div>
     </div>
 
     <!-- Respiratory Section -->
-    <div class="mb-8">
+    <div class="mb-4">
         <h2 class="text-xl font-semibold mb-4 text-center">Respiratory</h2>
 
         <!-- Respiratory Chart -->
-        <div class="flex justify-center mb-6">
+        <div class="flex justify-center mb-4">
             <img
                 src="data:image/png;base64,{{ respiratory_analysis_chart }}"
                 alt="Respiratory Analysis Chart"