feat(app): add module icon tooltips to robot card

[jerader]

closes #8672

Overview

This PR adds tooltips to the module icons on the RobotCard, the tooltips describe what module each icon represents.

Changelog

• extends optional props in moduleIcon and adds props to moduleIcon in robotCard

Review requests

• Because toolTip is in the app folder since we want a tooltip for the app and a tooltip in components, I added a few tooltip props to moduleIcon is that okay?
• Does it match designs?

Risk assessment

low

[codecov]

Codecov Report

Merging #10103 (b141f58) into edge (cd25aea) will increase coverage by 0.00%.
The diff coverage is 100.00%.

@@           Coverage Diff           @@
##             edge   #10103   +/-   ##
=======================================
  Coverage   74.64%   74.64%           
=======================================
  Files        2091     2092    +1     
  Lines       55177    55180    +3     
  Branches     5553     5553           
=======================================
+ Hits        41187    41190    +3     
  Misses      12866    12866           
  Partials     1124     1124           

Flag	Coverage Δ
app	71.04% <100.00%> (+<0.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
app/src/atoms/Tooltip/index.tsx	100.00% <ø> (ø)
app/src/organisms/Devices/RobotCard.tsx	50.00% <ø> (ø)
app/src/molecules/ModuleIcon/index.tsx	100.00% <100.00%> (ø)

[jerader]

had to add these optional tooltip props since Tooltip lives in the App folder and this usage of moduleIcon is the only time we need a tooltip

[b-cooper]

Is it true that all ModuleIcon instances should have these tooltips? if that is the case, maybe this component (which I believe is only used in the app right now), should actually be pulled out of components and into app. Then it would not need these new props, as we could use the hover tooltip hook inside of the component itself.

[jerader]

ModuleIcon is also being used in PD and the only time a tooltip is needed is the MouldeIcon used in the robot card

[b-cooper]

Then maybe it would be cleaner if the app had its own ModuleIcon molecule, that imports this base component from the components library, and adds in the tooltip. That way this shared component and the app specific tooltip version are still just a pure functions of moduleType.

[sakibh]

LGTM! The tooltips look awesome ✅