refactor: clean up imports and improve code consistency across various components; remove unused imports in page.tsx, add missing imports in categories page, and standardize formatting in hooks and chart components

hooks/use-transactions-chart-data.ts

@@ -164,7 +164,7 @@ export function useTransactionsChartData({
     );
 
     return monthlyChartData;
-  }, [transactionsData]);
+  }, [transactionsData, metadata]);
 
   // Calculate category chart data (expenses only)
   const categoryData = useMemo(() => {

hooks/use-transactions-page.ts

@@ -213,7 +213,7 @@ export function useTransactionsPage() {
     } else {
       setIsCustomDatePickerOpen(true);
     }
-  }, []);
+  }, [setPeriod]);
 
   const handleCustomStartDateChange = useCallback((date: Date | undefined) => {
     setCustomStartDate(date);