Refactor transaction components and styles

- Updated imports to use absolute paths for types and utilities.
- Enhanced TransactionTable component with mobile responsiveness and card-based layout.
- Improved loading and error handling in transaction fetching logic.
- Refactored transaction update API to streamline validation and data preparation.
- Added new styles for Radix UI components and improved global styles for better mobile experience.
- Implemented collapsible sections and improved button interactions in the UI.
- Updated tests to reflect changes in component structure and imports.

src/components/AccountSummary.astro

@@ -1,13 +1,19 @@
 ---
-import type { Account } from '../types';
-import { formatCurrency } from '../utils';
+import type { Account } from '@types';
+// biome-ignore lint/correctness/noUnusedImports: formatCurrency is used in the template
+import { formatCurrency } from '@utils/formatters';
 
 interface Props {
   account: Account;
 }
 const { account } = Astro.props;
 ---
+
 <div class="account-summary">
-     <h4>Account Summary</h4>
-     <p>Balance: <span id="account-balance">{formatCurrency(account.balance)}</span></p>
-</div>
+  <h4>Account Summary</h4>
+  <p>
+    Balance: <span id="account-balance"
+      >{formatCurrency(Number(account.balance))}</span
+    >
+  </p>
+</div>