Support showing note pop-up for Check out app

As a librarian
I want to see a pop-up note for a user before I check out loans to him/her
So I am aware of any issues before proceeding

Technical details

This story is to display a pop-up note on the Check out app. I defer to Natalia Zaitseva, to make applicable changes to implementation details.
According to requirements described in https://issues.folio.org/browse/MODNOTES-164, a user should be able to see a note pop-up on the Users App if it has a special property defined for him.

Currently the Users app uses

/note-links/domain/{domain}/type/{type}/id/{id}/

endpoint to find user notes link

Once https://issues.folio.org/browse/MODNOTES-165 has finished the response will include
additional properties to define if a note should be shown as a pop-up for a user.

For Users App the property will be:

"popUpOnUser": true

Pre-conditions:

• Admin creates/edits a note at Users app for user Bob and checks that note displays as a pop-up on the Check out App
• When Admin goes to the Check out App and scans Bob's library card/enters Bob's id/selects Bob via the patron look up modal
• then display the note as a popup

Additional information:
More details can be found on the related Confluence page.

POP-UP | When user DOES NOT have Delete note permission assigned

POP-UP | When user HAS Delete note permission assigned

Pop-up Note display requirements

• See informational modal pattern: https://ux.folio.org/docs/guidelines/ux-patterns/using-the-information-modal/
• To view Pop-up note must have assigned permission: Notes: Can view a note
• Pop-up modal pane header: Note for patron 
• Pop-up modal body: <<Note details>>. Note details display should honor all applied styling. 
• Pop-up size should account for the fact that a note may have more 5000 characters.
• Pop-up modal pane footer buttons
  • Close = closes the pop-up. The pop-up should only display upon the action that displays the user record. It should not continue to display the pop-up. Just once.
  • Delete note = IF the user has the assigned permission - Notes: Can delete a note THEN user may delete the note

Mockup

Acceptance Criteria
Given library staff created a user note for Bob Ross
AND s/he set the note to display on Check out app
When a library staff member scans Bob's library card/enters Bob's id/selects Bob via the patron look up modal
AND Bob is the current user selected to have loans checked out
Then display the note that is set to pop-up for Bob

Given library staff member set a user note for Bob Ross to display as a pop-up on Check out app
AND pop-up note displays 
When s/he takes an action that closes the note
BUT does not delete the note
Then pop-up note closes

Given library staff member set a user note for Bob Ross to display as a pop-up on Check out app
AND pop-up note displays 
When s/he delete the note
Then pop-up note closes 
AND the note is deleted and should not display as a note for that user

Given the library staff member has deleted the pop-up note
When Bob Ross is selected again on the Check out app
Then the notes pop-up does not display

Given I have a note set to pop-up on Check out app for Bob Ross user record
When I edit record
AND unselect Display note as a pop-up for Check out app AND hit Save
Then do not display the notes pop-up on the Check out app 

Given I am on the Check out app
AND I scan Bob's library card/enter Bob's id/select Bob via the patron look up modal
AND he has a pop-up note
When he closes the note
Then do not display the Bob Ross pop-up note again for a session