Add bottom margin to pages

Adds a bottom margin to the last card in the Transactions and Analytics pages.

src/components/analytics/CategorySpendingList.tsx

@@ -12,11 +12,13 @@ interface CategorySpending {
 interface CategorySpendingListProps {
   categories: CategorySpending[];
   totalExpense: number;
+  className?: string;
 }
 
 const CategorySpendingList: React.FC<CategorySpendingListProps> = ({
   categories,
-  totalExpense
+  totalExpense,
+  className = ""
 }) => {
   const isMobile = useIsMobile();
   
@@ -31,7 +33,7 @@ const CategorySpendingList: React.FC<CategorySpendingListProps> = ({
   };
 
   return (
-    <div className="neuro-card mb-6 w-full">
+    <div className={`neuro-card mb-6 w-full ${className}`}>
       {categories.some(cat => cat.current > 0) ? (
         <div className="space-y-4">
           {categories.map((category) => (