Updating tile to be more fluid

[jodiedoubleday]

What does this PR do? (please provide any background)

• The tile on the Toolkit is a bit prescriptive, it demands a title and then doesn't allow you to move that title anywhere. Instead I've made title optional.
• I've also updated some of the styling and classes for the component to make it a bit more robust.

  What tests does this PR have?

There was no test to ensure the title was there. I've now added a few tests to ensure..

• Title is present when passed in props
• Image is present
• Tile block is present

  How can this be tested?

npm run docs Go to the ui-toolkit docs and remove the title in the code editor. You shouldn't receive any react warnings.

Screenshots / Screencast

What gif best describes how you feel about this work?

• [x] I have checked our general contributing document and the project specific contributing document (if present) and I'm happy for this to be reviewed.

  Reviewers

Review 1

• [x] :+1:

Review 2 *

• [x] :+1:

Review 3 (optional)

• [ ] :+1:

By adding a +1 you are confirming you have...

• Witnessed the work behaving as expected (this could be on the author's machine or screencast).
• Checked for coding anti-patterns.
• Checked for appropriate test coverage.
• Checked all the tests are passing.

* for HX this review must be completed by an SE, SA or Project Guru

[hx-markterry]

ok with me :car:

[elliottcrush]

:one: All good :+1: