[DCJ-286] Add bulk User operations to dropdown on SO Console

[aarohinadkarni]

Addresses

https://broadworkbench.atlassian.net/browse/DCJ-286

Summary

Adds the dropdown in the Name column allowing a Signing Official to apply all DAAs or remove all DAAs to and from one user at a time.

Note: this PR depends on this corresponding PR.

---

Have you read Terra's Contributing Guide lately? If not, do that first.

• Label PR with a Jira ticket number and include a link to the ticket
• Label PR with a security risk modifier [no, low, medium, high]
• PR describes scope of changes
• Get a minimum of one thumbs worth of review, preferably two if enough team members are available
• Get PO sign-off for all non-trivial UI or workflow changes
• Verify all tests go green
• Test this change deployed correctly and works on dev environment after deployment

[rushtong]

If you change the base of this PR to be #2562, then we'll only see diff between these two instead of all of the changes between this PR and develop:

[rushtong]

This is an interim review, I'll take another look when we're closer with the base PR. Works as expected! See comments inline.

[rushtong]

I'm seeing a new error on this PR that I don't see on dev. Not sure if it is unrelated to changes here yet:

Warning: A props object containing a "key" prop is being spread into JSX:
  let props = {key: someKey, onClick: ..., onMouseEnter: ..., onMouseLeave: ..., style: ..., data-tip: ..., id: ..., children: ...};
  <span {...props} />
React keys must be passed directly to JSX without using spread:
  let props = {onClick: ..., onMouseEnter: ..., onMouseLeave: ..., style: ..., data-tip: ..., id: ..., children: ...};
  <span key={someKey} {...props} />
    at TableIconButton (https://local.broadinstitute.org:3000/static/js/bundle.js:9519:51)
    at div
    at Actions (https://local.broadinstitute.org:3000/static/js/bundle.js:12907:5)
    at div
    at div
    at DataRows (https://local.broadinstitute.org:3000/static/js/bundle.js:8773:5)
    at div
    at div
    at SimpleTable (https://local.broadinstitute.org:3000/static/js/bundle.js:8866:5)
    at DarCollectionTable (https://local.broadinstitute.org:3000/static/js/bundle.js:13660:101)
    ...

[rushtong]

This looks great, thank you! See optional feedback inline.

[PintoGideon]

I observed this error in dev yesterday and will file a seperate ticket to fix it @rushtong

> Warning: A props object containing a "key" prop is being spread into JSX:
>   let props = {key: someKey, onClick: ..., onMouseEnter: ..., onMouseLeave: ..., style: ..., data-tip: ..., id: ..., children: ...};
>   <span {...props} />
> React keys must be passed directly to JSX without using spread:
>   let props = {onClick: ..., onMouseEnter: ..., onMouseLeave: ..., style: ..., data-tip: ..., id: ..., children: ...};
>   <span key={someKey} {...props} />
>     at TableIconButton (https://local.broadinstitute.org:3000/static/js/bundle.js:9519:51)
>     at div
>     at Actions (https://local.broadinstitute.org:3000/static/js/bundle.js:12907:5)
>     at div
>     at div
>     at DataRows (https://local.broadinstitute.org:3000/static/js/bundle.js:8773:5)
>     at div
>     at div
>     at SimpleTable (https://local.broadinstitute.org:3000/static/js/bundle.js:8866:5)
>     at DarCollectionTable (https://local.broadinstitute.org:3000/static/js/bundle.js:13660:101)

[fboulnois]

A few suggestions, otherwise looks good: