Clock widget and more copypasta

src/components/Dashboard/Dashboard.tsx

@@ -1,6 +1,7 @@
 import Flatastic from "@/components/Flatastic/Flatastic";
 import HomeAssistant from "@/components/HomeAssistant/HomeAssistant";
 import Timetable from "@/components/Timetable/Timetable";
+import Datetime from "@/components/Datetime/Datetime";
 import Footer from "@/components/Footer/Footer";
 
 import style from "./style.module.css";
@@ -10,17 +11,26 @@ export default function Dashboard() {
         <div className={style.dashboard}>
             <div className={style.cardWrapper}>
                 <div className={style.card}>
-                    <div className={style.cardHeader}>🕐 Timetable</div>
+                    <div className={style.cardHeaderInactive}>🚊 Timetable</div>
                     <div className={style.cardContent}>
                         <Timetable />
                     </div>
                 </div>
+
+                <div className={style.uglyHack}>
+                    <div className={style.card}>
+                        <div className={style.cardHeader}>🕐 Clock</div>
+                        <Datetime />
+                    </div>
+                </div>
+
                 <div className={style.card}>
                     <div className={style.cardHeaderInactive}>🧹 Flatastic</div>
                     <div className={style.cardContent}>
                         <Flatastic />
                     </div>
                 </div>
+
                 <div className={style.card}>
                     <div className={style.cardHeaderInactive}>
                         🏠 HomeAssistant [Tent]

src/components/Dashboard/style.module.css

@@ -49,3 +49,7 @@
 .footer {
     background-color: #c0c0c0;
 }
+
+.uglyHack {
+  width: 45%;
+}