Handle overflow in SelectNext

[acelaya]

Closes #1249

This PR is trying to make SelectNext behave closer to the native select when the items overflow the size of the select itself.

For context, this is how a native select looks in that case:

• The content in the select itself is cropped, to make sure it does not overflow its container.
• The listbox grows to fit all options without cropping them. This is important, as there has to be a place where you can see the full content for every option.

Taking that into consideration, the next changes have been made.

1. The listbox has changed from w-full to min-w-full. That way it keeps looking the same as before in most of the cases, but it grows if the content is too long.

   
   

2. The toggle button now truncates its content. That ensures there won't be content overflow, and displays ellipsis if the content is just plain text.
   When the content is not plain text, consumers might need to adapt their code in order to make it look nice. An example of this is included in the pattern library docs.

   

Testing steps.

You can check the new examples at the bottom of http://localhost:4001/input-select-next

[codecov]

Codecov Report

Merging #1325 (0e8e03c) into main (de1df29) will not change coverage.
The diff coverage is 100.00%.

@@            Coverage Diff            @@
##              main     #1325   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           62        62           
  Lines          921       921           
  Branches       352       352           
=========================================
  Hits           921       921           

Files	Coverage Δ
src/components/input/SelectNext.tsx	100.00% <100.00%> (ø)

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[acelaya]

@robertknight I have pushed the next changes.

• I have tried to improve the explanation of the component's behavior when content would overflow, trying to clarify the behaviors of the toggle button vs the listbox.
• I have fixed the miss-behavior you detected, where the button size changed depending on selected option, rather than hiding the overflowing content.
• I have added one more example where an InputGroup is used.

[robertknight]

LGTM