Add new Select component

[lyzadanger]

Depends on #827

This PR adds a basic Select component, building on InputRoot. Its purpose right now is to capture, standardize and simplify the design pattern used in the grading toolbar in LMS:

This is to support some UI improvements in that area.

The component is simple and young. You can see its documentation on this branch at http://localhost:4001/input-select

[lyzadanger]

Alternately, we can extend the Tailwind theme in the package's preset:

theme: {
  extend: {
    backgroundImage: {
      'caret-down': 'url("/* ... *./")',
    }
  }
}

which could then be applied with the bg-caret-down utility class.

Putting the source of the image here in the component module means we could ostensibly set stroke color or other attribute values dynamically. The up side of putting it in the tailwind preset is that, ostensibly, a consumer could override it with something completely different.

[acelaya]

I guess there are pros and cons to both approaches, but since it's hard to see how the needs for this component will evolve, I would suggest keeping it like this and change it later if wee see the need.

[lyzadanger]

The LMS implementation of this <select> uses a separate Icon component/element and absolutely-positions it at the right edge of a wrapping container element.

The advantage of using a background image is that no wrapping container is needed. This allows <Select> to take advantage of InputGroup styling, e.g.

[acelaya]

I guess there are pros and cons to both approaches, but since it's hard to see how the needs for this component will evolve, I would suggest keeping it like this and change it later if wee see the need.

[codecov]

Codecov Report

Merging #828 (399a7fc) into main (9c1fbaa) will not change coverage.
The diff coverage is 100.00%.

@@            Coverage Diff            @@
##              main      #828   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           57        58    +1     
  Lines          686       691    +5     
  Branches       241       242    +1     
=========================================
+ Hits           686       691    +5     

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

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