feat(ui): apply react pageheader to all pageview EE-3615 (#7178)

Co-authored-by: Chaim Lev-Ari <chiptus@gmail.com>

app/docker/views/secrets/create/createsecret.html

@@ -1,7 +1,4 @@
-<rd-header>
-  <rd-header-title title-text="Create secret"></rd-header-title>
-  <rd-header-content> <a ui-sref="docker.secrets">Secrets</a> &gt; Add secret </rd-header-content>
-</rd-header>
+<page-header title="'Create secret'" breadcrumbs="[{label:'Secrets', link:'docker.secrets'}, 'Add secret']"> </page-header>
 
 <div class="row">
   <div class="col-lg-12 col-md-12 col-xs-12">

app/docker/views/secrets/edit/secret.html

@@ -1,13 +1,4 @@
-<rd-header>
-  <rd-header-title title-text="Secret details">
-    <a data-toggle="tooltip" title="Refresh" ui-sref="docker.secrets.secret({id: secret.Id})" ui-sref-opts="{reload: true}">
-      <i class="fa fa-sync" aria-hidden="true"></i>
-    </a>
-  </rd-header-title>
-  <rd-header-content>
-    <a ui-sref="docker.secrets">Secrets</a> &gt; <a ui-sref="docker.secrets.secret({id: secret.Id})">{{ secret.Name }}</a>
-  </rd-header-content>
-</rd-header>
+<page-header title="'Secret details'" breadcrumbs="[{label:'Secrets', link:'docker.secrets', linkParams:{ id: secret.Id }}, secret.Name]" reload="true"> </page-header>
 
 <div class="row">
   <div class="col-lg-12 col-md-12 col-xs-12">

app/docker/views/secrets/secrets.html

@@ -1,11 +1,4 @@
-<rd-header>
-  <rd-header-title title-text="Secrets list">
-    <a data-toggle="tooltip" title="Refresh" ui-sref="docker.secrets" ui-sref-opts="{reload: true}">
-      <i class="fa fa-sync" aria-hidden="true"></i>
-    </a>
-  </rd-header-title>
-  <rd-header-content>Secrets</rd-header-content>
-</rd-header>
+<page-header title="'Secrets list'" breadcrumbs="['Secrets']" reload="true"> </page-header>
 
 <div class="row">
   <div class="col-sm-12">