[FEAT] Dynamic window title

Is your feature request related to a problem? Please describe.

It would be great if each page could have an auto-generated and custom title.

Example, For the Posts resource

• dashboard -> Dashboard | refine
• list -> Posts | refine
• edit -> #{id} Edit Post | refine
• show -> #{id} Show Post | refine
• create -> Create new Post | refine

It can also be overridden by adding an event to the refine options.

onWindowTitle: ({ resource, action, params, autoGeneratedTitle }) => {
console.log({  resource, action, params, autoGeneratedTitle });
*/
{
  resource: "posts",
  options: { foo: "bar" },
  params: { id: 1, action: "edit" }
  autoGeneratedTitle: "#{1} Edit Post | refine"
} 
*/
}

It can also be managed manually with a hook called useWindowTitle() or useDocumentTitle()

Describe alternatives you’ve considered

No response

Additional context

No response

Describe the thing to improve

Pages can be easily distinguished in browser history and tabs

[amit-ksh]

@aliemir @omeraplak, please unassign me from this issue. It would be better if someone else work on this one, I’m not able to solve this issue.

[aliemir]

@ckragarwal any updates on this one? We’re waiting for your PR 🚀