Initial commit - Basic bank transactions dashboard structure with Astro and TypeScript

src/components/MainContent.astro

@@ -0,0 +1,17 @@
+---
+import TransactionTable from './TransactionTable.astro';
+import type { Account, Transaction } from '../types';
+
+interface Props {
+    account: Account;
+    transactions: Transaction[];
+}
+
+const { account, transactions } = Astro.props;
+---
+<main class="main-content">
+    <header class="main-header">
+         <h1>Transactions for <span id="current-account-name">{account.name} (***{account.last4})</span></h1>
+    </header>
+    <TransactionTable transactions={transactions} client:load /> {/* Make table updatable */}
+</main>