Fast-follow to #1855

1855 correctly blurred the input on "Escape." However, if programmatically de-activating the search bar (e.g., setting `active` to `false` or selecting an option), the input remains focused.

For example, the following bug occurs:

Activate search bar.
Select an option in the menu.
The input is "visually" collapsed but the element retains focus.

A more holistic approach would be to use a reactive statement and blur the input when active becomes false. This is similar to how the input is focused when active is true.

carbon-design-system / carbon-components-svelte

fix(header-search): blur input when `active` is false #1857

1855 correctly blurred the input on "Escape." However, if programmatically de-activating the search bar (e.g., setting `active` to `false` or selecting an option), the input remains focused.

carbon-design-system / carbon-components-svelte

fix(header-search): blur input when `active` is false #1857

1855 correctly blurred the input on "Escape." However, if programmatically de-activating the search bar (e.g., setting active to false or selecting an option), the input remains focused.

1855 correctly blurred the input on "Escape." However, if programmatically de-activating the search bar (e.g., setting `active` to `false` or selecting an option), the input remains focused.