Fix card header alignment and add weather to footer

src/components/Card/Card.tsx

@@ -20,7 +20,7 @@ export default function Card({
             {header && (
                 <CardHeader icon={icon} content={name} isActive={active} />
             )}
-            {children}
+            <div className={style.cardContent}>{children}</div>
         </div>
     );
 }

src/components/Card/style.module.css

@@ -1,7 +1,7 @@
 .card {
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    justify-content: flex-start;
     background-color: #c0c0c0;
     border-top: 2px solid white;
     border-left: 2px solid white;
@@ -9,3 +9,8 @@
     border-right: 2px solid #828282;
     margin: 10px;
 }
+
+.cardContent {
+    display: flex;
+    height: 100%;
+}