feat: integrate monthly chart with collapsible feature in transactions page; update transaction period to default to last 3 months

hooks/use-transactions-page.ts

@@ -29,7 +29,7 @@ export function useTransactionsPage() {
     "all",
   ]);
   const [showReconciled, setShowReconciled] = useState<string>("all");
-  const [period, setPeriod] = useState<Period>("all");
+  const [period, setPeriod] = useState<Period>("3months");
   const [customStartDate, setCustomStartDate] = useState<Date | undefined>(
     undefined,
   );