feat: hide auto-refresh controls outside of dashboard and update refresh UI design

src/pages/Products.tsx

@@ -6,7 +6,7 @@ import type { OrderData, DateRange } from '../types';
 import { parseOrderDate } from '../dataService';
 
 const Products = () => {
-  const { dateRange, setDateRange, ordersData, refreshInterval, setRefreshInterval, loadData } = useOutletContext<{ 
+  const { dateRange, setDateRange, ordersData } = useOutletContext<{ 
     dateRange: DateRange, 
     setDateRange: (range: DateRange) => void, 
     ordersData: OrderData[],
@@ -77,9 +77,6 @@ const Products = () => {
           <DateRangePicker 
             dateRange={dateRange} 
             onChange={setDateRange} 
-            refreshInterval={refreshInterval}
-            setRefreshInterval={setRefreshInterval}
-            onManualRefresh={() => loadData(true)}
           />
           
           <div className="relative">