Smarter disabled behavior for buttons and button groups (specifically tooltips)

Two problems with buttons:

  1. if a button has a tooltip when it is disabled, we also need to add a wrapper element, as described in https://bootstrap-vue.org/docs/components/tooltip#disabled-elements - this is not automatically enforced so is easy to miss unless it's picked up in code review.

  2. if said button is in a button-group, adding the wrapper element will break styling and give it a border-radius on the right, and some incorrect focus/border styling

Screen_Shot_2020-08-10_at_3.33.58_pm

I don't know of a good solution for either problem, but we could definitely afford to improve the situation