fix(autocomplete): fix controlled open state

[masoudmanson]

Summary

Autocomplete
Github issue: #766

This PR addresses issue #766 by fixing the controlled open state behavior of the Autocomplete component for both single and multi-column Autocompletes.

Changes Made

• Implemented a fix for the controlled open state behavior.
• Added handlers for both opening and closing the Autocomplete component.
• Demonstrated the usage of controlled open state with a simple example in the storybook (Autocomplete/Controlled Open Story)

Usage Example

A controlled open state for an Autocomplete that is opened by default can be demonstrated as follows:

const [open, setOpen] = React.useState(true);

<Autocomplete
  // Handles Autocomplete close
  onClickAway={() => {
    setOpen(false);
  }}
  
  // Handles Autocomplete Open
  onClick={() => {
    if (open) {
      setOpen(false);
    } else {
      setOpen(true);
    }
  }}
  
  // The controlled open state
  open={open}
  
  // ... Rest of the Autocomplete Props
/>

[tihuan]

Looks super good, @masoudmanson ! Thanks for the implementation and story update ✨ !!

[tihuan]

Will LGTM first, since I have back to back meetings coming up lol Thanks, Masoud!!