Storybook "Show Info" button should not interfere with the stories themselves

[hokei]

Description of issue:

Currently, Storybook's "More Info" button sits on top of the component

This can obscure bugs that we don't catch until later

[helenvholmes]

Hm, that "+" icon is looking mighty funky too 🤔

[hokei]

that's fixed in #185, the funkiness what made the info button clearly an issue haha

[M0nica]

I'm not sure yet when I can work on this story so I unassigned myself for now in-case anyone else wants to pick up. I started looking into it a bit and saw some GitHub issues (storybookjs/storybook#1147 (comment)) that suggested that the addon-docs https://www.npmjs.com/package/@storybook/addon-docs was created to replace the info addon.

Based on what I've seen so far I'd recommend considering replacing the info addon with the addon docs as the info addon seems to have limited ability to customize positioning. I believee additional configuration needs to be done after the initial setup to ensure that the addon docs can automatically parse the TypeScript types for each story.

[helenvholmes]

@M0nica that's a good suggestion, and makes a lot of sense. I think for the documentation add-on we might want to pull in the content for it from Airtable, which powers Metronome (which in turn adds a layer of complication). I don't think it's a hardcore to-do for this sprint.

[helenvholmes]

Captured removing the info button in #144, so closing this out.