message: fix: add Callout to migration
diff: @@ -131,7 +131,9 @@ only one prop to manage this, you can rename it to `boxSize`.
  > in some components (e.g. Button), it means the visual size and in others (e.g
  > Box), it means **width and height**.
  -### 5. Replace PseudoBox elements
  +### 5. Replace elements
  +
  +#### PseudoBox
  `PseudoBox` is now deprecated and its props can now be directly applied to
  `Box`. Replace all `PseudoBox` components with `Box`.
  @@ -151,6 +153,21 @@ only one prop to manage this, you can rename it to `boxSize`.
  + </Box>
  ```
  +#### Callout
  +
  +`Callout` is now deprecated and you can use an `Alert` instead.
  +```diff
  +- <Callout
  ++ <Alert
  + mt={4}
  + w="90%"
  + bg="black"
  + variant="left-accent"
  + >
  +- </Callout>
  ++ </Alert>
  +```
  +
  ### 6. Update theme breakpoints
  **You may skip this if you didn't customize your breakpoints.**
  