feat: make context provider compatible more modals (ie gluestack)

[jsg2021]

This change moves the children out of the backdrop view and makes the backdrop not contribute to layout.

Libraries like Gluestack would break if the context provider altered the children's parent/layout.

<Modal isOpen={open} onClose={requestClose} size="md">
	<AutocompleteDropdownContextProvider> {/* < --- this will break the modal if not updated  */}
		<ModalBackdrop />
		<ModalContent>
			<ModalHeader>
				<Heading size="lg">Modal Header</Heading>
				<ModalCloseButton>
					<Icon as={CloseIcon} />
				</ModalCloseButton>
			</ModalHeader>
			<ModalBody>
				<AutocompleteDropdown .../>
...