fix(examples): invalid `with-apollo` and `with-graphql-hooks` (#64186)
### Why?
The examples `with-apollo` and `with-graphql-hooks` included outdated
API endpoints and packages.
This resulted in the **failed Vercel Deployment** of the examples.
<details><summary>Screenshot of failed deployments</summary>
<p>
#### with-graphql-hooks

#### with-apollo

</p>
</details>
### How?
- Migrated examples from `pages` to `app` router and removed invalid API
endpoints.
- Refactored the example to a minimal template as possible with
essential features.
Closes #9865 #10253 #36112
---------
Co-authored-by: Sam Ko <sam@vercel.com>