[PBNTR-576] Tooltip for Truncated Form Pills

[ElisaShapiro]

What does this PR do? A clear and concise description with your runway ticket url.
PBNTR-576 follows up PBNTR-550 by adding a Tooltip containing text or tag content in full of a truncated Form Pill.

This PR does the following:

• Adds a Tooltip to the text, tag, or avatar name component of a truncated Form Pill. The Tooltip contains the entirety of the text content (does not include avatar image or icon)
• Expands upon PBNTR-550 by adding the truncate prop to Rails Form Pills as well - all Rails Typeaheads With Pills are react-rendered-rails, so this expands the behavior so React/Rails are consistent. (Note: there are no solo rails form pills in use in Nitro). For Rails Tooltips, an id must be included; if not included, the Form Pill will be truncated but no Tooltip will appear (this is not necessary for React, nor for react-rendered-rails Typeahead).
• Updates the Truncated Text Rails and React doc examples to include several form pill variations (an avatar, an icon+text tag, and a text tag only) within a Card of a small width to demonstrate the truncation/tooltip in a non-Typeahead environment. Locally I tested many variations (including truncation on a small Form Pill, or one with customized color).

Screenshots: Screenshots to visualize your addition/change
React Truncated Text doc example screenshots showing Tooltip

Rails Truncated Text doc example screenshots showing Tooltip

How to test? Steps to confirm the desired behavior:

1. Go to the truncated text doc example (rails/react).
2. Go to the Typeahead in the "Truncation Within Typeahead" section and select a name. Hover over the Form Pill that appears with their truncated name and observe the Tooltip in action displaying their full name.
3. Hover over one/all of the truncated Form Pills in the "Form Pill Truncation" section. Observe the Tooltip in action. For the last Form Pill in the Rails doc ex, note that no Tooltip will appear because it does not have an id.

Checklist:

• LABELS Add a label: enhancement, bug, improvement, new kit, deprecated, or breaking. See Changelog & Labels for details.
• DEPLOY I have added the milano label to show I'm ready for a review.
  - [ ] TESTS I have added test coverage to my code.

[powerhome-portal]

A change to documentation files was detected in your PR. Please visit this link to preview changes: https://portal-staging.powerapp.cloud/docs?filters[kind]=all&filters[user]=all&filters[namespaceFilter]=pbntr-576-tooltip-truncated-formpills

[github-actions]

🎉 Congratulations on creating an Alpha Version!

Your Alpha for Ruby Gems is 14.6.2.pre.alpha.PBNTR576tooltiptruncatedformpills4296

Your Alpha for NPM is 14.6.2-alpha.PBNTR576tooltiptruncatedformpills4296

[github-actions]

🎉 Congratulations on creating an Alpha Version!

Your Alpha for Ruby Gems is 14.6.2.pre.alpha.PBNTR576tooltiptruncatedformpills4304

Your Alpha for NPM is 14.6.2-alpha.PBNTR576tooltiptruncatedformpills4304

[github-actions]

🎉 Congratulations on creating an Alpha Version!

Your Alpha for Ruby Gems is 14.6.2.pre.alpha.PBNTR576tooltiptruncatedformpills4312

Your Alpha for NPM is 14.6.2-alpha.PBNTR576tooltiptruncatedformpills4312

[github-actions]

You merged this pr to master branch:
- Ruby Gem: 14.7.0.pre.rc.10
- NPM: 14.7.0-rc.10