Merge branch 'main' into possibly-fix-deploy

src/App.tsx

@@ -16,11 +16,11 @@ import {
 } from 'chart.js';
 import annotationPlugin from 'chartjs-plugin-annotation';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { useState } from 'react';
 import LineGraph from './components/LineGraph';
 import ShutdownContainer from './components/Shutdowns/ShutdownContainer';
 import { useStore } from './store';
 import { colorToStyle } from './styles';
-import { useState } from 'react';
 
 import Navbar from './components/Navbar';
 import ShutdownDetails from './components/Shutdowns/ShutdownDetails';

src/components/LineGraph.tsx

@@ -5,7 +5,7 @@ import { Bar } from 'react-chartjs-2';
 import dayjs from 'dayjs';
 import utc from 'dayjs/plugin/utc';
 import { enUS } from 'date-fns/locale';
-import { ChartDataset } from 'chart.js';
+import { type ChartDataset } from 'chart.js';
 import ChartjsPluginWatermark from 'chartjs-plugin-watermark';
 import { scroller } from 'react-scroll';
 import { Lines, useStore } from '../store';

src/components/Shutdowns/ShutdownCard.tsx

@@ -19,7 +19,7 @@ const ShutdownCard = ({ shutdown, line, handleClick }: ShutdownCardProps) => {
         name={key}
         className={`rounded-lg bg-white dark:bg-slate-700 p-4 shadow border-r-8 ${colorToStyle[line].border}`}
       >
-        <ShutdownTitle shutdown={shutdown} line={line} handleClick={handleClick}/>
+        <ShutdownTitle shutdown={shutdown} line={line} handleClick={handleClick} />
       </div>
     </>
   );

src/components/Shutdowns/ShutdownContainer.tsx

@@ -23,7 +23,7 @@ const ShutdownCards = ({ handleClick }: { handleClick: () => void }) => {
               />
             ))
         ),
-    [selectedLine]
+    [handleClick, selectedLine]
   );
 
   return (

src/components/Shutdowns/ShutdownDetails.tsx

@@ -1,4 +1,5 @@
 import dayjs from 'dayjs';
+import { ArrowLeftIcon } from '@heroicons/react/24/solid';
 import { abbreviateStationName } from '../../constants/stations';
 import { useBreakpoint } from '../../hooks/useBreakpoint';
 import { Lines } from '../../store';
@@ -9,7 +10,6 @@ import { cardStyles } from '../../constants/styles';
 import ChartContainer from './ChartContainer';
 import ShutdownMap from './ShutdownMap';
 import StatusBadge from './StatusBadge';
-import { ArrowLeftIcon } from '@heroicons/react/24/solid';
 
 const ShutdownDetails = ({
   line,