refactor: migrate to Svelte v5

- upgrade dependencies
    - `@ui5/webcomponents: 2.16.0`
    - `svelte: 5.43.1`
- migrate to Svelte v5 syntax
- upgraded eslint to v9.x
- refactored code for fixing DRY and improve readability
- refactored [deprecated event dispatch usage](https://svelte.dev/docs/svelte/v5-migration-guide#Event-changes-Component-events)

Author: ilhan007

.eslintignore

@@ -19,7 +19,7 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v2.4.1
         with:
-          node-version: 16.x
+          node-version: 22.x
       - name: Install and Build
         run: |
           npm install

.eslintrc.json

@@ -11,7 +11,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 22
           cache: "npm"
 
       - name: Build

.github/workflows/ci.yaml

@@ -19,7 +19,7 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v2.4.1
         with:
-          node-version: 16.x
+          node-version: 22.x
       - name: Install and Lint
         run: |
           npm install

.github/workflows/deploy.yml

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
 npm run hooks:pre-push

.github/workflows/lint.yml

@@ -0,0 +1,53 @@
+// eslint.config.js
+import js from "@eslint/js";
+import svelte from "eslint-plugin-svelte";
+import globals from "globals";
+import ts from "typescript-eslint";
+import svelteConfig from "./svelte.config.js";
+import { defineConfig } from "eslint/config";
+
+export default defineConfig(
+	js.configs.recommended,
+	...ts.configs.recommended,
+	...svelte.configs.recommended,
+	{
+		languageOptions: {
+			globals: {
+				...globals.browser,
+				...globals.node,
+			},
+		},
+	},
+	{
+		files: ["**/*.svelte", "**/*.svelte.ts", "**/*.svelte.js"],
+		// See more details at: https://typescript-eslint.io/packages/parser/
+		languageOptions: {
+			parserOptions: {
+				projectService: true,
+				extraFileExtensions: [".svelte"], // Add support for additional file extensions, such as .svelte
+				parser: ts.parser,
+				// Specify a parser for each language, if needed:
+				// parser: {
+				//   ts: ts.parser,
+				//   js: espree,    // Use espree for .js files (add: import espree from 'espree')
+				//   typescript: ts.parser
+				// },
+
+				// We recommend importing and specifying svelte.config.js.
+				// By doing so, some rules in eslint-plugin-svelte will automatically read the configuration and adjust their behavior accordingly.
+				// While certain Svelte settings may be statically loaded from svelte.config.js even if you don’t specify it,
+				// explicitly specifying it ensures better compatibility and functionality.
+				svelteConfig,
+			},
+		},
+	},
+	{
+		rules: {
+			// Override or add rule settings here, such as:
+			// 'svelte/rule-name': 'error'
+		},
+	},
+	{
+		ignores: ["node_modules/**", "dist/**", "build/**"],
+	},
+);