add correct ctx.state example to init and docs

[knotbin]

• Correct outdated, non-functional and confusing "Removal of component" section of migration guide in the docs to be real functional code that uses Fresh 2 and define helpers correctly
• Added example of ctx.state being used for a head component (title) because it's something almost every single project will need to know how to do.
• Small change to define docs use of define.page to be more in line with its use commonly
• Removed mention of deno-puppeteer - a non-official repository that hasn't been updated in three years - needing to be installed from CONTRIBUTING.md

[marvinhagemeister]

Need to check if we support this style of declaring handlers. Not sure if we do.

[knotbin]

This is how the init template project declares its pages (even before my changes)

[marvinhagemeister]

Can you point to where that's the case? I can't find something like that anywhere. I've never seen this pattern around fresh:

export default define.page(function AboutPage(ctx) {
  GET(ctx) { // <-- This looks like an error. Where is the `GET` function coming from?
    //...snip
  }
}

[knotbin]

Yes you're 100% right I just updated that. Sorry for the misunderstanding I thought your comment was about the export default define.page(function AboutPage(ctx) { line above the one that caused the error.

[marvinhagemeister]

Sweet, thanks!