docs: update Cube graphic (#6930)

Author: hassankhan

README.md

@@ -11,18 +11,18 @@
 __Cube is the semantic layer for building data applications.__ It helps data engineers and application developers access data from modern data stores, organize it into consistent definitions, and deliver it to every application.
 
 <img
-  src="https://raw.githubusercontent.com/cube-js/cube.js/master/docs/content/cube-scheme-dark.png"
+  src="https://ucarecdn.com/8d945f29-e9eb-4e7f-9e9e-29ae7074e195/"
   style="border: none"
   width="100%"
 />
 
 <p align="center">
-  <i>Learn more about connecting Cube to <a href="https://cube.dev/docs/config/databases?ref=github-readme" target="_blank">data sources</a> and <a href="https://cube.dev/docs/config/downstream?ref=github-readme" target="_blank">analytics & visualization tools</a>.</i> 
+  <i>Learn more about connecting Cube to <a href="https://cube.dev/docs/config/databases?ref=github-readme" target="_blank">data sources</a> and <a href="https://cube.dev/docs/config/downstream?ref=github-readme" target="_blank">analytics & visualization tools</a>.</i>
 </p>
 
 Cube was designed to work with all SQL-enabled data sources, including cloud data warehouses like Snowflake or Google BigQuery, query engines like Presto or Amazon Athena, and application databases like Postgres. Cube has a built-in relational caching engine to provide sub-second latency and high concurrency for API requests.
 
-For more details, see the [introduction](https://cube.dev/docs/cubejs-introduction?ref=github-readme) page in our documentation. 
+For more details, see the [introduction](https://cube.dev/docs/cubejs-introduction?ref=github-readme) page in our documentation.
 
 ## Why Cube?
 
@@ -75,15 +75,15 @@ For a step-by-step guide on Docker, [see the docs](https://cube.dev/docs/getting
 
 If you have any questions or need help - [please join our Slack community](https://slack.cube.dev?ref=github-readme) of amazing developers and data engineers.
 
-You are also welcome to join our **monthly community calls** where we discuss community news, Cube Dev team's plans, backlogs, use cases, etc. If you miss the call, the recordings will also be available after the meeting. 
-* When: Second Wednesday of each month at [9am Pacific Time](https://www.thetimezoneconverter.com/?t=09:00&tz=PT%20%28Pacific%20Time%29).  
+You are also welcome to join our **monthly community calls** where we discuss community news, Cube Dev team's plans, backlogs, use cases, etc. If you miss the call, the recordings will also be available after the meeting.
+* When: Second Wednesday of each month at [9am Pacific Time](https://www.thetimezoneconverter.com/?t=09:00&tz=PT%20%28Pacific%20Time%29).
 * Meeting link: https://us02web.zoom.us/j/86717042169?pwd=VlBEd2VVK01DNDVVbU1EUXd5ajhsdz09
-* [Meeting page](https://cube.dev/community-call/). 
-* Recordings will be posted on the [Community Call Playlist](https://www.youtube.com/playlist?list=PLtdXl_QTQjpb1dHZCM09qKTsgvgqjSvc9). 
+* [Meeting page](https://cube.dev/community-call/).
+* Recordings will be posted on the [Community Call Playlist](https://www.youtube.com/playlist?list=PLtdXl_QTQjpb1dHZCM09qKTsgvgqjSvc9).
 
 ### Our quarterly roadmap
 
-We publish our open source roadmap every quarter and discuss them during our [monthly community calls](https://cube.dev/community-call/). You can find our roadmap under [projects in our Cube.js repository](https://github.com/cube-js/cube/projects?query=is%3Aopen+sort%3Aupdated-desc). 
+We publish our open source roadmap every quarter and discuss them during our [monthly community calls](https://cube.dev/community-call/). You can find our roadmap under [projects in our Cube.js repository](https://github.com/cube-js/cube/projects?query=is%3Aopen+sort%3Aupdated-desc).
 
 ### Contributing
 

docs/content/Cube.js-Introduction.mdx

@@ -10,10 +10,8 @@ redirect_from:
 and application developers access data from modern data stores, organize it into
 consistent definitions, and deliver it to every application.
 
-<img
-  src="https://ucarecdn.com/c0fd030c-bed9-44bd-a23d-08d754cf4780/"
-  style="border: none"
-  width="100%"
+<Diagram
+  src="https://ucarecdn.com/8d945f29-e9eb-4e7f-9e9e-29ae7074e195/"
 />
 
 Cube was designed to work with all SQL-enabled data sources, including cloud

docs/docs-new/pages/product/introduction.mdx

@@ -10,11 +10,7 @@ redirect_from:
 and application developers access data from modern data stores, organize it into
 consistent definitions, and deliver it to every application.
 
-<img
-  src="https://ucarecdn.com/c0fd030c-bed9-44bd-a23d-08d754cf4780/"
-  style={{ border: "none" }}
-  width="100%"
-/>
+<Diagram src="https://ucarecdn.com/8d945f29-e9eb-4e7f-9e9e-29ae7074e195/" />
 
 Cube was designed to work with all SQL-enabled data sources, including cloud
 data warehouses like Snowflake or Google BigQuery, query engines like Presto or