room-based monitoring

src/views/HomeView.vue

@@ -47,6 +47,10 @@
     <!-- Charts and Knowledge Cards Row -->
     <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
       <SensorConsumptionTable />
+      <div class="grid grid-cols-1 gap-4">
+        <RoomMetricsCard />
+        <AirQualityCard />
+      </div>
     </div>
   </div>
 </template>
@@ -56,6 +60,8 @@ import RealtimeEnergyChartCard from '@/components/cards/RealtimeEnergyChartCard.
 import MetricCard from '@/components/cards/MetricCard.vue'
 import GraphMetricCard from '@/components/cards/GraphMetricCard.vue'
 import SensorConsumptionTable from '@/components/cards/SensorConsumptionTable.vue'
+import RoomMetricsCard from '@/components/cards/RoomMetricsCard.vue'
+import AirQualityCard from '@/components/cards/AirQualityCard.vue'
 import { useEnergyStore } from '@/stores/energy'
 import { computed, onMounted, onUnmounted } from 'vue'