feat(ui): update workflow library ui

[joshistoast]

Summary

Made some UI updates to the workflow library modal in order to make it feel a bit better.

1. Improved interactions on the side nav.
2. Tweaked UI of list items
3. Darkened background of modal
4. Changed "View" to "Load" since that's what the button does.
5. Moved some styling to system style objects rather than inline attributes.

Just a heads up, I haven't tested this on the workflow sharing and teams oriented stuff, so I could use some feedback on that if the UI there looks odd.

Related Issues / Discussions

QA Instructions

Merge Plan

Checklist

• The PR has a short but descriptive title, suitable for a changelog
• Tests added / updated (if applicable)
• ❗Changes to a redux slice have a corresponding migration
• Documentation added / updated (if applicable)
• Updated What's New copy (if doing a release after this PR)

[maryhipp]

Looks good! I tested with team features on and left one comment suggesting that the blue line indicating active state would look nicer flush on the side as more of a border

[maryhipp]

Rather than using a pseudo-element here, how about a border? Regardless I would have the blue active state be full height and flush. Here are some screenshot of the different states - the smaller elements when team features are enabled looks better with the blue line flush IMO

[joshistoast]

Did it this way to be more consistent with the model manager active state, also using a full height border would taint the border radius, no?