Add usage graph representation on the Dashboard Overview page

[hackerwins]

Description:

It would be beneficial to display usage graphs on the Dashboard's Overview page after developers create a project and implements real-time collaboration features using the SDK. This graphs would provide insights into the project's usage metrics to help developers better understand its activity.

The proposed features for the usage metrics include:

• Time Range Selection: Options for viewing data over the Last 12 months, Last 3 months, and Last 4 weeks.
• Active Clients: The number of active clients interacting with the project.
• Active Documents: The number of documents currently active.
• Storage Usage: Total usage metrics for document storage.
• Connections: Total number of connections made.
• Simultaneous Connections per Document: Maximum number of simultaneous connections per individual document.

Design: https://www.figma.com/design/5nM9RusZeMybvAcxiXSH22/yorkie-v2?node-id=2903-62141&t=yfVZGPgnKmM5cisb-0

Why:

By providing these metrics directly on the Dashboard's Overview page, developers will have immediate access to vital information regarding project engagement and usage, enabling them to make informed decisions about further development and improvements.