message: fix: minor spelling tweaks
diff: @@ -7,10 +7,10 @@ description: API docs for the Wrap components in Chakra UI
  import ComponentLinks from "../../../src/components/component-links"
  -Wrap is a layout component that adds a defined space between it's children and
  +Wrap is a layout component that adds a defined space between its children and
  'wraps' its children automatically if there's not enough space to fit any child.
  -Think of it as a smarter `flex-wrap` with `spacing` support. It works realy well
  +Think of it as a smarter `flex-wrap` with `spacing` support. It works really well
  with things like dialog buttons, tags, and chips.
  <ComponentLinks
  @@ -50,7 +50,7 @@ In the example, you see that the last `Box` wrapped to the next line.
  ### Change the spacing
  -Pass the `spacing` prop to apply a consistent spacing between each child, even
  +Pass the `spacing` prop to apply consistent spacing between each child, even
  if it wraps.
  > Pro Tip: You can pass responsive values for the spacing.
  @@ -128,7 +128,7 @@ Wrap extends `Box`, so you can pass all `BoxProps` in addition to these:
  | Name | Type | Default | Description |
  | --------- | ------------------------------ | -------- | ------------------------------------------------------ |
  -| spacing | `Responsive(string or number)` | `0.5rem` | The space between the each child (even if it wraps) |
  -| justify | `FlexProps['justifyContent']` | | The `justify-content` value (for cross-axis alignment) |
  +| spacing | `Responsive(string or number)` | `0.5rem` | The space between each child (even if it wraps) |
  +| justify | `FlexProps['justifyContent']` | | The `justify-content` value (for cross axis alignment) |
  | align | `FlexProps['alignItems']` | | The `align-items` value (for main axis alignment) |
  | direction | `FlexProps['flexDirection']` | | The `flex-direction` value |
  