feat(dashboard): add pending/upcoming expenses table

- Backend: GET /expenses/pending-upcoming returns PENDING expenses with dueDate <= today+5 days, classified as overdue/upcoming
- DashboardExpensesTable: groups by periodicExpenseId, shows summed totals with status badges, links to /expenses?periodicExpenseId=X
- Expenses route accepts ?periodicExpenseId search param and pre-selects it in the filter
- fix: BeloAnalysisPage DatePicker type mismatch

apps/frontend/src/features/expenses/ExpensesPage.tsx

@@ -1,4 +1,5 @@
 import { useState } from "react";
+import { Route } from "@/routes/_authenticated/expenses";
 import { ExpensesProvider } from "./ExpensesProvider";
 import { ExpensesTabContent } from "./components/ExpensesTabContent";
 import { PeriodicExpensesTabContent } from "./components/PeriodicExpensesTabContent";
@@ -41,8 +42,9 @@ function ExpensesPageInner() {
 }
 
 export function ExpensesPage() {
+  const { periodicExpenseId } = Route.useSearch();
   return (
-    <ExpensesProvider>
+    <ExpensesProvider initialPeriodicExpenseId={periodicExpenseId}>
       <ExpensesPageInner />
     </ExpensesProvider>
   );

apps/frontend/src/features/expenses/ExpensesProvider.tsx

@@ -59,11 +59,11 @@ interface ExpensesContextValue {
 
 const ExpensesContext = createContext<ExpensesContextValue | null>(null);
 
-export function ExpensesProvider({ children }: { children: ReactNode }) {
+export function ExpensesProvider({ children, initialPeriodicExpenseId }: { children: ReactNode; initialPeriodicExpenseId?: number }) {
   const [statusFilter, setStatusFilter] = useState("PENDING");
   const [page, setPage] = useState(1);
   const pageSize = 10;
-  const [periodicExpenseFilter, setPeriodicExpenseFilter] = useState<number | undefined>(undefined);
+  const [periodicExpenseFilter, setPeriodicExpenseFilter] = useState<number | undefined>(initialPeriodicExpenseId);
   const [searchInput, setSearchInput] = useState("");
   const [searchQuery, setSearchQuery] = useState("");