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/svg-marker-element/SVGMarkerElement.d.ts

@@ -0,0 +1,98 @@
+import * as PropertySymbol from '../../PropertySymbol.js';
+import SVGAnimatedEnumeration from '../../svg/SVGAnimatedEnumeration.js';
+import SVGAnimatedLength from '../../svg/SVGAnimatedLength.js';
+import SVGAnimatedAngle from '../../svg/SVGAnimatedAngle.js';
+import SVGAnimatedRect from '../../svg/SVGAnimatedRect.js';
+import SVGAnimatedPreserveAspectRatio from '../../svg/SVGAnimatedPreserveAspectRatio.js';
+import SVGAngle from '../../svg/SVGAngle.js';
+import SVGElement from '../svg-element/SVGElement.js';
+/**
+ * SVG Rect Element.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/SVGMarkerElement
+ */
+export default class SVGMarkerElement extends SVGElement {
+    static readonly SVG_MARKER_ORIENT_UNKNOWN = 0;
+    static readonly SVG_MARKER_ORIENT_AUTO = 1;
+    static readonly SVG_MARKER_ORIENT_ANGLE = 2;
+    static readonly SVG_MARKERUNITS_UNKNOWN = 0;
+    static readonly SVG_MARKERUNITS_USERSPACEONUSE = 1;
+    static readonly SVG_MARKERUNITS_STROKEWIDTH = 2;
+    readonly SVG_MARKER_ORIENT_UNKNOWN = 0;
+    readonly SVG_MARKER_ORIENT_AUTO = 1;
+    readonly SVG_MARKER_ORIENT_ANGLE = 2;
+    [PropertySymbol.markerUnits]: SVGAnimatedEnumeration | null;
+    [PropertySymbol.markerWidth]: SVGAnimatedLength | null;
+    [PropertySymbol.markerHeight]: SVGAnimatedLength | null;
+    [PropertySymbol.orientType]: SVGAnimatedEnumeration | null;
+    [PropertySymbol.orientAngle]: SVGAnimatedAngle | null;
+    [PropertySymbol.refX]: SVGAnimatedLength | null;
+    [PropertySymbol.refY]: SVGAnimatedLength | null;
+    [PropertySymbol.viewBox]: SVGAnimatedRect | null;
+    [PropertySymbol.preserveAspectRatio]: SVGAnimatedPreserveAspectRatio | null;
+    /**
+     * Returns marker units.
+     *
+     * @returns Marker units.
+     */
+    get markerUnits(): SVGAnimatedEnumeration;
+    /**
+     * Returns marker width.
+     *
+     * @returns Marker width.
+     */
+    get markerWidth(): SVGAnimatedLength;
+    /**
+     * Returns marker height.
+     *
+     * @returns Marker height.
+     */
+    get markerHeight(): SVGAnimatedLength;
+    /**
+     * Returns orient type.
+     *
+     * @returns Orient type.
+     */
+    get orientType(): SVGAnimatedEnumeration;
+    /**
+     * Returns orient angle.
+     *
+     * @returns Orient angle.
+     */
+    get orientAngle(): SVGAnimatedAngle;
+    /**
+     * Returns ref x.
+     *
+     * @returns Ref x.
+     */
+    get refX(): SVGAnimatedLength;
+    /**
+     * Returns ref y.
+     *
+     * @returns Ref y.
+     */
+    get refY(): SVGAnimatedLength;
+    /**
+     * Returns view box.
+     *
+     * @returns View box.
+     */
+    get viewBox(): SVGAnimatedRect;
+    /**
+     * Returns preserve aspect ratio.
+     *
+     * @returns Preserve aspect ratio.
+     */
+    get preserveAspectRatio(): SVGAnimatedPreserveAspectRatio;
+    /**
+     * Sets the value of the orient attribute to auto.
+     */
+    setOrientToAuto(): void;
+    /**
+     * Sets the value of the orient attribute to an angle.
+     *
+     * @param angle Angle.
+     */
+    setOrientToAngle(angle: SVGAngle): void;
+}
+//# sourceMappingURL=SVGMarkerElement.d.ts.map

