[docs] Improve Tree View demos

[oliviertassinari]

I notice on #10255 that https://mui.com/x/react-tree-view/#custom-icons-border-and-animation demos is broken:

Screen.Recording.2023-09-07.at.19.40.18.mov

1. It animates on load while it shouldn't. It can be solved like this [Spring] Disable animation on initial render pmndrs/react-spring#485 (comment).
2. It creates an overflow scrollbar. It can be solved with overflowX: hidden, see how even with an overflow y, it continues to work:

Screen.Recording.2023-09-07.at.19.44.17.mov

---

Along the way, I improved a bit in the other demos:

• Use less vertical space when possible
• Use minHeight over height in the case we add more items in the demos and forgot about this property (same for developer who copy the demos)
• Use smaller tree when the demos doesn't need the larger one
• Fix the second demo of https://mui.com/x/react-tree-view/#contentcomponent-prop. I assume JSS migration to Emotion broke it.
• Move the sx style outside of the TreeView node when they are supposed to simulate the side nav container the tree view will be rendered into but not relevant for the children.

Preview: https://deploy-preview-10268--material-ui-x.netlify.app/x/react-tree-view/

[mui-bot]

Netlify deploy preview

Netlify deploy preview: https://deploy-preview-10268--material-ui-x.netlify.app/

Updated pages

• docs/data/tree-view/overview/overview.md

These are the results for the performance tests:

Test case	Unit	Min	Max	Median	Mean	σ
Filter 100k rows	ms	-215.7	1.6	-215.7	-93.26	88.904
Sort 100k rows	ms	630.4	1,248.1	1,237.5	1,086.52	233.081
Select 100k rows	ms	528.4	650.4	618.2	605.92	41.288
Deselect 100k rows	ms	114	205.7	176.7	171.96	31.678

Generated by 🚫 dangerJS against 471553c

[flaviendelangle]

@noraleonte I let you have a look at this one 👼

[noraleonte]

Thanks for picking this up! 🎉 The changes make sense and I like how optimized the vertical space is now 🎉