DOCSP-30181 Project UI Overview Page (#22)

* DOCSP-30181 Project UI Overview Page

Author: ianf-mongodb

source/img/projects/project-overview.png

@@ -0,0 +1,50 @@
+.. _rm-project-overview:
+
+=======================
+User Interface Overview
+=======================
+
+.. contents:: On this page
+   :local:
+   :backlinks: none
+   :depth: 1
+   :class: singlecol
+
+Review the UI element descriptions to understand how you can use the UI 
+to manage the project appearance, functionality, and capabilities.
+
+.. figure:: /img/projects/project-overview.png
+   :alt: Project Overview Screen
+   :lightbox:
+
+UI Elements
+-----------
+
+.. list-table::
+   :header-rows: 1
+   :widths: 30 70
+
+   * - UI Element
+     - Description
+
+   * - Top Navigation Bar
+     - Switch between different contexts, including :guilabel:`Mapping`, 
+       :guilabel:`Code Generation`, and :guilabel:`Data Migration` views. 
+       You can also navigate back to the project home screen, 
+       configure project settings, and access the help menu.
+  
+   * - Left Pane
+     - :guilabel:`Manage` your relational connections. Filter and 
+       toggle visibility of your database entities.
+
+   * - Diagram Toolbar
+     - Select diagram layout options, add synthetic foreign keys, and 
+       create additional diagram tabs.
+
+   * - Diagrams
+     - View relational and MongoDB diagrams, view field names, and data types. 
+       Control diagram zoom level and view the entity mini-map.
+
+   * - Right Pane 
+     - View, edit, delete, and add mapping rules. Select and rename fields 
+       included in a mapping rule. Add and remove table filters.

source/projects/overview.txt

@@ -43,6 +43,7 @@ There are multiple options for you to create a project:
    /projects/create-project-live-connection
    /projects/create-project-loading-schema-files
    /projects/create-project-sample-schema
+   /projects/overview
    /projects/configure-settings
    /projects/manage-relational-connection
    /projects/import-project