chore: migrate web app to sveltekit (#265)

Refs: closes #264

## Summary

Migrate web app to SvelteKit.

## Changes

- Replace Svelte with SvelteKit
- Update ESLint to v9
- Add `eslint-plugin-simple-import-sort` plugin for sorting imports
automatically

.gitignore

@@ -10,6 +10,7 @@ bin
 # Generated files
 *.gen.go
 web/api
+web/.svelte-kit
 
 # Logs
 logs

README.md

@@ -88,7 +88,7 @@ Or, if the goal is to run each application independently, see the following step
 
 ### Web App
 
-The web application can be found in the `web` directory. It uses [Svelte](https://svelte.dev/).
+The web application can be found in the `web` directory. It uses [SvelteKit](https://kit.svelte.dev/).
 
 The web application contains several scripts to lint, build and run the project. To check the available scripts, run the following command inside the `web` directory:
 

cspell.yml

@@ -89,7 +89,7 @@ ignorePaths:
   - server/database/scripts
   - server/deployments
   - server/config.yml
-  - web/public
+  - web/static
   - web/src/locales
 ignoreRegExpList:
   - "import\\s*\\((.|[\r\n])*?\\)" # Ignore go multiline imports.

web/eslint.config.js

@@ -0,0 +1,70 @@
+import js from "@eslint/js";
+import prettier from "eslint-config-prettier";
+import simpleImportSort from "eslint-plugin-simple-import-sort";
+import svelte from "eslint-plugin-svelte";
+import globals from "globals";
+import ts from "typescript-eslint";
+
+import svelteConfig from "./svelte.config.js";
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+	js.configs.recommended,
+	...ts.configs.recommended,
+	...svelte.configs["flat/recommended"],
+	prettier,
+	...svelte.configs["flat/prettier"],
+	{
+		languageOptions: {
+			globals: {
+				...globals.browser,
+				...globals.node,
+			},
+		},
+	},
+	{
+		files: ["**/*.svelte"],
+		languageOptions: {
+			parserOptions: {
+				svelteConfig,
+				parser: ts.parser,
+				svelteFeatures: {
+					experimentalGenerics: true,
+				},
+			},
+		},
+	},
+	{
+		plugins: {
+			"simple-import-sort": simpleImportSort,
+		},
+		rules: {
+			"simple-import-sort/imports": [
+				"error",
+				{
+					groups: [
+						// Side effect imports.
+						["^\\u0000"],
+						// Svelte imports.
+						["^svelte"],
+						// Node.js builtins prefixed with `node:`.
+						["^node:"],
+						// Packages.
+						// Things that start with a letter (or digit or underscore), or `@` followed by a letter.
+						["^@?\\w"],
+						// Absolute imports and other imports such as Svelte-style `$lib`.
+						// Anything not matched in another group.
+						["^"],
+						// Relative imports.
+						// Anything that starts with a dot.
+						["^\\."],
+					],
+				},
+			],
+			"simple-import-sort/exports": "error",
+		},
+	},
+	{
+		ignores: [".svelte-kit/", "dist/"],
+	},
+];