[UI] Tooltip changes

[AjaxAueleke]

Current Behavior

Currently, the Meshery UI employs inconsistent informational ("i") icons, alternating between filled and outlined versions. Moreover, the associated tooltips often lack descriptive text, featuring only a hyperlink which provides minimal guidance to the user.

Desired Behavior

1. Switch to using an outlined "i" icon for tooltips across the UI, moving away from the filled version. This ensures consistency and clarity in signalling informational content.
2. Each tooltip should contain one or two complete sentences, providing a clear and concise explanation.
3. Conclude with a standard "Learn more" or "Open docs" hyperlink, directing users to the corresponding documentation page for in-depth information.

Implementation

1. A tooltip icon from sistent is used.

Acceptance Tests

Screenshot

---

Contributor Guides and Handbook

• 🎨 Wireframes and designs for Meshery UI in Figma (open invite)
• 🖥 Contributing to Meshery UI
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[github-actions]

This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests Using Cypress.

---

        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