Refactor MetricsViewer layout to improve readability by adjusting header positions and container structure.

Author: DevOps-zhuang

src/components/MetricsViewer.vue

@@ -58,14 +58,14 @@
 
     <v-main class="p-1" style="min-height: 300px;">
 
+      <v-container style="min-height: 300px;" class="px-4 elevation-2">
       <h2>Acceptance rate by count (%)</h2>
       <Bar :data="acceptanceRateByCountChartData" :options="chartOptions" />
 
       <h2>Total Suggestions Count | Total Acceptances Count</h2>
       <Line :data="totalSuggestionsAndAcceptanceChartData" :options="chartOptions" />
 
-      <v-container style="min-height: 300px;" class="px-4 elevation-2">
-        <h2>Acceptance rate by lines (%)</h2>
+      <h2>Acceptance rate by lines (%)</h2>
       <Bar :data="acceptanceRateByLinesChartData" :options="chartOptions" />
 
       <h2>Total Lines Suggested | Total Lines Accepted</h2>