Refactor to Vue 3 recommended ESLint rules

These updates ensure better adherence to Vue 3 standards and improve
overall code quality and readability.

- Update ESLint configuration from Vue 2.x to Vue 3 rules.
- Switch from "essential" to strictest "recommended" ESLint ruleset.
- Adjust ESLint script to treat warnings as errors by using
  `--max-warnings=0` flag. This enforces stricter code quality controls
  provided by Vue 3 rules.

src/presentation/components/TheSearchBar.vue

@@ -1,10 +1,10 @@
 <template>
-  <div class="search" v-non-collapsing>
+  <div v-non-collapsing class="search">
     <input
+      v-model="searchQuery"
       type="search"
       class="search-term"
       :placeholder="searchPlaceholder"
-      v-model="searchQuery"
     >
     <div class="icon-wrapper">
       <AppIcon icon="magnifying-glass" />