🐛 Fix PassageDisplay footer bullets behavior

The bullets was not updated according to the displayed panel.

frontend/src/passagesDisplay.tsx

@@ -3,12 +3,12 @@ import { createStore } from "solid-js/store";
 import { createDateNow } from "@solid-primitives/date";
 import { format } from "date-fns";
 
-import { getTransportModeSrc } from "./types";
 import { BusinessDataContext } from "./businessData";
-import { PassagesPanel } from "./passagesPanel";
-
 import { SearchContext } from "./search";
 
+import { PassagesPanel } from "./passagesPanel";
+import { getTransportModeSrc } from "./utils";
+
 import styles from "./passagesDisplay.module.css";
 
 
@@ -156,11 +156,7 @@ export const PassagesDisplay: Component = () => {
 			<div class={styles.footer}>
 				<For each={panels}>
 					{(positioned) => {
-						const { position, panel } = positioned;
-						const circleStyle = {
-							fill: `var(--idfm-${position == displayedPanelId() ? "white" : "black"
-								})`,
-						};
+						const { position } = positioned;
 						return (
 							<div>
 								<svg viewBox="0 0 29 29">
@@ -170,7 +166,9 @@ export const PassagesDisplay: Component = () => {
 										r="13"
 										stroke="#ffffff"
 										stroke-width="3"
-										style={circleStyle}
+										style={{
+											fill: `var(--idfm-${position == displayedPanelId() ? "white" : "black"})`,
+										}}
 									/>
 								</svg>
 							</div>