Add an image to the public access documentation and fix wrong profile path

What does this MR do?

This supersedes !3906 (closed). /cc @jmatsushita

Why was this MR needed?

The profile path was not correct, and the documentation is more clear with nice images. :)

Does this MR meet the acceptance criteria?

• Documentation created/updated
• Tests
  • All builds are passing
• Conform by the style guides
• Branch has no merge conflicts with master (if it does - rebase it please)
• Squashed related commits together