chore(data-modeling): update node name to be collection name (#7102)

Author: Anemy

packages/compass-data-modeling/src/components/diagram-card.spec.tsx

@@ -10,12 +10,12 @@ describe('DiagramCard', () => {
       id: 'test-diagram',
       connectionId: 'test-connection',
       name: 'Test Diagram',
-      createdAt: '2023-10-01T00:00:00.000Z',
-      updatedAt: '2023-10-03T00:00:00.000Z',
+      createdAt: '2021-10-01T00:00:00.000Z',
+      updatedAt: '2023-10-03T00:00:00.000',
       edits: [
         {
           id: 'edit-id',
-          timestamp: '2023-10-01T00:00:00.000Z',
+          timestamp: '2022-10-01T00:00:00.000Z',
           type: 'SetModel',
           model: {
             collections: [

packages/compass-data-modeling/src/components/diagram-editor.tsx

@@ -6,6 +6,7 @@ import React, {
   useState,
 } from 'react';
 import { connect } from 'react-redux';
+import toNS from 'mongodb-ns';
 import type { MongoDBJSONSchema } from 'mongodb-schema';
 import type { DataModelingState } from '../store/reducer';
 import {
@@ -235,7 +236,7 @@ const DiagramEditor: React.FunctionComponent<{
           x: coll.displayPosition[0],
           y: coll.displayPosition[1],
         },
-        title: coll.ns,
+        title: toNS(coll.ns).collection,
         fields: getFieldsFromSchema(coll.jsonSchema),
       })
     );