frontend/node_modules/happy-dom/lib/nodes/svg-marker-element/SVGMarkerElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGMarkerElement.d.ts","sourceRoot":"","sources":["../../../src/nodes/svg-marker-element/SVGMarkerElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC;AAC1D,OAAO,sBAAsB,MAAM,qCAAqC,CAAC;AACzE,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,8BAA8B,MAAM,6CAA6C,CAAC;AACzF,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,UAAU,MAAM,8BAA8B,CAAC;AAEtD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,UAAU;IAEvD,gBAAuB,yBAAyB,KAAK;IACrD,gBAAuB,sBAAsB,KAAK;IAClD,gBAAuB,uBAAuB,KAAK;IACnD,gBAAuB,uBAAuB,KAAK;IACnD,gBAAuB,8BAA8B,KAAK;IAC1D,gBAAuB,2BAA2B,KAAK;IAGvD,SAAgB,yBAAyB,KAAK;IAC9C,SAAgB,sBAAsB,KAAK;IAC3C,SAAgB,uBAAuB,KAAK;IAGrC,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAQ;IACnE,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAC9D,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAC/D,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAQ;IAClE,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAC7D,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IACvD,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IACvD,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAQ;IACxD,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,8BAA8B,GAAG,IAAI,CAAQ;IAE1F;;;;OAIG;IACH,IAAW,WAAW,IAAI,sBAAsB,CAc/C;IAED;;;;OAIG;IACH,IAAW,WAAW,IAAI,iBAAiB,CAY1C;IAED;;;;OAIG;IACH,IAAW,YAAY,IAAI,iBAAiB,CAY3C;IAED;;;;OAIG;IACH,IAAW,UAAU,IAAI,sBAAsB,CAc9C;IAED;;;;OAIG;IACH,IAAW,WAAW,IAAI,gBAAgB,CAYzC;IAED;;;;OAIG;IACH,IAAW,IAAI,IAAI,iBAAiB,CAYnC;IAED;;;;OAIG;IACH,IAAW,IAAI,IAAI,iBAAiB,CAYnC;IAED;;;;OAIG;IACH,IAAW,OAAO,IAAI,eAAe,CAYpC;IAED;;;;OAIG;IACH,IAAW,mBAAmB,IAAI,8BAA8B,CAY/D;IAED;;OAEG;IACI,eAAe,IAAI,IAAI;IAI9B;;;;OAIG;IACI,gBAAgB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;CAG9C"}

frontend/node_modules/happy-dom/lib/nodes/svg-marker-element/SVGMarkerElement.js

