HomeAssistant update

src/components/HomeAssistant/HomeAssistant.tsx

@@ -1,6 +1,8 @@
 import { useEffect } from "react";
 import { useHomeAssistantStore } from "@/store/homeAssistant";
 
+import style from "./style.module.css";
+
 export default function Timetable() {
     const fetchHomeAssistantData = useHomeAssistantStore(
         (state) => state.fetch,
@@ -21,8 +23,17 @@ export default function Timetable() {
     return (
         <div>
             <h1>Tent</h1>
-            <p>Temperature: {tentTemperature}°C</p>
-            <p>Humidity: {tentHumidity}%</p>
+            <div className={style.cardContainer}>
+                <div className={style.card}>
+                    <h4>Temperature</h4>
+                    <p>{tentTemperature}°C</p>
+                </div>
+
+                <div className={style.card}>
+                    <h4>Humidity</h4>
+                    <p>{tentHumidity}%</p>
+                </div>
+            </div>
         </div>
     );
 }