ES Mapping - Option add to Elasticsearch Mapping Page for PP Predicates

Context :

The key element that needs to be mapped in most situations is the predicate in a PP. 

Designs :
As per the second screen 

https://www.figma.com/file/TKic9bHB2tuCkW4aveonak/NOS---Design?node-id=236%3A25090

> use standard studio formatting and icons, but get as close as possible to the designs 

To Do : 

Change the format of the PP main page to include a maker 

Add to Elasticearch mapping / Show in Elasticearch mapping

AC :

• I can see each predicate with the bin and edit icons as before, but with the new maker Add to Elasticearch mapping / Show in Elasticsearch mapping 

• • Add to Elasticearch mapping = doesn't exist on ES mapping page
  • Show in Elasticsearch mapping  = exists on  ES mapping page

• When I 'Add to Elasticearch mapping' the element will be listed on the Elasticsearch Mapping page, with the 'Not Configured' label, all instances of this predicate in the PP will then show 'Show in Elasticsearch mapping'
• If I delete the Predicate in the Elasticsearch Mapping page, becomes 'Show in Elasticsearch mapping' 

• The same predicate in two places will only create one item on the mapping page

• Remove current + Icon, and integrate into larger ADD button 
• Change the spacing between PP listed items (predicates, aggregates etc.) as per designs