Fix Input, Checkbox, and disabled Tooltip styles to support removing InputTooltip

Created by: lrhacker

Issue type

Internal request

Problem description

When trying to replace the InputTooltip component with just using Tooltip and Input components (or Tooltip and Checkbox), the default styles of these components together do not work across different browsers on the corresponding batch changes pages, resulting in a visual regression.

Context

See #38334 for more examples in the comments on specific problems we were running into. After quite a few hours iterating on styles, it was clear it might not be a simple fix, and will need some more time dedicated to find the best solution. Perhaps the grid used could be modified to better support our default inputs, too?

Steps to reproduce

If you switch the uses to either <Tooltip content=...><Input as="checkbox" .../></Tooltip> or <Tooltip content=...><Checkbox .../></Tooltip>, by default, the styles will not cooperate with the fact that there is only a wrapper around the tooltip trigger if the trigger is disabled (i.e. it does not get wrapped when the trigger is in a normal, enabled state).

Checking the batch changes overview in Storybook while using Firefox will result in checkboxes being either too small, too large, or aligned improperly.

Impact

InputTooltip is only used within batch changes for now, and there's an ESLint warning to discourage use elsewhere - so the scope should be small.