feat: integrate interval selection for dashboard charts based on date range

app/sites/[id]/page.tsx

@@ -212,28 +212,6 @@ export default function SiteDashboardPage() {
                 { value: 'custom', label: 'Custom' },
               ]}
             />
-            {dateRange.start === new Date().toISOString().split('T')[0] && dateRange.end === new Date().toISOString().split('T')[0] && (
-              <Select
-                value={todayInterval}
-                onChange={(value) => setTodayInterval(value as 'minute' | 'hour')}
-                options={[
-                  { value: 'minute', label: '1 min' },
-                  { value: 'hour', label: '1 hour' },
-                ]}
-                className="min-w-[100px]"
-              />
-            )}
-            {dateRange.start !== dateRange.end && (
-              <Select
-                value={multiDayInterval}
-                onChange={(value) => setMultiDayInterval(value as 'hour' | 'day')}
-                options={[
-                  { value: 'hour', label: '1 hour' },
-                  { value: 'day', label: '1 day' },
-                ]}
-                className="min-w-[100px]"
-              />
-            )}
             {canEdit && (
             <button
               onClick={() => router.push(`/sites/${siteId}/settings`)}
@@ -254,6 +232,11 @@ export default function SiteDashboardPage() {
           stats={stats} 
           prevStats={prevStats}
           interval={dateRange.start === dateRange.end ? todayInterval : multiDayInterval}
+          dateRange={dateRange}
+          todayInterval={todayInterval}
+          setTodayInterval={setTodayInterval}
+          multiDayInterval={multiDayInterval}
+          setMultiDayInterval={setMultiDayInterval}
         />
       </div>