fix space indentation

src/components/Flatastic/Flatastic.tsx

@@ -4,35 +4,35 @@ import { useEffect } from "react";
 import type { FlatasticChore } from "@/types/flatasticChore";
 
 const idToNameMap: Record<number, string> = {
-	1836104: "Gruber",
-	1836101: "Darius",
-	1593610: "Arif",
-	1860060: "Rishab",
+    1836104: "Gruber",
+    1836101: "Darius",
+    1593610: "Arif",
+    1860060: "Rishab",
 };
 
 export default function Flatastic() {
-	const fetchChores = useFlatasticStore((state) => state.fetch);
-	const chores = useFlatasticStore((state) => state.chores);
+    const fetchChores = useFlatasticStore((state) => state.fetch);
+    const chores = useFlatasticStore((state) => state.chores);
 
-	useEffect(() => {
-		fetchChores();
-		const interval = setInterval(() => {
-			fetchChores();
-		}, 60000);
-		return () => clearInterval(interval);
-	}, [fetchChores]);
+    useEffect(() => {
+        fetchChores();
+        const interval = setInterval(() => {
+            fetchChores();
+        }, 60000);
+        return () => clearInterval(interval);
+    }, [fetchChores]);
 
-	return (
-		<div>
-			<h1>Flatastic Chores</h1>
-			<ul>
-				{chores.map((chore: FlatasticChore) => (
-					<li key={chore.id} style={{ textAlign: "left" }}>
-						{idToNameMap[chore.currentUser]}: {chore.title} - Points:{" "}
-						{chore.points}
-					</li>
-				))}
-			</ul>
-		</div>
-	);
+    return (
+        <div>
+            <h1>Flatastic Chores</h1>
+            <ul>
+                {chores.map((chore: FlatasticChore) => (
+                    <li key={chore.id} style={{ textAlign: "left" }}>
+                        {idToNameMap[chore.currentUser]}: {chore.title} -
+                        Points: {chore.points}
+                    </li>
+                ))}
+            </ul>
+        </div>
+    );
 }

src/components/Timetable/Timetable.tsx

@@ -6,52 +6,52 @@ import { useKVVStore } from "@/store/kvv";
 import type { DepartureType } from "@/types/departureType";
 
 function parseTimetableData(data: DepartureType[]) {
-	const result = data.map((item) => {
-		return {
-			...item,
-		};
-	});
+    const result = data.map((item) => {
+        return {
+            ...item,
+        };
+    });
 
-	return result;
+    return result;
 }
 
 export default function Timetable() {
-	const fetchTimetable = useKVVStore((state) => state.fetch);
-	const pStreet = useKVVStore((state) => state.pStreet);
-	const hStreet = useKVVStore((state) => state.hStreet);
+    const fetchTimetable = useKVVStore((state) => state.fetch);
+    const pStreet = useKVVStore((state) => state.pStreet);
+    const hStreet = useKVVStore((state) => state.hStreet);
 
-	useEffect(() => {
-		fetchTimetable();
-		const interval = setInterval(() => {
-			fetchTimetable();
-		}, 60000);
-		return () => clearInterval(interval);
-	}, [fetchTimetable]);
+    useEffect(() => {
+        fetchTimetable();
+        const interval = setInterval(() => {
+            fetchTimetable();
+        }, 60000);
+        return () => clearInterval(interval);
+    }, [fetchTimetable]);
 
-	const hStreetData = parseTimetableData(hStreet.departureList || []);
-	const pStreetData = parseTimetableData(pStreet.departureList || []);
+    const hStreetData = parseTimetableData(hStreet.departureList || []);
+    const pStreetData = parseTimetableData(pStreet.departureList || []);
 
-	return (
-		<div>
-			<h1>Timetable</h1>
-			<h2>H-Street Departures</h2>
-			<table>
-				<tbody>
-					{hStreetData.map((departure, index) => (
-						// biome-ignore lint/suspicious/noArrayIndexKey: there is no id
-						<TimetableRow key={index} departure={departure} />
-					))}
-				</tbody>
-			</table>
-			<h2>P-Street Departures</h2>
-			<table>
-				<tbody>
-					{pStreetData.map((departure, index) => (
-						// biome-ignore lint/suspicious/noArrayIndexKey: there is no id
-						<TimetableRow key={index} departure={departure} />
-					))}
-				</tbody>
-			</table>
-		</div>
-	);
+    return (
+        <div>
+            <h1>Timetable</h1>
+            <h2>H-Street Departures</h2>
+            <table>
+                <tbody>
+                    {hStreetData.map((departure, index) => (
+                        // biome-ignore lint/suspicious/noArrayIndexKey: there is no id
+                        <TimetableRow key={index} departure={departure} />
+                    ))}
+                </tbody>
+            </table>
+            <h2>P-Street Departures</h2>
+            <table>
+                <tbody>
+                    {pStreetData.map((departure, index) => (
+                        // biome-ignore lint/suspicious/noArrayIndexKey: there is no id
+                        <TimetableRow key={index} departure={departure} />
+                    ))}
+                </tbody>
+            </table>
+        </div>
+    );
 }

src/components/TimetableRow/TimetableRow.tsx

@@ -3,20 +3,20 @@ import type { DepartureType } from "@/types/departureType";
 import styles from "./style.module.css";
 
 export default function TimetableRow({
-	departure,
+    departure,
 }: {
-	departure: DepartureType;
+    departure: DepartureType;
 }) {
-	const hour = String(departure.dateTime.hour).padStart(2, "0");
-	const minute = String(departure.dateTime.minute).padStart(2, "0");
-	const dateTimeString = `${hour}:${minute}`;
+    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>
-	);
+    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;
 }