chore: update TODOs for various components and files to enhance validation, UI/UX, security, state management, performance, and testing improvements

src/components/AddTransactionForm.astro

@@ -1,4 +1,9 @@
 ---
+// TODO: Enhance form validation and submission
+// - Add more robust client-side validation
+// - Implement better error message display
+// - Add loading states during submission
+// - Consider adding form reset confirmation if there are unsaved changes
 // This component handles both creating and editing transactions
 ---
 <section class="add-transaction-section">

src/components/TransactionTable.astro

@@ -10,6 +10,14 @@ const { transactions } = Astro.props;
 
 // Sort transactions by date descending for display
 const sortedTransactions = [...transactions].sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());
+
+// TODO: UI/UX Improvements
+// - Add sorting functionality for all columns
+// - Implement pagination for large transaction lists
+// - Add transaction filtering capabilities
+// - Implement row hover actions
+// - Add transaction details expansion/collapse
+// - Consider adding bulk actions (delete, categorize)
 ---
 <section class="transaction-list" id="transaction-section">
     <table id="transaction-table">