Updated profile-header and breakpoint-overlay

[Gold240sx]

Why did I make this pr? After uploading my profile image, the profile object was outputting:

```
  {
    "id": 2,
    "userId": 2,
    "displayName": "Michael",
    "imageId": "946256560560...",
    "image": null,
    "bio": "<p> Hey! ..."
  }
```
I wasn't sure if uploading a seperate profile header image was what was in the works or if 
there was an error in the update to the profile image, on imageUpload, that didn't update 
the profile.image correctly, so I figured without knowing, that it should atleast show the user's 
profile.imageUrl.

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[Gold240sx]

Ahh, I just watched the "R2 Setup" @11:20 Video, and it does indeed expect the avatar, so yes, If the user did in fact sign up with username and password, then the image would be set to undefined or null and this pull does indeed fix those cases.

[webdevcody]

thanks for the PR! would you be able to fix the extra indentations?