QueueSelector shows loading message when item not found instead of not found message

[campb303]

[wrigh393]

The loading prop of the Autocomplete component was set to always be true instead of being set to whatever the current state of the loading variable we created was. This prevented the component from displaying the text MUI provides when the user types in an option that isn't valid. Setting this loading prop to be the same as the loading variable allowed that text to display.

In order to make the text more specific to the component, I passed the noOptionsText prop and set the string to display "Queue doesn't exist" when the user types in a queue that is not valid. Below is a code diff to show the code that changed to make this work.

options={queueCounts}
value={value}
onChange={handleChange}
getOptionLabel={(option) => `${option.name} (${option.number_of_items})`}
renderOption={optionRenderer}
getOptionSelected={(option, value) => option.name === value.name}
+ noOptionsText={"Queue does not exist"}
size="small"
open={open}
onOpen={_ => setOpen(true)}
onClose={_ => setOpen(false)}
+ loading={loading}
- loading={true}
disableCloseOnSelect
disableListWrap
fullWidth
multiple
autoHighlight

This code is ready for a PR.