Update example with-mongodb to add both Pages & App examples

[codeSTACKr]

Updated all dependencies and added an app route to demonstrate both pages an app directories.

[delbaoliveira]

Thank you for updating this example Jesse and Justin! 🙏🏼

Could you please resolve the merge conflict?

[codeSTACKr]

Thank you for checking this out @delbaoliveira. I've addressed the conflicts and proceeded to merge. Please let me know if there is anything else needed.

merge conflicts fixed

[samcx]

@codeSTACKr

It looks like the lint is mad about your HEAD being detached → https://github.com/vercel/next.js/actions/runs/10085328885/job/27885936674?pr=64130.

HEAD detached at pull/64130/merge
Changes not staged for commit:
  (use "git add <file>..." to update what will be committed)
  (use "git restore <file>..." to discard changes in working directory)
	modified:   examples/with-mongodb/next-env.d.ts

[codeSTACKr]

@samcx All changes are committed, please try again. Thanks!

[samcx]

Giving the same issue... hmmm

[samcx]

@codeSTACKr I'm not sure if our CI is not happy because you're trying to merge your fork's canary to our canary. Can you try using a different branch?

[codeSTACKr]

@samcx Ok, I'll give that a try.

[codeSTACKr]

@samcx just created a new PR: #68461