Add fonts and color to styling in info addon

[SteffenGorenflo]

Issue: #5723

What I did

Add font family and color to the styling of the info addon.

c7f624e#diff-36f288162c3cc9bd518d680f366bbe54 removed the font with the color and #5759 added the font again, but not with the color and at the (imho) wrong place.

I think with my solution the info addon has the correct fonts and color when rendering "behind" the story as well as inline.

How to test

When rendering the Story Button with new info in the cra-kitchen-sink example, add info: { inline: true } to the options. The rendered font of the addon-info should look the same as if the addon was rendered with info: { inline: false}

• Is this testable with Jest or Chromatic screenshots?
  Yes
• Does this need a new example in the kitchen sink apps?
  Maybe we can render a story with the inline options to true
• Does this need an update to the documentation?
  No

If your answer is yes to any of these, please make sure to include it in your PR.

[codecov]

Codecov Report

Merging #6186 into next will increase coverage by 0.03%.
The diff coverage is n/a.

@@            Coverage Diff            @@
##            next    #6186      +/-   ##
=========================================
+ Coverage   37.9%   37.93%   +0.03%     
=========================================
  Files        645      645              
  Lines       9642     9626      -16     
  Branches     354      352       -2     
=========================================
- Hits        3655     3652       -3     
+ Misses      5940     5927      -13     
  Partials      47       47

Impacted Files	Coverage Δ
addons/info/src/components/Story.js	88.34% <ø> (ø)	⬆️
app/angular/src/client/preview/angular/helpers.ts	38.63% <0%> (-0.14%)	⬇️
addons/knobs/src/registerKnobs.js	0% <0%> (ø)	⬆️
app/react-native/src/preview/index.js	0% <0%> (ø)	⬆️
app/react-native/src/index.js	0% <0%> (ø)	⬆️
...client/preview/angular/components/app.component.ts	27.02% <0%> (+2.02%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update a9a4018...138ef71. Read the comment docs.

[ndelangen]

@SteffenGorenflo 👍