fix: move category spending chart above the ranking list on Reports

Picking a category at the top meant scrolling past the whole "top
categories" list before reaching its chart, then scrolling back up to
pick another one. Swapped the two so the chart renders immediately after
the category/range selector.

frontend/src/pages/ReportsPage.tsx

@@ -132,6 +132,8 @@ export function ReportsPage() {
         </div>
       </div>
 
+      <CategorySpendingChart report={report} isLoading={isReportLoading} />
+
       <CategoryRankingCard
         items={ranking?.items ?? []}
         isLoading={isRankingLoading}
@@ -142,8 +144,6 @@ export function ReportsPage() {
         }}
       />
 
-      <CategorySpendingChart report={report} isLoading={isReportLoading} />
-
       <Card>
         <CardHeader>
           <CardTitle>{t("reports.transactionsTitle")}</CardTitle>