Create tournament banner preview in tournament form

[ianpaschal]

As a tournament organizer, I want my tournament to look as good as possible. Therefore I want even more control over how the logo and banner are rendered.

Implementation

In the <TournamentForm/>, there should be a new <TournamentBannerPreview/> which looks like a <TournamentBanner/> but allows the user to replace the logo and banner images.

Acceptance Criteria

• Tournaments should have a logoWrapper field added, which mirrors <TournamentLogo/>s wrapper prop.
• The banner preview should be a button within a button, where clicking the logo or banner areas allows the changing of that image.
• Clicking on an empty image will open an image upload dialog.
• Clicking on a filled image will open a popover with three more buttons:
  • Revert (if a default value (StorageId) exists)
  • Replace (opens the image upload dialog)
  • Delete (if set)
• There should be 3 more inputs as well, visible if a checkbox "Use Logo Wrapper" is clicked:
  • Shape (select with values: Round, Hexagon, Shield, Square, None)
  • Border Color (basic color select, 12 options and a HEX text field)
  • Background Color (basic color select, 12 options and a HEX text field)

[ianpaschal]

Blocked by #162.