Build a simple DApp page with the following features

Build a simple DApp page with the following features: Connect/disconnect MetaMask wallet. Display the connected wallet address and native token balance. Read a value from a provided smart contract (e.g., counter/message). Update the value by sending a transaction. Display transaction status (Pending, Success, Failed). Handle common errors (wallet not installed, wrong network, rejected transaction). Technical Requirements Next.js (App Router) React.js TypeScript Web3.js (preferred) Responsive UI Clean, reusable, and well-structured code