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/Scripts/Slider/HorizontalResizeSlider.vue

@@ -1,14 +1,14 @@
 <template>
   <div
     class="slider"
-    v-bind:style="{
+    :style="{
       '--vertical-margin': verticalMargin,
       '--first-min-width': firstMinWidth,
       '--first-initial-width': firstInitialWidth,
       '--second-min-width': secondMinWidth,
     }"
   >
-    <div class="first" ref="firstElement">
+    <div ref="firstElement" class="first">
       <slot name="first" />
     </div>
     <SliderHandle class="handle" @resized="onResize($event)" />