chore: apply prettier on the entire project

client/src/components/Journey/JourneyMap.test.tsx

@@ -48,14 +48,14 @@ vi.mock('leaflet', () => {
   };
 });
 
+import L from 'leaflet';
 import React from 'react';
+import { buildSettings } from '../../../tests/helpers/factories';
 import { render } from '../../../tests/helpers/render';
 import { resetAllStores, seedStore } from '../../../tests/helpers/store';
 import { useSettingsStore } from '../../store/settingsStore';
-import { buildSettings } from '../../../tests/helpers/factories';
-import L from 'leaflet';
-import JourneyMap from './JourneyMap';
 import type { JourneyMapHandle } from './JourneyMap';
+import JourneyMap from './JourneyMap';
 
 const entriesWithCoords = [
   { id: 'e1', lat: 48.8566, lng: 2.3522, title: 'Paris', mood: null, entry_date: '2025-06-01' },
@@ -66,10 +66,7 @@ const entriesWithoutCoords = [
   { id: 'e3', lat: 0, lng: 0, title: 'Unknown Place', mood: null, entry_date: '2025-06-03' },
 ];
 
-const mixedEntries = [
-  ...entriesWithCoords,
-  ...entriesWithoutCoords,
-];
+const mixedEntries = [...entriesWithCoords, ...entriesWithoutCoords];
 
 beforeEach(() => {
   resetAllStores();
@@ -79,64 +76,47 @@ beforeEach(() => {
 
 describe('JourneyMap', () => {
   it('FE-COMP-JOURNEYMAP-001: renders map container', () => {
-    const { container } = render(
-      <JourneyMap checkins={[]} entries={entriesWithCoords} />
-    );
+    const { container } = render(<JourneyMap checkins={[]} entries={entriesWithCoords} />);
     // The component renders a div with a child div ref for the Leaflet map
     expect(container.firstChild).toBeInTheDocument();
     expect(L.map).toHaveBeenCalled();
   });
 
   it('FE-COMP-JOURNEYMAP-002: renders markers for entries with coordinates', () => {
-    render(
-      <JourneyMap checkins={[]} entries={entriesWithCoords} />
-    );
+    render(<JourneyMap checkins={[]} entries={entriesWithCoords} />);
     // Two entries with valid lat/lng should produce two markers
     expect(L.marker).toHaveBeenCalledTimes(2);
   });
 
   it('FE-COMP-JOURNEYMAP-003: does not render markers for entries without coordinates', () => {
-    render(
-      <JourneyMap checkins={[]} entries={entriesWithoutCoords} />
-    );
+    render(<JourneyMap checkins={[]} entries={entriesWithoutCoords} />);
     // Entry with lat=0 and lng=0 is filtered out by buildMarkerItems (if (e.lat && e.lng))
     expect(L.marker).not.toHaveBeenCalled();
   });
 
   it('FE-COMP-JOURNEYMAP-004: renders polyline connecting entries', () => {
-    render(
-      <JourneyMap checkins={[]} entries={entriesWithCoords} />
-    );
+    render(<JourneyMap checkins={[]} entries={entriesWithCoords} />);
     // With 2+ marker items, a route polyline is drawn
     expect(L.polyline).toHaveBeenCalled();
   });
 
   it('FE-COMP-JOURNEYMAP-005: shows entry title in marker tooltip', () => {
-    render(
-      <JourneyMap checkins={[]} entries={entriesWithCoords} />
-    );
+    render(<JourneyMap checkins={[]} entries={entriesWithCoords} />);
     // Each marker calls bindTooltip with the entry label
     const mockMarkerInstance = (L.marker as any).mock.results[0].value;
-    expect(mockMarkerInstance.bindTooltip).toHaveBeenCalledWith(
-      'Paris',
-      expect.objectContaining({ direction: 'top' }),
-    );
+    expect(mockMarkerInstance.bindTooltip).toHaveBeenCalledWith('Paris', expect.objectContaining({ direction: 'top' }));
   });
 
   it('FE-COMP-JOURNEYMAP-006: exposes imperative handle (focusMarker)', () => {
     const ref = React.createRef<JourneyMapHandle>();
-    render(
-      <JourneyMap ref={ref} checkins={[]} entries={entriesWithCoords} />
-    );
+    render(<JourneyMap ref={ref} checkins={[]} entries={entriesWithCoords} />);
     expect(ref.current).not.toBeNull();
     expect(typeof ref.current!.focusMarker).toBe('function');
     expect(typeof ref.current!.highlightMarker).toBe('function');
   });
 
   it('FE-COMP-JOURNEYMAP-007: renders SVG pin markers via divIcon', () => {
-    render(
-      <JourneyMap checkins={[]} entries={entriesWithCoords} />
-    );
+    render(<JourneyMap checkins={[]} entries={entriesWithCoords} />);
     // Each marker is created with L.divIcon containing SVG html
     expect(L.divIcon).toHaveBeenCalledTimes(2);
     const firstCall = (L.divIcon as any).mock.calls[0][0];
@@ -151,22 +131,14 @@ describe('JourneyMap', () => {
       { id: 'e1', lat: 48.8566, lng: 2.3522, title: 'Happy Paris', mood: 'happy', entry_date: '2025-06-01' },
       { id: 'e2', lat: 52.52, lng: 13.405, title: 'Sad Berlin', mood: 'sad', entry_date: '2025-06-02' },
     ];
-    render(
-      <JourneyMap checkins={[]} entries={entriesWithMood} />
-    );
+    render(<JourneyMap checkins={[]} entries={entriesWithMood} />);
     // Markers are still created (mood does not prevent rendering)
     expect(L.marker).toHaveBeenCalledTimes(2);
     // Tooltips use the entry titles
     const mockMarker1 = (L.marker as any).mock.results[0].value;
-    expect(mockMarker1.bindTooltip).toHaveBeenCalledWith(
-      'Happy Paris',
-      expect.objectContaining({ direction: 'top' }),
-    );
+    expect(mockMarker1.bindTooltip).toHaveBeenCalledWith('Happy Paris', expect.objectContaining({ direction: 'top' }));
     const mockMarker2 = (L.marker as any).mock.results[1].value;
-    expect(mockMarker2.bindTooltip).toHaveBeenCalledWith(
-      'Sad Berlin',
-      expect.objectContaining({ direction: 'top' }),
-    );
+    expect(mockMarker2.bindTooltip).toHaveBeenCalledWith('Sad Berlin', expect.objectContaining({ direction: 'top' }));
   });
 
   it('FE-COMP-JOURNEYMAP-009: draws route polyline connecting multiple markers', () => {
@@ -175,9 +147,7 @@ describe('JourneyMap', () => {
       { id: 'e2', lat: 52.52, lng: 13.405, title: 'Berlin', mood: null, entry_date: '2025-06-02' },
       { id: 'e3', lat: 41.9028, lng: 12.4964, title: 'Rome', mood: null, entry_date: '2025-06-03' },
     ];
-    render(
-      <JourneyMap checkins={[]} entries={threeEntries} />
-    );
+    render(<JourneyMap checkins={[]} entries={threeEntries} />);
     // Route polyline is drawn for items.length > 1
     expect(L.polyline).toHaveBeenCalled();
     const polylineCall = (L.polyline as any).mock.calls[0];
@@ -190,11 +160,12 @@ describe('JourneyMap', () => {
   it('FE-COMP-JOURNEYMAP-010: fitBounds is called for auto-zoom', () => {
     // Trigger requestAnimationFrame synchronously
     const origRAF = globalThis.requestAnimationFrame;
-    globalThis.requestAnimationFrame = (cb: FrameRequestCallback) => { cb(0); return 0; };
+    globalThis.requestAnimationFrame = (cb: FrameRequestCallback) => {
+      cb(0);
+      return 0;
+    };
 
-    render(
-      <JourneyMap checkins={[]} entries={entriesWithCoords} />
-    );
+    render(<JourneyMap checkins={[]} entries={entriesWithCoords} />);
 
     const mockMap = (L.map as any).mock.results[0].value;
     // fitBounds is called inside requestAnimationFrame with the collected coordinates
@@ -208,9 +179,7 @@ describe('JourneyMap', () => {
     const singleEntry = [
       { id: 'e1', lat: 48.8566, lng: 2.3522, title: 'Solo Paris', mood: null, entry_date: '2025-06-01' },
     ];
-    render(
-      <JourneyMap checkins={[]} entries={singleEntry} />
-    );
+    render(<JourneyMap checkins={[]} entries={singleEntry} />);
     // One marker created
     expect(L.marker).toHaveBeenCalledTimes(1);
     // No route polyline — polyline is only drawn when items.length > 1
@@ -218,9 +187,7 @@ describe('JourneyMap', () => {
   });
 
   it('FE-COMP-JOURNEYMAP-012: renders zoom control buttons', () => {
-    const { container } = render(
-      <JourneyMap checkins={[]} entries={entriesWithCoords} />
-    );
+    const { container } = render(<JourneyMap checkins={[]} entries={entriesWithCoords} />);
     // The component renders zoom in (+) and zoom out (−) buttons
     const buttons = container.querySelectorAll('button');
     expect(buttons.length).toBe(2);