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/nodes/html-slot-element/HTMLSlotElement.d.ts

@@ -0,0 +1,71 @@
+import HTMLElement from '../html-element/HTMLElement.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
+import Text from '../text/Text.js';
+import Element from '../element/Element.js';
+import Node from '../node/Node.js';
+import Event from '../../event/Event.js';
+import Attr from '../attr/Attr.js';
+/**
+ * HTML Slot Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement.
+ */
+export default class HTMLSlotElement extends HTMLElement {
+    #private;
+    cloneNode: (deep?: boolean) => HTMLSlotElement;
+    [PropertySymbol.assignedNodes]: Node[];
+    get onslotchange(): ((event: Event) => void) | null;
+    set onslotchange(value: ((event: Event) => void) | null);
+    /**
+     * Returns name.
+     *
+     * @returns Name.
+     */
+    get name(): string;
+    /**
+     * Sets name.
+     *
+     * @param name Name.
+     */
+    set name(name: string);
+    /**
+     * Sets the slot's manually assigned nodes to an ordered set of slottables.
+     *
+     * @param nodes Nodes.
+     */
+    assign(...nodes: Array<Text | Element>): void;
+    /**
+     * Returns assigned nodes.
+     *
+     * @param [options] Options.
+     * @param [options.flatten] A boolean value indicating whether to return the assigned nodes of any available child <slot> elements (true) or not (false). Defaults to false.
+     * @returns Nodes.
+     */
+    assignedNodes(options?: {
+        flatten?: boolean;
+    }): Node[];
+    /**
+     * Returns assigned elements.
+     *
+     * @param [options] Options.
+     * @param [options.flatten] A boolean value indicating whether to return the assigned elements of any available child <slot> elements (true) or not (false). Defaults to false.
+     * @returns Nodes.
+     */
+    assignedElements(options?: {
+        flatten?: boolean;
+    }): Element[];
+    /**
+     * @override
+     */
+    [PropertySymbol.cloneNode](deep?: boolean): HTMLSlotElement;
+    /**
+     * @override
+     */
+    [PropertySymbol.onSetAttribute](attribute: Attr, replacedAttribute: Attr | null): void;
+    /**
+     * @override
+     */
+    [PropertySymbol.onRemoveAttribute](removedAttribute: Attr): void;
+}
+//# sourceMappingURL=HTMLSlotElement.d.ts.map

frontend/node_modules/happy-dom/lib/nodes/html-slot-element/HTMLSlotElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLSlotElement.d.ts","sourceRoot":"","sources":["../../../src/nodes/html-slot-element/HTMLSlotElement.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC;AAE1D,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAInC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,WAAW;;IAExC,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,eAAe,CAAC;IAGvD,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAM;IAMnD,IAAW,YAAY,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,CAEzD;IAED,IAAW,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI,EAE7D;IAID;;;;OAIG;IACH,IAAW,IAAI,IAAI,MAAM,CAExB;IAED;;;;OAIG;IACH,IAAW,IAAI,CAAC,IAAI,EAAE,MAAM,EAE3B;IAED;;;;OAIG;IACI,MAAM,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,IAAI;IA6BpD;;;;;;OAMG;IACI,aAAa,CAAC,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,EAAE;IAI7D;;;;;;OAMG;IACI,gBAAgB,CAAC,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,EAAE;IAInE;;OAEG;IACa,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,IAAI,UAAQ,GAAG,eAAe;IAIzE;;OAEG;IACa,CAAC,cAAc,CAAC,cAAc,CAAC,CAC9C,SAAS,EAAE,IAAI,EACf,iBAAiB,EAAE,IAAI,GAAG,IAAI,GAC5B,IAAI;IAsBP;;OAEG;IACa,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,gBAAgB,EAAE,IAAI,GAAG,IAAI;CA8FhF"}

frontend/node_modules/happy-dom/lib/nodes/html-slot-element/HTMLSlotElement.js

