feat(avatars): profile images

WIP Not worth reviewing yet.
```html
<h2>...</h1>
```

I'm not sure if it should be an \<h2\> or what works best. Although in the legal/tos and legal/pp pages, it looks like we jump from \<h3\> for subheading (Firefox cloud services) to \<h1\> for main heading (Privacy Notice).