Add Brief field to Feature screen

[fvalentiner]

Context

There is a new page for Feature. A Feature is part of a Workplace and can be compared to an agile epic.

A workspace will have a list of features.

Design

Remember to use the components from Elastic UI when ever posible https://eui.elastic.co/

This will be the full feature page

Your job for this bounty is to create the 'Feature Brief' field. Here are the specifics. page: /feature/{feature_uuid}

• The field will first display as a label.
• When showing the label, replace \n with
  so that new lines are displayed property.
• When clicking Edit on the side menu, a text area appear with the value of the field.
• There will also be two buttons
• Cancel -> Go back to the label display,
• Update -> Call endpoint to update value and show label with updated value

Backend Endpoints:

GET /feature/{uuid}

POST /feature { uuid: '{feature_uuid}', brief: 'value inside brief text area' }

Acceptance Criteria

• [ ] I've tested on Chrome
• [ ] I've submitted a screenshot or recording in my pr
• [ ] I've created a test that clicks on edit, changes the text area value, clicks update and refresh the page to find the new value
• [ ] I have rebased and tested locally before submitting my PR
• [ ] I can submit a pr within 2 days of taking the bounty

Here is an example unit test

Here is an example component test

[Vayras]

@fvalentiner please assign

[aliraza556]

Hi @fvalentiner, assign me?

[vishnu552]

@fvalentiner can you please assign me

[AbdulWahab3181]

@fvalentiner Could you please assign me?

[AbdulWahab3181]

@fvalentiner Could you please assign this task to me if @aliraza556 doesn't want to continue with it.

[aliraza556]

Hi @AbdulWahab3181, I am working on this issue and have almost completed it.