Profile hero layout is broken on mobile

**What** On mobile, the profile hero is laid out incorrectly. The **Share** and **Edit profile** buttons overlap the avatar and straddle the seam between the green cover banner and the dark profile card. The avatar circle covers part of the Share button, so its label is clipped (shows "hare" instead of "Share"). **Evidence** The Share button is partially hidden behind the avatar; both action buttons sit half on the cover and half on the card; the avatar, cover, buttons and name are misaligned. **Expected** The hero lays out cleanly on mobile: the cover, avatar, action buttons and name are positioned without overlap, and both buttons are fully visible and tappable (not covered by the avatar). **Where** Profile page hero, on mobile. **Steps** 1. Open your profile on a phone. 2. Look at the hero (cover + avatar + Share / Edit profile buttons). --- **Ce qui se passe** Sur mobile, l'en-tête (hero) du profil est mal disposé. Les boutons **Share** et **Edit profile** chevauchent l'avatar et se trouvent à cheval sur la jonction entre la bannière de couverture verte et la carte de profil foncée. Le cercle de l'avatar recouvre une partie du bouton Share, dont le libellé est tronqué (affiche « hare » au lieu de « Share »). **Preuve** Le bouton Share est partiellement masqué derrière l'avatar; les deux boutons d'action sont à moitié sur la couverture et à moitié sur la carte; l'avatar, la couverture, les boutons et le nom sont mal alignés. **Attendu** L'en-tête s'affiche correctement sur mobile : couverture, avatar, boutons d'action et nom positionnés sans chevauchement, et les deux boutons entièrement visibles et cliquables (non recouverts par l'avatar). **Où** En-tête de la page de profil, sur mobile. **Étapes** 1. Ouvrir son profil sur un téléphone. 2. Regarder l'en-tête (couverture + avatar + boutons Share / Edit profile).