Make page title dynamic

[Pwuts]

Currently, the page title in the AutoGPT Platform front end is hardcoded as "NextGen AutoGPT".

This isn't very helpful in an application that by now has a handful of different pages and the ability to open and edit users' agents (each of which has a title).

Proposal

General format:

const appName = APP_ENV == "prod" ? `AutoGPT Platform` : `AutoGPT Platform [${APP_ENV}]`;
const title = pageTitle ? `${pageTitle} - ${appName}` : appName; // the page display title

For builder:

useEffect(() => setPageTitle(`${agent.title} - Builder`), [agent?.title]);

[Torantulino]

Plus 1, also related is the Open Graph Preview

[Torantulino]

The marketplace listings are a key candidate for this.

[tabzzz1]

Hi！This issue looks interesting, and I'd love to work on it. Could you please assign it to me? I'll follow the guidelines and ensure it's implemented effectively.🥰