fix(ui-select): fix select's dropdown border radius

[HerrTopi]

TEST PLAN: check if the bottom of select's dropdown and the option list has the same border radius

closes: INSTUI-4442

[github-actions]

PR Preview Action v1.6.0
Preview removed because the pull request was closed.
2025-02-14 09:50 UTC

[matyasf]

There is a narrow white part between the item's selection and the border, I wonder if it can be fixed. Its more visible with more rounded corners, e.g.

<InstUISettingsProvider
  theme={{
        componentOverrides: {
          View: {borderRadiusMedium: '2rem'}
        }
  }}
>
  <SimpleSelect renderLabel="Uncontrolled Select" >
    <SimpleSelect.Option id="foo" value="foo"
                         renderBeforeLabel={(props) => {
                           return <IconCheckSolid />
                         }}>
      Foo
    </SimpleSelect.Option>
    <SimpleSelect.Option id="bar" value="bar">
      Bar
    </SimpleSelect.Option>
    <SimpleSelect.Option id="baz" value="baz">
      Baz
    </SimpleSelect.Option>
  </SimpleSelect>
</InstUISettingsProvider>