Feat/betting ux and stark net transactions

[legend4tech]

On-Chain Betting Integration with StarkNet

Overview

This PR implements the full frontend flow for on-chain betting via StarkNet, including:
✅ Wallet connection & authentication
✅ Agent selection & bet amount input
✅ Transaction triggering & status tracking
⚠️ Note: Transactions are currently mocked—functionality is in place, but no real contract calls are made yet (see Next Steps).

---

Key Features

1. Wallet Connection

• Supports ArgentX and Braavos via @starknet-react/core
• Connection modal, account dropdown, and disconnect flow
• Handles wallet detection (installed/not installed)

2. Betting Interface

• Agent cards with performance data
• ETH input with validation
• "Place Bet" button with disabled states

3. Transaction Handling (Mocked)

• UI fully simulates transaction flow (pending → success/failure)
• Transaction history with status badges
• Error states displayed for failed transactions
• No real contract calls yet—backend integration is pending (see Next Steps)

---

Technical Notes

File Structure

src/
├── components/      # Wallet modals, betting UI
├── hooks/           # useBetting, useWallet
├── lib/starknet.ts  # Mocked contract calls
└── types/           # Interfaces for agents, tx

Why Mocked Transactions?

The frontend logic is fully functional, but since no betting contract has been deployed yet:

• All contract calls are simulated in lib/starknet.ts
• Replace the mock with a real contract ABI when ready

---

Testing Instructions

1. Connect wallet (ArgentX/Braavos)
2. Select agent and enter bet amount
3. Submit bet → UI will simulate tx flow (no on-chain action)
4. Verify transaction history updates correctly

---

Next Steps

To enable real transactions, we need:

1. Deploy betting contract (or provide ABI + address)
2. Replace mock in lib/starknet.ts with actual contract calls
3. Configure network (testnet/mainnet) in Providers

---

This PR delivers the complete frontend foundation—backend integration will be seamless once the contract is ready.

---

This version:

• Highlights the mocked state upfront (no surprises)
• Explains why it’s mocked and how to enable real tx
• Keeps the focus on the working UI/UX flow
• Still shows the full scope of what’s implemented

Closes #8

[vercel]

@legend4tech is attempting to deploy a commit to the poulavbhowmick03's projects Team on Vercel.

A member of the Team first needs to authorize it.

[tosoham]

There are build errors please resolve

[tosoham]

@legend4tech can you show me a video where you have implemented the betting UI

Solved

[tosoham]

LGTM