update how to guide for toolbar

[britt6612]

Deploy Preview

• @taysea if you can update your codesandbox to be with the latest grommet

What does this PR do?

This PR updates what we have for adding toolbar

Where should the reviewer start?

how-to-add-search-and-filter-to-datatable-with-data.mdx

What testing has been done on this PR?

locally
In addition to the feature you are implementing, have you checked the following:

General UX Checks

• Small, medium, and large screen sizes
• Cross-browsers (FireFox, Chrome, and Safari)
• Light & dark modes
• All hyperlinks route properly

Accessibility Checks

• Keyboard interactions
• Screen reader experience
• Run WAVE accessibility plugin (Chrome)

Code Quality Checks

• Console is free of warnings and errors
• Passes E2E commit checks
• Visual snapshots are reasonable

How should this be manually tested?

locally

Any background context you want to provide?

The toolbar prop does not by default open up in a Drop it now opens in a Layer.

What are the relevant issues?

closes #3711

Screenshots (if appropriate)

Should this PR be mentioned in Design System updates?

no

Is this change backwards compatible or is it a breaking change?

backwards compatible

[jcfilben]

Wondering if we should change this text
Now, when the filters menu is opened, the filters will look like this:
to this:
Now, when the filters layer is opened, the filters will look like this:

[britt6612]

Wondering if we should change this text Now, when the filters menu is opened, the filters will look like this: to this: Now, when the filters layer is opened, the filters will look like this:

yes agree

[jcfilben]

Looks good!