feat: Enhance StopSheet component with error handling and loading states

- Added skeleton loading state to StopSheet for better UX during data fetch.
- Implemented error handling with descriptive messages for network and server errors.
- Introduced manual refresh functionality to reload stop estimates.
- Updated styles for loading and error states.
- Created StopSheetSkeleton and TimetableSkeleton components for consistent loading indicators.

feat: Improve StopList component with loading indicators and network data fetching

- Integrated loading state for StopList while fetching stops from the network.
- Added skeleton loading indicators for favourite and recent stops.
- Refactored data fetching logic to include favourite and recent stops with full data.
- Enhanced user experience with better loading and error handling.

feat: Update Timetable component with loading and error handling

- Added loading skeletons to Timetable for improved user experience.
- Implemented error handling for timetable data fetching.
- Refactored data loading logic to handle errors gracefully and provide retry options.

chore: Update package dependencies

- Upgraded react-router, lucide-react, and other dependencies to their latest versions.
- Updated types for TypeScript compatibility.

1 files changed, 17 insertions, 0 deletions

diff --git a/src/frontend/app/data/StopDataProvider.ts b/src/frontend/app/data/StopDataProvider.ts
index efb0414..3959400 100644
--- a/src/frontend/app/data/StopDataProvider.ts
+++ b/src/frontend/app/data/StopDataProvider.ts
@@ -148,6 +148,21 @@ function getRecent(): number[] {
   return [];
 }
 
+function getFavouriteIds(): number[] {
+  const rawFavouriteStops = localStorage.getItem("favouriteStops");
+  if (rawFavouriteStops) {
+    return JSON.parse(rawFavouriteStops) as number[];
+  }
+  return [];
+}
+
+// New function to load stops from network
+async function loadStopsFromNetwork(): Promise<Stop[]> {
+  const response = await fetch("/stops.json");
+  const stops = (await response.json()) as Stop[];
+  return stops.map((stop) => ({ ...stop, favourite: false } as Stop));
+}
+
 export default {
   getStops,
   getStopById,
@@ -160,4 +175,6 @@ export default {
   isFavourite,
   pushRecent,
   getRecent,
+  getFavouriteIds,
+  loadStopsFromNetwork,
 };