chore(project): add prettier for code format (#3645)

* chore(project): install prettier and lint-staged

* chore(project): apply prettier to html too

* chore(project): git ignore eslintcache

* chore(project): add a comment about format script

* chore(prettier): update printWidth

* chore(prettier): remove useTabs option

* chore(prettier): add HTML validation

* refactor(prettier): fix closing tags

* feat(prettier): define angular parser for html templates

* style(prettier): run prettier on codebase

Co-authored-by: Anthony Lapenna <lapenna.anthony@gmail.com>

app/docker/views/nodes/node-browser/node-browser-controller.js

@@ -1,5 +1,8 @@
 angular.module('portainer.docker').controller('NodeBrowserController', [
-  '$stateParams', 'NodeService', 'HttpRequestHelper', 'Notifications',
+  '$stateParams',
+  'NodeService',
+  'HttpRequestHelper',
+  'Notifications',
   function NodeBrowserController($stateParams, NodeService, HttpRequestHelper, Notifications) {
     var ctrl = this;
     ctrl.$onInit = $onInit;
@@ -8,13 +11,13 @@ angular.module('portainer.docker').controller('NodeBrowserController', [
       ctrl.nodeId = $stateParams.id;
 
       NodeService.node(ctrl.nodeId)
-      .then(function onNodeLoaded(node) {
-        HttpRequestHelper.setPortainerAgentTargetHeader(node.Hostname);
-        ctrl.node = node;
-      })
-      .catch(function onError(err) {
-        Notifications.error('Unable to retrieve host information', err);
-      });
+        .then(function onNodeLoaded(node) {
+          HttpRequestHelper.setPortainerAgentTargetHeader(node.Hostname);
+          ctrl.node = node;
+        })
+        .catch(function onError(err) {
+          Notifications.error('Unable to retrieve host information', err);
+        });
     }
-  }
+  },
 ]);

app/docker/views/nodes/node-browser/node-browser.html

@@ -1,14 +1,12 @@
 <rd-header>
   <rd-header-title title-text="Node Browser"></rd-header-title>
   <rd-header-content>
-      <a ui-sref="docker.swarm">Swarm</a> &gt; <a ui-sref="docker.nodes.node({ id: $ctrl.nodeId })">{{ $ctrl.node.Hostname }}</a> &gt; browse
+    <a ui-sref="docker.swarm">Swarm</a> &gt; <a ui-sref="docker.nodes.node({ id: $ctrl.nodeId })">{{ $ctrl.node.Hostname }}</a> &gt; browse
   </rd-header-content>
 </rd-header>
 
 <div class="row">
   <div class="col-sm-12">
-    <host-browser
-     ng-if="$ctrl.node"
-    ></host-browser>
+    <host-browser ng-if="$ctrl.node"></host-browser>
   </div>
 </div>

app/docker/views/nodes/node-browser/node-browser.js

@@ -1,4 +1,4 @@
 angular.module('portainer.docker').component('nodeBrowserView', {
   templateUrl: './node-browser.html',
-  controller: 'NodeBrowserController'
+  controller: 'NodeBrowserController',
 });