Reorg Async Backing

[filippoweb3]

• reorg content
• figure addition

[filippoweb3]

@BradleyOlson64 @CrackTheCode016 I reorganized the text after reading the academy docs. Can you please check if everything makes sense? I think it would be beneficial to add some figures that explain how asynch baking can be configured in case of high demand and low demand. As far as I understand, the length of the included segments plays an important role.

[CrackTheCode016]

Added a preliminary review, thank you for rearranging the content. I have a lot of notes on prospective parachains, and I think that will give the detail we need to fully drive the point home.

For those who aren't aware, @filippoweb3 and I wanted to also eventually answer the question:

• With less time needed for backing, how can more blockspace be utilized in less time?

I think it is partially answered here already, but thought I'd mention :)

[shawntabrizi]

@Sophia-Gold had a nice picture which concisely shows async backing and the performance increase from it:

https://youtu.be/7AWRCt_SLJc?si=N66meIh0hnh6YgRz&t=503

I think this image needs to be every article which talks about async backing.

EDIT: I see you have an image like this, but it is certainly not as clear as this one. The colors, fonts, sizing, everything just makes it harder to see simple details.

[filippoweb3]

Thanks for the feedback @shawntabrizi, I implemented it. I will wait for final approval by @Sophia-Gold and @BradleyOlson64 so that I can finally merge this beast!