message: docs: update drawer docs
diff: @@ -54,7 +54,7 @@ function DrawerExample() {
  onClose={onClose}
  finalFocusRef={btnRef}
  >
  - <DrawerOverlay>
  + <DrawerOverlay />
  <DrawerContent>
  <DrawerCloseButton />
  <DrawerHeader>Create your account</DrawerHeader>
  @@ -70,7 +70,6 @@ function DrawerExample() {
  <Button colorScheme="blue">Save</Button>
  </DrawerFooter>
  </DrawerContent>
  - </DrawerOverlay>
  </Drawer>
  </>
  )
  @@ -101,7 +100,7 @@ function PlacementExample() {
  Open
  </Button>
  <Drawer placement={placement} onClose={onClose} isOpen={isOpen}>
  - <DrawerOverlay>
  + <DrawerOverlay />
  <DrawerContent>
  <DrawerHeader borderBottomWidth="1px">Basic Drawer</DrawerHeader>
  <DrawerBody>
  @@ -109,8 +108,7 @@ function PlacementExample() {
  <p>Some contents...</p>
  <p>Some contents...</p>
  </DrawerBody>
  - </DrawerContent>
  - </DrawerOverlay>
  + </DrawerContent>>
  </Drawer>
  </>
  )
  @@ -141,7 +139,7 @@ function DrawerExample() {
  initialFocusRef={firstField}
  onClose={onClose}
  >
  - <DrawerOverlay>
  + <DrawerOverlay />
  <DrawerContent>
  <DrawerCloseButton />
  <DrawerHeader borderBottomWidth="1px">
  @@ -194,7 +192,6 @@ function DrawerExample() {
  <Button colorScheme="blue">Submit</Button>
  </DrawerFooter>
  </DrawerContent>
  - </DrawerOverlay>
  </Drawer>
  </>
  )
  @@ -229,7 +226,7 @@ function SizeExample() {
  ))}
  <Drawer onClose={onClose} isOpen={isOpen} size={size}>
  - <DrawerOverlay>
  + <DrawerOverlay />
  <DrawerContent>
  <DrawerHeader>{`${size} drawer contents`}</DrawerHeader>
  <DrawerBody>
  @@ -238,7 +235,6 @@ function SizeExample() {
  : null}
  </DrawerBody>
  </DrawerContent>
  - </DrawerOverlay>
  </Drawer>
  </>
  )
  