Add bottom margin to pages

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

src/pages/Analytics.tsx

@@ -164,6 +164,7 @@ const Analytics = () => {
         <CategorySpendingList 
           categories={categorySpending}
           totalExpense={totalExpense}
+          className="mb-[50px]"
         />
       </div>
 

src/pages/Transactions.tsx

@@ -155,7 +155,7 @@ const Transactions = () => {
 
         {/* Transactions By Date */}
         {!isLoading && transactions.length > 0 && (
-          <div className="space-y-6">
+          <div className="space-y-6 mb-[50px]">
             {Object.entries(groupedTransactions).map(([date, transactions]) => (
               <div key={date}>
                 <div className="flex items-center gap-2 mb-3">