refactor backend and persist stock campaign queue

src/components/DateRangePicker.tsx

@@ -76,7 +76,7 @@ const DateRangePicker: React.FC<DateRangePickerProps> = ({ dateRange, onChange,
         } else {
           ref.current.focus();
         }
-      } catch (e) {
+      } catch {
         ref.current.focus();
       }
     }
@@ -183,4 +183,4 @@ const DateRangePicker: React.FC<DateRangePickerProps> = ({ dateRange, onChange,
   );
 };
 
-export default DateRangePicker;
+export default DateRangePicker;

src/components/Layout.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import { Outlet, Link, useLocation } from 'react-router-dom';
 import { LayoutDashboard, Users, BarChart3, ChevronLeft, ChevronRight, Package, Loader2, LogOut } from 'lucide-react';
-import type { DateRange, OrderData } from '../types';
+import type { DateRange, OrderData, StockData } from '../types';
 import { fetchData, fetchStock, logout } from '../dataService';
 
 const Layout = () => {
@@ -25,7 +25,7 @@ const Layout = () => {
   });
 
   const [ordersData, setOrdersData] = useState<OrderData[]>([]);
-  const [stockData, setStockData] = useState<any[]>([]);
+  const [stockData, setStockData] = useState<StockData[]>([]);
   const [isLoading, setIsLoading] = useState(true);
   const [refreshInterval, setRefreshInterval] = useState<number>(() => {
     const saved = localStorage.getItem('nexstar_refresh_interval');
@@ -41,7 +41,9 @@ const Layout = () => {
   };
 
   useEffect(() => {
-    loadData(true);
+    // The dashboard has to fetch its initial server state after mount.
+    // eslint-disable-next-line react-hooks/set-state-in-effect
+    void loadData(true);
   }, []);
 
   useEffect(() => {