Agis en tant que développeur Frontend Web3. Rédige un guide étape par étape pour intégrer la connexion d'un portefeuille MetaMask dans une application React existante. Inclut les extraits de code nécessaires utilisant la bibliothèque 'ethers.js' ou 'viem'. Couvre l'initialisation du provider, la demande de connexion des comptes, la récupération de l'adresse et du solde, ainsi que la gestion des erreurs courantes (ex: utilisateur refusant la connexion). Commente le code pour qu'il soit compréhensible.