Web > Update edit avatar component

### Description of the issue

When reviewing the work being done on Start of Chat for web, I noticed the following issues with the Avatar component:

- Avatar fallback > The "T" in the avatar looks gray, whereas it should be color/text/decorative
- Edit button > There is no rollover state or any other indication or interactivity

### Changes requested

- Ensure that the colors for the Avatar fallback, including the Initial, correspond to the colors specified in Compound ([Link to Avatar source component](https://www.figma.com/design/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=877-902&t=lXcjeVnnbCMj1dOs-4))
- Ensure that the Edit button has a rollover state with tooltip and focus state ([Link to Edit button component](https://www.figma.com/design/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=2929-2721&t=lXcjeVnnbCMj1dOs-4))
- Ensure that the final outcome matches the design in Compound ([Link to Edit avatar component](https://www.figma.com/design/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=3313-3437&t=lXcjeVnnbCMj1dOs-4))