[docs][joy-ui] Refine the Email, Teams and Files templates

[zanivan]

• I have followed (at least) the PR section of the contributing guide.

Part of #38582

Refining the templates, aiming to remove most of the custom styles and overrides, making it as close as possible to the default theme.

• https://deploy-preview-39579--material-ui.netlify.app/joy-ui/getting-started/templates/team/
• https://deploy-preview-39579--material-ui.netlify.app/joy-ui/getting-started/templates/files/
• https://deploy-preview-39579--material-ui.netlify.app/joy-ui/getting-started/templates/email/

[mui-bot]

Netlify deploy preview

https://deploy-preview-39579--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against 23f50e2

[danilo-leal]

This is looking great — thanks for taking it!

Overall, I think we can use this PR, or potentially in the next one (?) to standardize some stuff and add new components that weren't available when these templates were first done. Here are some ideas/things I've thought about:

• Add accordions, aspect ratios, snackbars, breadcrumbs, etc.
• Beef up the dummy data a bit to feel a bit more like a real app
• Standardize icon button sizes
• Enhance the template menu a bit — we can make something fancier
• etc.

[zanivan]

Hey @mnajdova, thanks so much for the help! I'll add a demo for non-modal dialog at the Joy UI docs afterward 🙌

[mnajdova]

I am sorry I misclicked 😀

[siriwatknp]

Left a few suggestions. Overall, great improvement!

[zanivan]

Hey @mui/design I'd really appreciate your input on these 😉 Are there any bugs we must fix, or improvements we can add?

[siriwatknp]

👏 Awesome improvement!

[siriwatknp]

@zanivan Can you remove the unused theme variable from

/tmp/material-ui/docs/data/joy/getting-started/templates/team/App.tsx
  141:14  error  'theme' is defined but never used  @typescript-eslint/no-unused-vars

✖ 1 problem (1 error, 0 warnings)