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/TheSearchBar.vue

@@ -1,8 +1,11 @@
 <template>
   <div class="search" v-non-collapsing>
-    <input type="search" class="search-term"
+    <input
+      type="search"
+      class="search-term"
       :placeholder="searchPlaceHolder"
-      v-model="searchQuery" >
+      v-model="searchQuery"
+    >
     <div class="icon-wrapper">
       <font-awesome-icon :icon="['fas', 'search']" />
     </div>
@@ -26,7 +29,7 @@ export default class TheSearchBar extends StatefulVue {
   public searchQuery = '';
 
   @Watch('searchQuery')
-  public async updateFilter(newFilter: |string) {
+  public async updateFilter(newFilter?: string) {
     const context = await this.getCurrentContext();
     const { filter } = context.state;
     if (!newFilter) {