@@ -0,0 +1,180 @@
+import * as PropertySymbol from '../../PropertySymbol.js';
+import SVGAnimatedEnumeration from '../../svg/SVGAnimatedEnumeration.js';
+import SVGAnimatedLength from '../../svg/SVGAnimatedLength.js';
+import SVGAnimatedAngle from '../../svg/SVGAnimatedAngle.js';
+import SVGAnimatedRect from '../../svg/SVGAnimatedRect.js';
+import SVGAnimatedPreserveAspectRatio from '../../svg/SVGAnimatedPreserveAspectRatio.js';
+import SVGElement from '../svg-element/SVGElement.js';
+/**
+ * SVG Rect Element.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/SVGMarkerElement
+ */
+export default class SVGMarkerElement extends SVGElement {
+    // Static properties
+    static SVG_MARKER_ORIENT_UNKNOWN = 0;
+    static SVG_MARKER_ORIENT_AUTO = 1;
+    static SVG_MARKER_ORIENT_ANGLE = 2;
+    static SVG_MARKERUNITS_UNKNOWN = 0;
+    static SVG_MARKERUNITS_USERSPACEONUSE = 1;
+    static SVG_MARKERUNITS_STROKEWIDTH = 2;
+    // Public properties
+    SVG_MARKER_ORIENT_UNKNOWN = 0;
+    SVG_MARKER_ORIENT_AUTO = 1;
+    SVG_MARKER_ORIENT_ANGLE = 2;
+    // Internal properties
+    [PropertySymbol.markerUnits] = null;
+    [PropertySymbol.markerWidth] = null;
+    [PropertySymbol.markerHeight] = null;
+    [PropertySymbol.orientType] = null;
+    [PropertySymbol.orientAngle] = null;
+    [PropertySymbol.refX] = null;
+    [PropertySymbol.refY] = null;
+    [PropertySymbol.viewBox] = null;
+    [PropertySymbol.preserveAspectRatio] = null;
+    /**
+     * Returns marker units.
+     *
+     * @returns Marker units.
+     */
+    get markerUnits() {
+        if (!this[PropertySymbol.markerUnits]) {
+            this[PropertySymbol.markerUnits] = new SVGAnimatedEnumeration(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
+                getAttribute: () => this.getAttribute('markerUnits'),
+                setAttribute: (value) => this.setAttribute('markerUnits', value),
+                values: ['userSpaceOnUse', 'strokeWidth'],
+                defaultValue: 'strokeWidth'
+            });
+        }
+        return this[PropertySymbol.markerUnits];
+    }
+    /**
+     * Returns marker width.
+     *
+     * @returns Marker width.
+     */
+    get markerWidth() {
+        if (!this[PropertySymbol.markerWidth]) {
+            this[PropertySymbol.markerWidth] = new SVGAnimatedLength(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
+                getAttribute: () => this.getAttribute('markerWidth'),
+                setAttribute: (value) => this.setAttribute('markerWidth', value)
+            });
+        }
+        return this[PropertySymbol.markerWidth];
+    }
+    /**
+     * Returns marker height.
+     *
+     * @returns Marker height.
+     */
+    get markerHeight() {
+        if (!this[PropertySymbol.markerHeight]) {
+            this[PropertySymbol.markerHeight] = new SVGAnimatedLength(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
+                getAttribute: () => this.getAttribute('markerHeight'),
+                setAttribute: (value) => this.setAttribute('markerHeight', value)
+            });
+        }
+        return this[PropertySymbol.markerHeight];
+    }
+    /**
+     * Returns orient type.
+     *
+     * @returns Orient type.
+     */
+    get orientType() {
+        if (!this[PropertySymbol.orientType]) {
+            this[PropertySymbol.orientType] = new SVGAnimatedEnumeration(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
+                getAttribute: () => this.getAttribute('orient'),
+                setAttribute: (value) => this.setAttribute('orient', value),
+                values: ['auto', null],
+                defaultValue: 'auto'
+            });
+        }
+        return this[PropertySymbol.orientType];
+    }
+    /**
+     * Returns orient angle.
+     *
+     * @returns Orient angle.
+     */
+    get orientAngle() {
+        if (!this[PropertySymbol.orientAngle]) {
+            this[PropertySymbol.orientAngle] = new SVGAnimatedAngle(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
+                getAttribute: () => this.getAttribute('orient'),
+                setAttribute: (value) => this.setAttribute('orient', value)
+            });
+        }
+        return this[PropertySymbol.orientAngle];
+    }
+    /**
+     * Returns ref x.
+     *
+     * @returns Ref x.
+     */
+    get refX() {
+        if (!this[PropertySymbol.refX]) {
+            this[PropertySymbol.refX] = new SVGAnimatedLength(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
+                getAttribute: () => this.getAttribute('refX'),
+                setAttribute: (value) => this.setAttribute('refX', value)
+            });
+        }
+        return this[PropertySymbol.refX];
+    }
+    /**
+     * Returns ref y.
+     *
+     * @returns Ref y.
+     */
+    get refY() {
+        if (!this[PropertySymbol.refY]) {
+            this[PropertySymbol.refY] = new SVGAnimatedLength(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
+                getAttribute: () => this.getAttribute('refY'),
+                setAttribute: (value) => this.setAttribute('refY', value)
+            });
+        }
+        return this[PropertySymbol.refY];
+    }
+    /**
+     * Returns view box.
+     *
+     * @returns View box.
+     */
+    get viewBox() {
+        if (!this[PropertySymbol.viewBox]) {
+            this[PropertySymbol.viewBox] = new SVGAnimatedRect(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
+                getAttribute: () => this.getAttribute('viewBox'),
+                setAttribute: (value) => this.setAttribute('viewBox', value)
+            });
+        }
+        return this[PropertySymbol.viewBox];
+    }
+    /**
+     * Returns preserve aspect ratio.
+     *
+     * @returns Preserve aspect ratio.
+     */
+    get preserveAspectRatio() {
+        if (!this[PropertySymbol.preserveAspectRatio]) {
+            this[PropertySymbol.preserveAspectRatio] = new SVGAnimatedPreserveAspectRatio(PropertySymbol.illegalConstructor, this[PropertySymbol.window], {
+                getAttribute: () => this.getAttribute('preserveAspectRatio'),
+                setAttribute: (value) => this.setAttribute('preserveAspectRatio', value)
+            });
+        }
+        return this[PropertySymbol.preserveAspectRatio];
+    }
+    /**
+     * Sets the value of the orient attribute to auto.
+     */
+    setOrientToAuto() {
+        this.setAttribute('orient', 'auto');
+    }
+    /**
+     * Sets the value of the orient attribute to an angle.
+     *
+     * @param angle Angle.
+     */
+    setOrientToAngle(angle) {
+        this.setAttribute('orient', angle.valueAsString);
+    }
+}
+//# sourceMappingURL=SVGMarkerElement.js.map