feat: Reinitialize frontend with SvelteKit and TypeScript

- Delete old Vite+Svelte frontend
- Initialize new SvelteKit project with TypeScript
- Configure Tailwind CSS v4 + DaisyUI
- Implement JWT authentication with auto-refresh
- Create login page with form validation (Zod)
- Add protected route guards
- Update Docker configuration for single-stage build
- Add E2E tests with Playwright (6/11 passing)
- Fix Svelte 5 reactivity with $state() runes

Known issues:
- 5 E2E tests failing (timing/async issues)
- Token refresh implementation needs debugging
- Validation error display timing

frontend/node_modules/happy-dom/lib/html-serializer/HTMLSerializer.d.ts

@@ -0,0 +1,36 @@
+import Node from '../nodes/node/Node.js';
+import ShadowRoot from '../nodes/shadow-root/ShadowRoot.js';
+/**
+ * Serializes a node into HTML.
+ */
+export default class HTMLSerializer {
+    private options;
+    /**
+     * Constructor.
+     *
+     * @param [options] Options.
+     * @param [options.serializableShadowRoots] If shadow roots should be serialized.
+     * @param [options.shadowRoots] Shadow roots to serialize.
+     * @param [options.allShadowRoots] If all shadow roots should be serialized.
+     */
+    constructor(options?: {
+        serializableShadowRoots?: boolean;
+        shadowRoots?: ShadowRoot[] | null;
+        allShadowRoots?: boolean;
+    });
+    /**
+     * Renders an element as HTML.
+     *
+     * @param root Root element.
+     * @returns Result.
+     */
+    serializeToString(root: Node): string;
+    /**
+     * Returns attributes as a string.
+     *
+     * @param element Element.
+     * @returns Attributes.
+     */
+    private getAttributes;
+}
+//# sourceMappingURL=HTMLSerializer.d.ts.map

frontend/node_modules/happy-dom/lib/html-serializer/HTMLSerializer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLSerializer.d.ts","sourceRoot":"","sources":["../../src/html-serializer/HTMLSerializer.ts"],"names":[],"mappings":"AAEA,OAAO,IAAI,MAAM,uBAAuB,CAAC;AAMzC,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAK5D;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,cAAc;IAClC,OAAO,CAAC,OAAO,CAQb;IAEF;;;;;;;OAOG;gBACS,OAAO,CAAC,EAAE;QACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;QAClC,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAClC,cAAc,CAAC,EAAE,OAAO,CAAC;KACzB;IAgBD;;;;;OAKG;IACI,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IA2E5C;;;;;OAKG;IACH,OAAO,CAAC,aAAa;CAmBrB"}

frontend/node_modules/happy-dom/lib/html-serializer/HTMLSerializer.js

