Searchfield: Listview-specific fixes for search close Button

[rob2d]

Explain the details for making this change. What existing problem does the pull request solve?

Fixes listview-specific alignment issues

Related github/jira issue (required):

Related to #5090 #5074 but does not close these. Pushing as separate PR to isolate testing cases/code as there are many permutations of close button stylings.

Steps necessary to review your pull request (required):

• pull 5090-tabs-and-listview-searchfield-close-fix
• visit http://localhost:4000/components/listview/example-search.html and verify that close button is aligned
  

-visit http://localhost:4000/components/swaplist/example-search.html and verify close button is aligned

• also do the same for the same URLs above with ?theme=classic

Included in this Pull Request:

• An e2e or functional test for the bug or feature.
• A note to the change log.

[tmcconechy]

Looks good - im not sure how you want to fix all these similar issues. But it could be a case where you want to do them all in one PR. Because one could break another ect...But do what makes sense thats just a thought.

I was looking at the "double border" issue and half expecting that to be fixed here but if its later thats fine. If you tackle that it seems like you can change this rule

.listview-search .searchfield-wrapper {
  height: 38px;
}

[rob2d]

@tmcconechy found that we can target the input to just be 100% between both themes so just tweaked the solution a tiny bit (and also good catch, thanks).

[rob2d]

Iterated/rewrote one of the more-flakey e2e datagrid tests that was failing on this branch... and that was at least passing locally consistently. Hopefully it does not trigger other cases 🤞