Add selected facet component

[jcoyne]

Fixes #35

[dnoneill]

@jcoyne Looks mostly good. When I tested this in earthworks I noticed the off center is back so I think we need to add the flex in.

I think this is happening because we are decreasing the padding-y and it is making the lack to centering more noticable. I tried in Chrome (version 128.0.6613.85, which says its up to date). So I think this might be an issue.

With --padding-y set to default

With --padding-x set to .25rem

[jcoyne]

@dnoneill do you have a branch to share?

[dnoneill]

@jcoyne I copied the CSS into earthworks.css on this branch sul-dlss/earthworks#1221

[jcoyne]

@dnoneill I think the problem there is that Earthworks is putting it into a line that also has the "Start over" button. The start over button is pushing up the line height, so the selected facet component is growing to match that size (eliminating --bs-btn-padding-y on the facet, or adding it to the "start over" allows the font to center). I think we need to think of this more expansively. E.g. Do we want the "Start over" button to be taller than the selected facet buttons?

[dnoneill]

@jcoyne I tested locally and you are right about the start over button causing the issue. I think this okay to merge and I can solve the problem in the constraints_component

[dnoneill]

@jcoyne I opened #45 which solves the problem in earthworks. It also fixes the fact we don't have button padding defined correctly in the component library.