feat(UX): replace tables with datatables (#1460)

app/components/stack/stack.html

@@ -18,8 +18,31 @@
 </por-access-control-panel>
 <!-- !access-control-panel -->
 
-<por-service-list services="services" nodes="nodes"></por-service-list>
-<por-task-list tasks="tasks" nodes="nodes"></por-task-list>
+<div class="row">
+  <div class="col-sm-12">
+    <stack-services-datatable
+      title="Services" title-icon="fa-list-alt"
+      dataset="services" table-key="stack-services"
+      order-by="Name"
+      nodes="nodes"
+      public-url="state.publicURL"
+      show-text-filter="true"
+    ></stack-services-datatable>
+  </div>
+</div>
+
+<div class="row">
+  <div class="col-sm-12">
+    <tasks-datatable
+      title="Tasks" title-icon="fa-tasks"
+      dataset="tasks" table-key="stack-tasks"
+      order-by="Updated" reverse-order="true"
+      nodes="nodes"
+      show-text-filter="true"
+      show-slot-column="true"
+    ></tasks-datatable>
+  </div>
+</div>
 
 <div class="row" ng-if="stackFileContent">
   <div class="col-sm-12">