Transition to eslint-config-airbnb-with-typescript

- Migrate to newer `eslint-config-airbnb-with-typescript` from
  `eslint-config-airbnb`.
- Add also `rushstack/eslint-patch` as per instructed by
  `eslint-config-airbnb-with-typescript` docs.
- Update codebase to align with new linting standards.
- Add script to configure VS Code for effective linting for project
  developers, move it to `scripts` directory along with clean npm
  install script for better organization.

src/presentation/components/Code/CodeButtons/IconButton.vue

@@ -1,8 +1,14 @@
 <template>
-  <button class="button" @click="onClicked">
+  <button
+    class="button"
+    type="button"
+    @click="onClicked"
+  >
     <font-awesome-icon
       class="button__icon"
-      :icon="[iconPrefix, iconName]" size="2x"  />
+      :icon="[iconPrefix, iconName]"
+      size="2x"
+    />
     <div class="button__text">{{text}}</div>
   </button>
 </template>

src/presentation/components/Code/CodeButtons/Instructions/Code.vue

@@ -1,7 +1,7 @@
 <template>
   <span class="code-wrapper">
     <span class="dollar">$</span>
-    <code><slot></slot></code>
+    <code><slot /></code>
     <font-awesome-icon
       class="copy-button"
       :icon="['fas', 'copy']"

src/presentation/components/Code/CodeButtons/Instructions/InstructionList.vue

@@ -7,8 +7,8 @@
     <p>
       <strong>1. The easy alternative</strong>. Run your script without any manual steps by
       <a :href="this.macOsDownloadUrl">downloading desktop version</a> of {{ this.appName }} on the
-       {{ this.osName }} system you wish to configure, and then click on the Run button. This is
-       recommended for most users.
+      {{ this.osName }} system you wish to configure, and then click on the Run button. This is
+      recommended for most users.
     </p>
     <hr />
     <p>

src/presentation/components/Code/CodeButtons/TheCodeButtons.vue

@@ -4,19 +4,21 @@
       v-if="this.canRun"
       text="Run"
       v-on:click="executeCode"
-      icon-prefix="fas" icon-name="play">
-    </IconButton>
+      icon-prefix="fas"
+      icon-name="play"
+    />
     <IconButton
       :text="this.isDesktopVersion ? 'Save' : 'Download'"
       v-on:click="saveCode"
       icon-prefix="fas"
-      :icon-name="this.isDesktopVersion ? 'save' : 'file-download'">
-    </IconButton>
+      :icon-name="this.isDesktopVersion ? 'save' : 'file-download'"
+    />
     <IconButton
       text="Copy"
       v-on:click="copyCode"
-      icon-prefix="fas" icon-name="copy">
-    </IconButton>
+      icon-prefix="fas"
+      icon-name="copy"
+    />
     <Dialog v-if="this.hasInstructions" ref="instructionsDialog">
       <InstructionList :data="this.instructions" />
     </Dialog>

src/presentation/components/Code/TheCodeArea.vue

@@ -5,7 +5,7 @@
     <div
       :id="editorId"
       class="code-area"
-    ></div>
+    />
   </Responsive>
 </template>