Add device service migrate, use back-button

projects/common-map/src/fm-map/components/feature-list-cropfield/feature-list-cropfield.component.html

@@ -1,6 +1,6 @@
 <div class="card border-0">
   <div class="card-body" *ngIf="(schemeItem|async);let schemeItem">
-    <div><a href="#" (click)="handleBackClick($event)" i18n>back</a></div>
+    <fm-back-button></fm-back-button>
     <h4 i18n>Farm</h4>
     <h3>{{schemeItem.name}}</h3>
     <div *ngIf="features;let features">

projects/common-map/src/fm-map/components/feature-list-croppingscheme/feature-list-croppingscheme.component.html

@@ -1,6 +1,6 @@
 <div class="card border-0">
   <div class="card-body">
-    <div><a href="#" (click)="handleBackClick($event)" i18n>Back</a></div>
+      <fm-back-button></fm-back-button>
       <h3><i class="fm fm-farm"></i>&nbsp;<span i18n>Farms</span></h3>
       <div *ngIf="features;let features">
       <div class="farms">

projects/common-map/src/fm-map/components/feature-list/feature-list.component.html

@@ -1,5 +1,5 @@
 <div *ngIf="features;let features">
-  <a href="#" (click)="handleBackClick($event)">Go back</a>
+  <fm-back-button></fm-back-button>>
   <div class="row m-0 pl-3 pr-3" *ngFor="let feature of features" [ngClass]="{'selected':isFeatureSelected(feature)}" (click)="handleFeatureClick(feature)" (mouseenter)="handleFeatureMouseEnter(feature)" (mouseleave)="handleFeatureMouseLeave(feature)">
     <fm-map-feature-list-feature-container [feature]="feature"></fm-map-feature-list-feature-container>
   </div>

projects/common-map/src/fm-map/components/selected-item-cropfield/selected-item-cropfield.component.html

@@ -2,7 +2,7 @@
 <div *ngIf="item;let item">
   <div class="card border-0">
     <div class="card-body">
-      <div><a href="#" (click)="handleBackToList($event)" i18n>Back</a></div>
+      <fm-back-button></fm-back-button>
       <div class="card menu-card">
         <h1>Cropfield</h1>
         <h4>{{item.name}}</h4>

projects/common-map/src/fm-map/components/selected-item-geotiff/selected-item-geotiff.component.html

@@ -2,7 +2,7 @@
 <div *ngIf="item;let item">
   <div class="card border-0">
     <div class="card-body">
-      <div class="mb-2"><a href="#" (click)="handleBackToList($event)" i18n>Back</a></div>
+      <fm-back-button></fm-back-button>
       <div class="card menu-card">
         <h2 *ngIf="parentItem">{{parentItem.name}}</h2>
         <h1>{{item.name}}</h1>

projects/common-map/src/fm-map/components/selected-item-shape/selected-item-shape.component.html

@@ -2,7 +2,7 @@
 <div *ngIf="item;let item">
   <div class="card border-0">
     <div class="card-body">
-      <div class="mb-2"><a href="#" (click)="handleBackToList($event)" i18n>Back</a></div>
+      <fm-back-button></fm-back-button>
       <div class="card menu-card">
         <h2 *ngIf="parentItem">{{parentItem.name}}</h2>
         <h1>{{item.name}}</h1>

projects/common-map/src/fm-map/components/selected-item-temporal/selected-item-temporal.component.html

@@ -2,7 +2,7 @@
 <div *ngIf="selectedItem();let item">
   <div class="card border-0">
     <div class="card-body">
-      <div class="mb-2"><a href="#" (click)="handleBackToList($event)" i18n>Back</a></div>
+      <fm-back-button></fm-back-button>
       <div class="card menu-card">
         <h2 *ngIf="parentItem">{{parentItem.name}}</h2>
         <h1>{{item.name}}</h1>

projects/common-map/src/fm-map/components/selected-item/selected-item.component.html

@@ -7,7 +7,7 @@
   </div>
   <div class="card">
     <div class="card-body">
-      <div class="mb-2"><a href="#" (click)="handleBackToList($event)" i18n>Back</a></div>
+      <fm-back-button></fm-back-button>
       <h1 class="card-title">{{item.name}}</h1>
       <div class="card menu-card">
         <ul class="p-0 mt-2">