add weather module

src/components/Dashboard/Dashboard.tsx

@@ -7,7 +7,7 @@ import Flatastic from "@/components/Flatastic/Flatastic";
 import Footer from "@/components/Footer/Footer";
 import Terminal from "@/components/Terminal/Terminal";
 import Timetable from "@/components/Timetable/Timetable";
-
+import Weather from "../Weather/Weather";
 import style from "./style.module.css";
 
 export default function Dashboard() {
@@ -43,14 +43,18 @@ export default function Dashboard() {
                     <CardHeader icon="🚊" content="Timetable" />
                     <Timetable />
                 </Card>
-
-                <div className={style.small}>
+                <div className={style.clockAndWeather}>
+                    <div className={style.small}>
+                        <Card>
+                            <CardHeader icon="🕐" content="Clock" />
+                            <Datetime />
+                        </Card>
+                    </div>
                     <Card>
-                        <CardHeader icon="🕐" content="Clock" />
-                        <Datetime />
+                        <CardHeader icon="🌤️" content="Weather" />
+                        <Weather />
                     </Card>
                 </div>
-
                 <Card>
                     <CardHeader icon="🔔" content="Terminal" active={true} />
                     <Terminal />
@@ -61,7 +65,6 @@ export default function Dashboard() {
                     <Flatastic />
                 </Card>
             </div>
-
             <div className={style.footer}>
                 <Footer />
             </div>

src/components/Dashboard/style.module.css

@@ -20,6 +20,11 @@
     background-color: #2a3f55;
 }
 
+.clockAndWeather {
+    display: flex;
+    align-items: center;
+}
+
 .cardWrapper {
     margin: 30px;
     height: 100%;