Add props playground to each component and test all combinations

[MI6-255]

Summary

Add props playground to each component and test all combinations

💬 Description

This issue will:

1. Add a props playground to each component
2. Test all combinations of the component to make sure they work together, either fixing them quickly where they do not, or opening a ticket

Broken up per component, assign yourself to the relevant task:

• [x] Accordion @GCHQ-Developer-530
• [x] Alert (Already has playground that has been checked in PR checklist review)
• [x] Back to top @ad9242 #2026
• [x] Badge @GCHQ-Developer-530
• [x] Breadcrumb @GCHQ-Developer-530
• [x] Button @MI6-255
• [x] Card @GCHQ-Developer-530
• [x] Checkbox @ad9242
• [x] Chip @GCHQ-Developer-530
• [x] Classification banner @GCHQ-Developer-530
• [x] Data entity @GCHQ-Developer-530
• [x] Data table @GCHQ-Developer-530
• [x] Date input @GCHQ-Developer-530
• [x] Date picker @GCHQ-Developer-530
• [x] Dialog @GCHQ-Developer-530
• [x] Empty state @GCHQ-Developer-530
• [x] Footer @MI6-255
• [x] Hero @MI6-255
• [x] Link @GCHQ-Developer-530
• [x] Loading indicator @GCHQ-Developer-847
• [x] Multi select @GCHQ-Developer-847
• [x] Page header @MI6-255
• [x] #1988 @gd2910
• [x] Popover menu @GCHQ-Developer-530
• [x] Radio button @GCHQ-Developer-530
• [x] Search bar @GCHQ-Developer-530 done in remaining checklist PR
• [x] Section container @GCHQ-Developer-299
• [x] Select - has playground, check for point 2. @GCHQ-Developer-299 ('Size' toggle is a text field)
• [x] Side navigation @GCHQ-Developer-299
• [x] Skeleton @GCHQ-Developer-530
• [x] Status tag @GCHQ-Developer-530
• [x] Stepper @gd2910 #2039 #1609
• [x] Switch (Already has playground that has been checked in PR checklist review)
• [x] Tabs @GCHQ-Developer-530
• [x] Text field @GCHQ-Developer-741
• [x] Toast @GCHQ-Developer-530
• [x] Toggle button @GCHQ-Developer-530
• [x] Tooltip @GCHQ-Developer-530
• [x] Top navigation @GCHQ-Developer-530
• [x] Typography (Already has playground that has been checked in PR checklist review)

💰 User value

Ensure the internal team can test the components as they are built and changed, and assuring our components work with all variations.

[MI6-255]

Priortise components with the most props such as data tables

Even if a props playground has been added, point 2 of testing all combinations still needs to be actioned

Only the React storybook