Create a shared color picker component

Based on the designs/discussions in the discovery issue and backend issue, this issue is to track the development of the shared color picker component which will be used by the new compliance framework forms and eventually other color picker locations (e.g. labels).

Mockups

Settings Page	Edit	New

Tier

This shared component should not be limited to any one tier. The individual locations it is used may be tiered.

Implementation plan

• Create new shared Vue component which has:
  • A Color input field (requires prefixing #)
    • Shows chosen color on the left-hand side next to the input field
    • Shows input description below color input
  • Defines a list of preset colors (taken from existing color picker on labels etc)
  • Shows preset colors, on click update input and color preview