fix(settings): format the date format files prettier flagged

client/src/components/Admin/plugins/VersionLine.tsx

@@ -1,16 +1,25 @@
-import { ShieldCheck } from 'lucide-react'
-import { useFormatDate } from '../../../hooks/useDateFormat'
-import { fs } from '../../shared/DialogShell'
-import type { VersionInfo } from './pluginModel'
+import { ShieldCheck } from 'lucide-react';
+import { useFormatDate } from '../../../hooks/useDateFormat';
+import { fs } from '../../shared/DialogShell';
+import type { VersionInfo } from './pluginModel';
 
 /** A version number with its date and, when the author signed it, a quiet tick. */
 export default function VersionLine({ v }: { v: VersionInfo }) {
-  const { formatDate } = useFormatDate()
+  const { formatDate } = useFormatDate();
   return (
     <span className="flex flex-wrap items-center gap-x-2.5 gap-y-0.5">
-      <span className={`font-geist font-semibold tabular-nums ${v.compatible ? 'text-content' : 'text-content-faint'}`} style={fs(12.5)}>v{v.version}</span>
-      {v.publishedAt && <span className="text-content-faint" style={fs(11.5)}>{formatDate(new Date(v.publishedAt))}</span>}
+      <span
+        className={`font-geist font-semibold tabular-nums ${v.compatible ? 'text-content' : 'text-content-faint'}`}
+        style={fs(12.5)}
+      >
+        v{v.version}
+      </span>
+      {v.publishedAt && (
+        <span className="text-content-faint" style={fs(11.5)}>
+          {formatDate(new Date(v.publishedAt))}
+        </span>
+      )}
       {v.signed && <ShieldCheck size={13} className="flex-none text-success" />}
     </span>
-  )
+  );
 }

client/src/components/Admin/useBackupAdmin.ts

@@ -1,8 +1,8 @@
 import { type ChangeEvent, useEffect, useEffectEvent, useRef, useState } from 'react';
 
 import { backupApi } from '../../api/client';
-import { useTranslation } from '../../i18n';
 import { useFormatDate } from '../../hooks/useDateFormat';
+import { useTranslation } from '../../i18n';
 import { useSettingsStore } from '../../store/settingsStore';
 import { getApiErrorMessage } from '../../types';
 import { useToast } from '../shared/Toast';

client/src/components/Budget/costsModel.ts

@@ -1,9 +1,9 @@
 import type { BudgetParticipantFinal, BudgetUnconverted, CostCategory } from '@trek/shared';
+import { readDateFormat } from '../../hooks/useDateFormat';
 import { convertBooked, convertedLine, inDisplayCurrency, tripAmountOf } from '../../hooks/useExchangeRates';
 import type { BudgetItem } from '../../types';
-import { readDateFormat } from '../../hooks/useDateFormat';
-import { currencyDecimals } from '../../utils/formatters';
 import { formatDisplayDate } from '../../utils/dateFormat';
+import { currencyDecimals } from '../../utils/formatters';
 import { currenciesWith, SYMBOLS } from './BudgetPanel.constants';
 import { paidByUser, readUserNote, settlementDate, splitEqualShares } from './CostsPanel.helpers';
 import { catMeta, COST_CATEGORY_LIST } from './costsCategories';
@@ -380,12 +380,17 @@ export function buildCostsCsv(items: BudgetItem[], opts: CsvBuildOptions): { fil
   const fmtDate = (iso: string) => {
     if (!iso) return '';
     try {
-      return formatDisplayDate(new Date(iso + 'T00:00:00Z'), opts.locale, {
-        day: '2-digit',
-        month: '2-digit',
-        year: 'numeric',
-        timeZone: 'UTC',
-      }, readDateFormat());
+      return formatDisplayDate(
+        new Date(iso + 'T00:00:00Z'),
+        opts.locale,
+        {
+          day: '2-digit',
+          month: '2-digit',
+          year: 'numeric',
+          timeZone: 'UTC',
+        },
+        readDateFormat()
+      );
     } catch {
       return iso;
     }

client/src/components/Roadtrip/ChargingInfo.tsx

@@ -1,8 +1,8 @@
 import { cheapestEnergy, type ChargingEnergyPrice, type ChargingInfo as Info } from '@trek/shared';
 import { ChevronDown, Coins, PlugZap } from 'lucide-react';
 import { useEffect, useState } from 'react';
-import { useTranslation } from '../../i18n/TranslationContext';
 import { useFormatDate } from '../../hooks/useDateFormat';
+import { useTranslation } from '../../i18n/TranslationContext';
 import { chargingRepo } from '../../repo/chargingRepo';
 import { useTripStore } from '../../store/tripStore';
 import { isEffectivelyOffline } from '../../sync/networkMode';

client/src/components/Settings/useAccountSettings.ts

@@ -2,11 +2,11 @@ import { escapeHtml } from '@trek/shared';
 import React, { useEffect, useRef, useState } from 'react';
 import { useNavigate, useSearchParams } from 'react-router';
 import { adminApi, authApi } from '../../api/client';
-import { useTranslation } from '../../i18n';
 import { useDateFormat } from '../../hooks/useDateFormat';
-import { formatDisplayDateTime } from '../../utils/dateFormat';
+import { useTranslation } from '../../i18n';
 import { useAuthStore } from '../../store/authStore';
 import { getApiErrorMessage, type UserWithOidc } from '../../types';
+import { formatDisplayDateTime } from '../../utils/dateFormat';
 import { passwordErrorKey } from '../../utils/passwordError';
 import { useToast } from '../shared/Toast';
 

client/src/components/Settings/usePasskeys.ts

@@ -1,11 +1,11 @@
 import { startRegistration } from '@simplewebauthn/browser';
 import { useEffect, useState } from 'react';
 import { authApi, type PasskeyCredential } from '../../api/client';
+import { readDateFormat } from '../../hooks/useDateFormat';
 import { useTranslation } from '../../i18n';
 import { getApiErrorMessage } from '../../types';
-import { useToast } from '../shared/Toast';
-import { readDateFormat } from '../../hooks/useDateFormat';
 import { formatDisplayDate } from '../../utils/dateFormat';
+import { useToast } from '../shared/Toast';
 
 /** Parse a SQLite UTC timestamp ("YYYY-MM-DD HH:MM:SS") into a local date string. */
 export function fmtDate(ts: string | null): string | null {

client/src/components/Settings/usePluginActivity.ts

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { pluginsApi } from '../../api/client';
-import { useTranslation } from '../../i18n';
 import { useDateFormat } from '../../hooks/useDateFormat';
+import { useTranslation } from '../../i18n';
 import { formatDisplayDateTime } from '../../utils/dateFormat';
 
 export interface ActivityRow {

client/src/components/Tours/wanderer/WandererBrowserRail.tsx

@@ -18,8 +18,8 @@ import {
 } from 'lucide-react';
 import type { ReactNode } from 'react';
 import { Link } from 'react-router';
-import { useTranslation } from '../../../i18n';
 import { useDateFormat } from '../../../hooks/useDateFormat';
+import { useTranslation } from '../../../i18n';
 import { useSettingsStore } from '../../../store/settingsStore';
 import { formatDisplayDate } from '../../../utils/dateFormat';
 import { formatDistance, formatElevation } from '../../../utils/units';