refactor: md lg breakpoints for table & footer

[alexbarnsley]

Summary

https://app.clickup.com/t/861mu7rz7

Checklist

• I checked my UI changes against the design and there are no notable differences
• I checked my UI changes for any responsiveness issues
• I checked my (code) changes for obvious issues, debug statements and commented code
• I provided a screenshot of my changes to the component (if applicable)
• I regenerated the icons.html file and checked if my newly added icon is shown correctly (if necessary)
• I added an explanation on how to use the component to the readme (if necessary)
• Documentation (if necessary)
• Tests (if necessary)
• Ready to be merged

[alexbarnsley]

@ItsANameToo I'm realising this might cause issues with other projects because the md-lg for @screen won't exist. Is it worth adding to the tailwind config, or shall I keep these styles local to the project, OR shall i change to @media(min-width: 960px)?

[ItsANameToo]

@alexbarnsley I think we can add it to the tailwind configuration as it doesn't hurt if it exists while it's unused in other projects, and there's more than 1 now that requires it as well