Add a diagram of the component lifecycle

This is about:

• Undocumented code

Problem

Add a diagram of the component lifecycle under 'Lifecycle' in the docs.

This issue was originally started in the yewstack/docs - Original issue. I'm just moving it over here as that repo is now archived (as proposed in #1421).

For convenience I'll just echo the original proposal below:
Render Cycle¹

1. create()
2. view()
3. yew renders to page
4. mounted()

Note: should explain how children components are rendered.. (Parent view -> Child view -> Child mount -> Parent mount)

Update Cycle¹

1. trigger event / callback / send message
2. update()
3. (optional) view()
4. yew renders to page

Change Cycle¹

1. render component with new props
2. change()²
3. (optional) view()
4. yew renders to page

¹ - Note made in original issue: "'Change cycle' and 'update cycle' should be altered slightly because they're not 'cycles' as such."
² - In the original issue this is 'update()' which was a typo, change() is the correct method.

As noted in the original issue the diagram should be in SVG (rather than a PNG etc) as it would offer better resolution.

Start at the linked “Lifecycle” section in the Yew documentation and compare it with the lifecycle steps and child-rendering notes in this issue. Create an SVG diagram covering the render, update, and change flows, then add it under that section and verify that the documented method names and ordering are accurate.