fix: input label without specifying id

[petermakowski]

Done

This PR modifies the Input component to automatically generate and assign a unique id when one is not provided. This ensures correct label-input association as per accessibility standards.

• fix: input label without specifying id
  • replace instances of soon-to-be-deprecated .toHaveErrorMessage with .toHaveAccessibleErrorMessage

QA steps

• [ ] Import the Input component from @canonical/react-components.
• [ ] Render the Input component without specifying an id.
• [ ] Click on the label.
• [ ] Make sure that input is in focus.

Fixes

Fixes: https://github.com/canonical/react-components/issues/1011

Screenshots

Notes

[webteam-app]

Demo starting at https://react-components-1012.demos.haus