@@ -0,0 +1,123 @@
+import * as PropertySymbol from '../PropertySymbol.js';
+import Node from '../nodes/node/Node.js';
+import NodeTypeEnum from '../nodes/node/NodeTypeEnum.js';
+import HTMLElementConfig from '../config/HTMLElementConfig.js';
+import HTMLElementConfigContentModelEnum from '../config/HTMLElementConfigContentModelEnum.js';
+import XMLEncodeUtility from '../utilities/XMLEncodeUtility.js';
+/**
+ * Serializes a node into HTML.
+ */
+export default class HTMLSerializer {
+    options = {
+        serializableShadowRoots: false,
+        shadowRoots: null,
+        allShadowRoots: false
+    };
+    /**
+     * Constructor.
+     *
+     * @param [options] Options.
+     * @param [options.serializableShadowRoots] If shadow roots should be serialized.
+     * @param [options.shadowRoots] Shadow roots to serialize.
+     * @param [options.allShadowRoots] If all shadow roots should be serialized.
+     */
+    constructor(options) {
+        if (options) {
+            if (options.serializableShadowRoots) {
+                this.options.serializableShadowRoots = options.serializableShadowRoots;
+            }
+            if (options.shadowRoots) {
+                this.options.shadowRoots = options.shadowRoots;
+            }
+            if (options.allShadowRoots) {
+                this.options.allShadowRoots = options.allShadowRoots;
+            }
+        }
+    }
+    /**
+     * Renders an element as HTML.
+     *
+     * @param root Root element.
+     * @returns Result.
+     */
+    serializeToString(root) {
+        switch (root[PropertySymbol.nodeType]) {
+            case NodeTypeEnum.elementNode:
+                const element = root;
+                const prefix = element[PropertySymbol.prefix];
+                const localName = element[PropertySymbol.localName];
+                const config = HTMLElementConfig[element[PropertySymbol.localName]];
+                const tagName = prefix ? `${prefix}:${localName}` : localName;
+                if (config?.contentModel === HTMLElementConfigContentModelEnum.noDescendants) {
+                    return `<${tagName}${this.getAttributes(element)}>`;
+                }
+                let innerHTML = '';
+                // TODO: Should we include closed shadow roots? We are currently only including open shadow roots.
+                if (element.shadowRoot &&
+                    (this.options.allShadowRoots ||
+                        (this.options.serializableShadowRoots &&
+                            element.shadowRoot[PropertySymbol.serializable]) ||
+                        this.options.shadowRoots?.includes(element.shadowRoot))) {
+                    innerHTML += `<template shadowrootmode="${element.shadowRoot[PropertySymbol.mode]}"${element.shadowRoot[PropertySymbol.serializable] ? ' shadowrootserializable=""' : ''}>`;
+                    for (const node of element.shadowRoot[PropertySymbol.nodeArray]) {
+                        innerHTML += this.serializeToString(node);
+                    }
+                    innerHTML += '</template>';
+                }
+                const childNodes = tagName === 'template'
+                    ? root.content[PropertySymbol.nodeArray]
+                    : root[PropertySymbol.nodeArray];
+                for (const node of childNodes) {
+                    innerHTML += this.serializeToString(node);
+                }
+                return `<${tagName}${this.getAttributes(element)}>${innerHTML}</${tagName}>`;
+            case Node.DOCUMENT_FRAGMENT_NODE:
+            case Node.DOCUMENT_NODE:
+                let html = '';
+                for (const node of root[PropertySymbol.nodeArray]) {
+                    html += this.serializeToString(node);
+                }
+                return html;
+            case NodeTypeEnum.commentNode:
+                return `<!--${root.textContent}-->`;
+            case NodeTypeEnum.processingInstructionNode:
+                return `<!--?${root.target} ${root.textContent}?-->`;
+            case NodeTypeEnum.textNode:
+                const parentElement = root.parentElement;
+                if (parentElement) {
+                    const parentConfig = HTMLElementConfig[parentElement[PropertySymbol.localName]];
+                    if (parentConfig?.contentModel === HTMLElementConfigContentModelEnum.rawText) {
+                        return root.textContent;
+                    }
+                }
+                return XMLEncodeUtility.encodeTextContent(root.textContent);
+            case NodeTypeEnum.documentTypeNode:
+                const doctype = root;
+                const identifier = doctype.publicId ? ' PUBLIC' : doctype.systemId ? ' SYSTEM' : '';
+                const publicId = doctype.publicId ? ` "${doctype.publicId}"` : '';
+                const systemId = doctype.systemId ? ` "${doctype.systemId}"` : '';
+                return `<!DOCTYPE ${doctype.name}${identifier}${publicId}${systemId}>`;
+        }
+        return '';
+    }
+    /**
+     * Returns attributes as a string.
+     *
+     * @param element Element.
+     * @returns Attributes.
+     */
+    getAttributes(element) {
+        let attributeString = '';
+        const attributes = element[PropertySymbol.attributes][PropertySymbol.items];
+        if (!attributes.has(':is') && element[PropertySymbol.isValue]) {
+            attributeString +=
+                ' is="' + XMLEncodeUtility.encodeHTMLAttributeValue(element[PropertySymbol.isValue]) + '"';
+        }
+        for (const attribute of attributes.values()) {
+            const escapedValue = XMLEncodeUtility.encodeHTMLAttributeValue(attribute[PropertySymbol.value]);
+            attributeString += ' ' + attribute[PropertySymbol.name] + '="' + escapedValue + '"';
+        }
+        return attributeString;
+    }
+}
+//# sourceMappingURL=HTMLSerializer.js.map

frontend/node_modules/happy-dom/lib/html-serializer/HTMLSerializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLSerializer.js","sourceRoot":"","sources":["../../src/html-serializer/HTMLSerializer.ts"],"names":[],"mappings":"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"}