" Add Tool tip" design & text for governance page cards

[diterra-code]

Here are the tool tip designs for the Vote and Vault pages:

Default:

Figma (Dark):

https://www.figma.com/design/2sWRCrux6a47zBXTwDVJxh/Breadchain-crowdstake?node-id=6807-207738&t=O30gArvWj5OKdIhR-1

Vote page:

Figma Link (Dark): https://www.figma.com/design/2sWRCrux6a47zBXTwDVJxh/Breadchain-crowdstake?node-id=6817-208395&t=O30gArvWj5OKdIhR-1

Figma link (Light): https://www.figma.com/design/2sWRCrux6a47zBXTwDVJxh/Breadchain-crowdstake?node-id=6826-209338&t=9zXiIIvvEzgP8Zje-1

Screenshot:

Vault page:

Figma link (Dark):

https://www.figma.com/design/2sWRCrux6a47zBXTwDVJxh/Breadchain-crowdstake?node-id=6729-183636&t=O30gArvWj5OKdIhR-1

Figma link (Light): https://www.figma.com/design/2sWRCrux6a47zBXTwDVJxh/Breadchain-crowdstake?node-id=6826-210422&t=9zXiIIvvEzgP8Zje-1

Example:

[secbajor]

@diterra-code this is deployed to staging https://deploy-preview-136--breadchain-development.netlify.app/governance - can you give a check in light and dark modes to confirm?

for now the only tooltip to check is this one in the distribution overview section. later we will use the same component to add tooltips anywhere else we need them, i.e. the My Voting Power panel :)

[diterra-code]

@secbajor Just reviewed it, looks great! Just feel that the corner radius is to sharp. Can we try doing a corner radius of 15 instead of 10?

Other than that I am confident with this design assets development and think its ready to move forward.

[secbajor]

@diterra-code got it - made that change; will move this forward.