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/MainContent.astro

@@ -1,6 +1,5 @@
 ---
-import type { Account } from '../types';
-import TransactionTable from './TransactionTable.tsx';
+import type { Account } from '@types';
 
 interface Props {
   account: Account;
@@ -8,9 +7,13 @@ interface Props {
 
 const { account } = Astro.props;
 ---
+
 <main class="main-content">
-    <header class="main-header">
-         <h1>Transactions for <span id="current-account-name">{account.name} (***{account.accountNumber.slice(-3)})</span></h1>
-    </header>
-    <TransactionTable client:load />
-</main>
+  <header class="main-header">
+    <h1>
+      Transactions for <span id="current-account-name"
+        >{account.name} (***{account.accountNumber.slice(-3)})</span>
+    </h1>
+  </header>
+  <TransactionTable client:load />
+</main>