replace redux with zustand

src/components/TimetableRow/TimetableRow.tsx

@@ -1,23 +1,22 @@
-import { type DepartureList } from "../../types/types";
+import type { DepartureType } from "@/types/departureType";
 
 import styles from "./style.module.css";
 
 export default function TimetableRow({
-    departure,
+	departure,
 }: {
-    departure: DepartureList;
+	departure: DepartureType;
 }) {
-    const hour = String(departure.dateTime.hour).padStart(2, "0");
-    const minute = String(departure.dateTime.minute).padStart(2, "0");
-    const dateTimeString = `${hour}:${minute}`;
-    return (
-        <>
-            <tr className={styles.timetableRow}>
-                <td>{dateTimeString}</td>
-                <td>{departure.servingLine.name}</td>
-                <td>{departure.servingLine.number}</td>
-                <td>({departure.servingLine.direction})</td>
-            </tr>
-        </>
-    );
+	const hour = String(departure.dateTime.hour).padStart(2, "0");
+	const minute = String(departure.dateTime.minute).padStart(2, "0");
+	const dateTimeString = `${hour}:${minute}`;
+
+	return (
+		<tr className={styles.timetableRow}>
+			<td>{dateTimeString}</td>
+			<td>{departure.servingLine.name}</td>
+			<td>{departure.servingLine.number}</td>
+			<td>({departure.servingLine.direction})</td>
+		</tr>
+	);
 }

src/components/TimetableRow/style.module.css

@@ -1,3 +1,3 @@
 .timetableRow {
-    text-align: left;
+	text-align: left;
 }