@@ -0,0 +1,206 @@
+var _a;
+import HTMLElement from '../html-element/HTMLElement.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
+import Element from '../element/Element.js';
+import Node from '../node/Node.js';
+import Event from '../../event/Event.js';
+import NodeTypeEnum from '../node/NodeTypeEnum.js';
+import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
+/**
+ * HTML Slot Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement.
+ */
+class HTMLSlotElement extends HTMLElement {
+    // Internal properties
+    [PropertySymbol.assignedNodes] = [];
+    // Events
+    /* eslint-disable jsdoc/require-jsdoc */
+    get onslotchange() {
+        return ElementEventAttributeUtility.getEventListener(this, 'onslotchange');
+    }
+    set onslotchange(value) {
+        this[PropertySymbol.propertyEventListeners].set('onslotchange', value);
+    }
+    /* eslint-enable jsdoc/require-jsdoc */
+    /**
+     * Returns name.
+     *
+     * @returns Name.
+     */
+    get name() {
+        return this.getAttribute('name') || '';
+    }
+    /**
+     * Sets name.
+     *
+     * @param name Name.
+     */
+    set name(name) {
+        this.setAttribute('name', name);
+    }
+    /**
+     * Sets the slot's manually assigned nodes to an ordered set of slottables.
+     *
+     * @param nodes Nodes.
+     */
+    assign(...nodes) {
+        const shadowRoot = this.getRootNode();
+        if (shadowRoot?.[PropertySymbol.slotAssignment] !== 'manual') {
+            return;
+        }
+        const host = shadowRoot.host;
+        for (const node of nodes) {
+            if (node instanceof Node) {
+                if (host[PropertySymbol.nodeArray].includes(node) &&
+                    node[PropertySymbol.nodeType] !== NodeTypeEnum.commentNode) {
+                    if (node[PropertySymbol.assignedToSlot]) {
+                        const index = node[PropertySymbol.assignedToSlot][PropertySymbol.assignedNodes].indexOf(node);
+                        if (index !== -1) {
+                            node[PropertySymbol.assignedToSlot][PropertySymbol.assignedNodes].splice(index, 1);
+                        }
+                    }
+                    node[PropertySymbol.assignedToSlot] = this;
+                    this[PropertySymbol.assignedNodes].push(node);
+                }
+            }
+        }
+    }
+    /**
+     * Returns assigned nodes.
+     *
+     * @param [options] Options.
+     * @param [options.flatten] A boolean value indicating whether to return the assigned nodes of any available child <slot> elements (true) or not (false). Defaults to false.
+     * @returns Nodes.
+     */
+    assignedNodes(options) {
+        return this.#assignedNodes(this.name, options);
+    }
+    /**
+     * Returns assigned elements.
+     *
+     * @param [options] Options.
+     * @param [options.flatten] A boolean value indicating whether to return the assigned elements of any available child <slot> elements (true) or not (false). Defaults to false.
+     * @returns Nodes.
+     */
+    assignedElements(options) {
+        return this.#assignedElements(this.name, options);
+    }
+    /**
+     * @override
+     */
+    [PropertySymbol.cloneNode](deep = false) {
+        return super[PropertySymbol.cloneNode](deep);
+    }
+    /**
+     * @override
+     */
+    [PropertySymbol.onSetAttribute](attribute, replacedAttribute) {
+        super[PropertySymbol.onSetAttribute](attribute, replacedAttribute);
+        if (attribute[PropertySymbol.name] === 'name' &&
+            attribute[PropertySymbol.value] !== replacedAttribute?.[PropertySymbol.value]) {
+            const replacedAssignedNodes = this.#assignedNodes(replacedAttribute?.[PropertySymbol.value]);
+            const assignedNodes = this.#assignedNodes(attribute.value);
+            if (replacedAssignedNodes.length !== assignedNodes.length) {
+                this.dispatchEvent(new Event('slotchange', { bubbles: true }));
+            }
+            else {
+                for (let i = 0, max = assignedNodes.length; i < max; i++) {
+                    if (replacedAssignedNodes[i] !== assignedNodes[i]) {
+                        this.dispatchEvent(new Event('slotchange', { bubbles: true }));
+                        break;
+                    }
+                }
+            }
+        }
+    }
+    /**
+     * @override
+     */
+    [PropertySymbol.onRemoveAttribute](removedAttribute) {
+        super[PropertySymbol.onRemoveAttribute](removedAttribute);
+        if (removedAttribute[PropertySymbol.name] === 'name' &&
+            removedAttribute[PropertySymbol.value] &&
+            this.#assignedNodes(removedAttribute.value).length > 0) {
+            this.dispatchEvent(new Event('slotchange', { bubbles: true }));
+        }
+    }
+    /**
+     * Returns assigned nodes.
+     *
+     * @param name Name.
+     * @param [options] Options.
+     * @param [options.flatten] A boolean value indicating whether to return the assigned nodes of any available child <slot> elements (true) or not (false). Defaults to false.
+     * @returns Nodes.
+     */
+    #assignedNodes(name, options) {
+        const shadowRoot = this.getRootNode();
+        if (!shadowRoot?.host) {
+            return [];
+        }
+        if (shadowRoot[PropertySymbol.slotAssignment] === 'manual') {
+            return this[PropertySymbol.assignedNodes];
+        }
+        const host = shadowRoot.host;
+        const flatten = !!options?.flatten;
+        const assigned = [];
+        for (const slotNode of host[PropertySymbol.nodeArray]) {
+            const slotName = slotNode['slot'];
+            if ((name && slotName && slotName === name) || (!name && !slotName)) {
+                if (flatten && slotNode instanceof _a) {
+                    for (const slotChild of slotNode.assignedNodes(options)) {
+                        assigned.push(slotChild);
+                    }
+                }
+                else {
+                    assigned.push(slotNode);
+                }
+            }
+        }
+        return assigned;
+    }
+    /**
+     * Returns assigned elements.
+     *
+     * @param name Name.
+     * @param [options] Options.
+     * @param [options.flatten] A boolean value indicating whether to return the assigned elements of any available child <slot> elements (true) or not (false). Defaults to false.
+     * @returns Nodes.
+     */
+    #assignedElements(name, options) {
+        const shadowRoot = this.getRootNode();
+        if (!shadowRoot?.host) {
+            return [];
+        }
+        if (shadowRoot[PropertySymbol.slotAssignment] === 'manual') {
+            const elements = [];
+            for (const node of this[PropertySymbol.assignedNodes]) {
+                if (node instanceof Element) {
+                    elements.push(node);
+                }
+            }
+            return elements;
+        }
+        const host = shadowRoot.host;
+        const flatten = !!options?.flatten;
+        const assigned = [];
+        for (const slotElement of host[PropertySymbol.elementArray]) {
+            const slotName = slotElement.slot;
+            if ((name && slotName === name) || (!name && !slotName)) {
+                if (flatten && slotElement instanceof _a) {
+                    for (const slotChild of slotElement.assignedElements(options)) {
+                        assigned.push(slotChild);
+                    }
+                }
+                else {
+                    assigned.push(slotElement);
+                }
+            }
+        }
+        return assigned;
+    }
+}
+_a = HTMLSlotElement;
+export default HTMLSlotElement;
+//# sourceMappingURL=HTMLSlotElement.js.map