Enable automatic logo insertion

[huong-li-nguyen]

Description

• Enable automatic logo insertion into the page-header container - this means that the first file found called logo. xxx in the assets folder will be positioned in the left corner
• The settings container will now move to the right-header container if both dashboard-title and logo are hidden
• Note: There might always be some custom CSS required to position the logo nicely because a logo can have different paddings, which we cannot predict beforehand. The best thing we can do is to put no restriction on the logo image and always let it take 100% of the height of its parent container. Repositioning can then be done via custom CSS (see code changes in the examples app)

@nadijagraca - thanks for creating the first POC on this! I've had to update it based on the new container structure and logic we will likely introduce here. Depending on your capacity you could help me finish this PR off with docs and tests :)

TO DO in separate PRs:

• docs + tests

Screenshot

Logo ⛔ + Dashboard Title ✅

Logo ✅ + Dashboard Title ✅

Logo ✅ + Dashboard Title ⛔

Logo ⛔ + Dashboard Title ⛔

Rectangular Logo ✅ + Dashboard Title ⛔

See this commit to see the relevant CSS changes: d71f101

Notice

• I acknowledge and agree that by checking this box and clicking "Submit Pull Request,":

  • I submit this contribution under the Apache 2.0 license and represent that I am entitled to do so on behalf of myself, my employer, or relevant third parties, as applicable.
  • I certify that (a) this contribution is my original creation and (b) to the extent it is not my original creation, I am authorized to submit this contribution on behalf of the original creator(s) or their licensees.
  • I certify that the use of this contribution as authorized by the Apache 2.0 license does not violate anyone else's intellectual property rights.
  • I have not referenced individuals, products, or companies in any commitments, directly or indirectly.
  • I have not added data or restricted code in any commits, directly or indirectly.

[nadijagraca]

LGTM. I just have one small comment on css.

[antonymilne]

🌟 Looks great!