fix code style, use names from api instead of hardcoding for flatmates users

src/components/Datetime/Datetime.tsx

@@ -1,7 +1,6 @@
+import { useEffect, useState } from "react";
 import style from "./style.module.css";
 
-import { useState, useEffect } from "react";
-
 export default function Datetime() {
     const locale = "de";
     const [today, setDate] = useState(new Date());
@@ -27,7 +26,7 @@ export default function Datetime() {
     return (
         <div className={style.container}>
             <div className={style.icon}>
-                <img src="src/assets/clock.png" />
+                <img src="src/assets/clock.png" alt="Clock" />
             </div>
             <div className={style.textContainer}>
                 <div className={style.time}>

src/components/Datetime/style.module.css

@@ -1,22 +1,21 @@
 .container {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding-right: 25px;
-
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding-right: 25px;
 }
 
 img {
-  height: 100px;
-  scale: 130%;
-  object-fit: cover;
+    height: 100px;
+    scale: 130%;
+    object-fit: cover;
 }
 
 .textContainer {
-  font-size: 16pt;
-  font-weight: bold;
-  display: flex;
-  flex-direction: column;
+    font-size: 16pt;
+    font-weight: bold;
+    display: flex;
+    flex-direction: column;
 }
 
 .divider {