Improve feedback when a Workflow name is invalid

[stuartc]

It's not obvious that the Workflow name is a required field.

This requires some UX/UI input and design to get this right.

[osinga]

Workflow Name Input

• Display the workflow name as regular text (not an input)
• Add a button with icon Pencil beside the name
  • Clicking the button replaces the workflow name with an input
  • Hitting enter while in the input submits it and returns to the initial state
    • If invalid, show the invalid state (with the error on the side for the sake of space)

[NickOpenFn]

Hey team! Please add your planning poker estimate with Zenhub @elias-ba @stuartc @zacck

[NickOpenFn]

UI to be improved slightly, and passed along to Elias with Figma:

• pencil icon to have opacity .
• transitions to 0 when text has hover
• Show input field on select (or underline, depending on what's easiest)
• label for save fail/succeeded to be improved slightly (padding, position)

[elias-ba]

1. Make workflow name input look exactly same as job name input
2. Make workflow name input occupy all the space to the save button
3. When there's an error put the error in the right side of the workflow name input and make it look same as design
4. Make pencil gray