message: docs(table): add Tfoot import and uses
diff: @@ -21,7 +21,16 @@ element by default.
  ## Import
  ```js
  -import { Table, Thead, Tbody, Tr, Th, Td, TableCaption } from "@chakra-ui/react"
  +import {
  + Table,
  + Thead,
  + Tbody,
  + Tfoot,
  + Tr,
  + Th,
  + Td,
  + TableCaption,
  +} from "@chakra-ui/react"
  ```
  ## Table Variants
  @@ -60,6 +69,13 @@ The default variant is `simple`
  <Td isNumeric>0.91444</Td>
  </Tr>
  </Tbody>
  + <Tfoot>
  + <Tr>
  + <Th>To convert</Th>
  + <Th>into</Th>
  + <Th isNumeric>multiply by</Th>
  + </Tr>
  + </Tfoot>
  </Table>
  ```
  @@ -92,6 +108,13 @@ The default variant is `simple`
  <Td isNumeric>0.91444</Td>
  </Tr>
  </Tbody>
  + <Tfoot>
  + <Tr>
  + <Th>To convert</Th>
  + <Th>into</Th>
  + <Th isNumeric>multiply by</Th>
  + </Tr>
  + </Tfoot>
  </Table>
  ```
  @@ -126,6 +149,13 @@ is `md`.
  <Td isNumeric>0.91444</Td>
  </Tr>
  </Tbody>
  + <Tfoot>
  + <Tr>
  + <Th>To convert</Th>
  + <Th>into</Th>
  + <Th isNumeric>multiply by</Th>
  + </Tr>
  + </Tfoot>
  </Table>
  ```
  