#19: add breadcump navigation component

src/app/features/model-details/model-details.component.html

@@ -115,22 +115,13 @@
   </div>
 
   <div class="md-head-container2" style="margin-top: 12px">
-    <ul class="c-breadcrumb solution_id_top">
-      <li><a (click)="onHomeClick()">Home</a></li>
-      <li><a (click)="onMarketPlaceClick()">Marketplace</a></li>
-      <li>
-        <span
-          class="md-breadcrumb-item"
-          matTooltip="{{ solution?.name?.toString()?.split('_')?.join(' ') }}"
-          >{{ data.solution?.name?.toString()?.split("_")?.join(" ") }}</span
-        >
-      </li>
-      <li>
-        <span class="solution_id_bg"
-          >Solution ID:{{ data.solution?.solutionId }}</span
-        >
-      </li>
-    </ul>
+    <gp-breadcrumb-navigation
+      [solution]="data.solution"
+      [firstNavigationLabel]="'Home'"
+      [secondNavigationLabel]="'MarketPlace'"
+      (firstNavigationClicked)="onHomeClick()"
+      (secondNavigationClicked)="onMarketPlaceClick()"
+    ></gp-breadcrumb-navigation>
     <span class="md-lbl1"
       >Version {{ selectedDefaultRevision?.version }} |
       {{
@@ -172,6 +163,7 @@
             [disabled]="!editModel"
             alt="Manage My Model"
             title="Manage My Model"
+            (click)="OnlClickManageMyModel()"
           >
             Manage My Model
           </button>