Profile page implementing the default Avatar

[MaxMartinsen]

pages/user/index.html view:

Description:

Our user profiles currently utilize a default avatar image sourced from Unsplash, which is not representative of our platform's professionalism and neutrality. We need to replace this image with a more suitable default avatar that aligns with the brand and is appropriate for a diverse user base.

Task:

Identify a suitable default avatar image that is professional, neutral, and aligns with the site's aesthetic. The chosen image should be easily recognizable at various sizes and should not imply any specific identity, adhering to a gender-neutral and abstract design.

Acceptance Criteria:

• The new default avatar image is selected and approved for use across all user profiles without a custom image.
• The src attribute of the img element with the id of "profileImage" in the /pages/user/index.html file is updated to point to the new default avatar image.
• The implementation should be tested to ensure that the new default avatar renders correctly on all devices and screen sizes, maintaining responsiveness and visual integrity.
• CSS or JavaScript fallbacks are in place to handle scenarios where the default avatar image fails to load.
• All user profiles without a custom image should now display the new default avatar without any issues.

[Ninuskaninus]

Pull request: https://github.com/NoroffFEU/agency.noroff.dev/pull/826