Add more examples for playground page

[somebodyawesome-dev]

we should give real-life usage examples to domenstrate the utility of the package..
Examples to take inspiration from:

Also we can have example where we present files in the repo as tree..

[somebodyawesome-dev]

@asmagraa investigate nodes stop rendering and get stuck , most likely is because of the current implementation of theplayground component and also the side panel controls are stuck too can't be changed. i started re-implemnting the playgrround but not quit finished you can continue from there. work is saved in fix-playground branch

[somebodyawesome-dev]

@asmagraa implement this example afterward and leave only one example from the old examples and remove the rest. data needed is available in site/src/examples/theoffice.tsx