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-page.ts

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