[Bug]: Incorrect use of label for attribute in search input label

[plumpNation]

Describe the bug

An HTML validity error detected in Chrome showed that the configuration for the label props was ignoring the fact that the search input id is hardcoded, while the label for attribute is provided by dropshift. They should match.

To Reproduce

Open storybook in Chrome.

Open "Issues" in the dev tools.

Note the error Incorrect use of <label for=FORM_ELEMENT>

The label's for attribute doesn't match any element id. This might prevent the browser from correctly autofilling the form and accessibility tools from working correctly.
To fix this issue, make sure the label's for attribute references the correct id of a form field.

System

Environment Info:

  System:
    OS: Linux 5.15 Ubuntu 22.04.2 LTS 22.04.2 LTS (Jammy Jellyfish)
    CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
  Binaries:
    Node: 16.18.0 - ~/.nvm/versions/node/v16.18.0/bin/node
    Yarn: 3.5.1 - ~/.yarn/bin/yarn
    npm: 8.19.2 - ~/.nvm/versions/node/v16.18.0/bin/npm
  Browsers:
    Chrome: 114.0.5735.198

Additional context

The label is not visible to non screenreader users. It uses the -10000px position absolute technique to be rendered off the page.
It's not a large bug, most users won't be affected at all. But, I believe it's an accessibility issue.