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/test/components.test.tsx

@@ -1,8 +1,8 @@
+import AddTransactionForm from '@components/AddTransactionForm';
+import TransactionTable from '@components/TransactionTable';
 import { act, cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
+import type { Transaction } from '@types';
 import { describe, expect, it, vi } from 'vitest';
-import AddTransactionForm from '../components/AddTransactionForm';
-import TransactionTable from '../components/TransactionTable';
-import type { Transaction } from '../types';
 
 // Create hoisted mocks that are safe to use in vi.mock
 const createMocks = vi.hoisted(() => ({
@@ -34,7 +34,7 @@ vi.mock('@nanostores/react', () => ({
   useStore: createMocks.useStore,
 }));
 
-vi.mock('../stores/transactionStore', () => ({
+vi.mock('@stores/transactionStore', () => ({
   currentAccountId: createMocks.currentAccountId,
   transactionToEdit: createMocks.transactionToEdit,
   refreshKey: createMocks.refreshKey,