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/recharts-scale/src/util/arithmetic.js

@@ -0,0 +1,108 @@
+/**
+ * @fileOverview 一些公用的运算方法
+ * @author xile611
+ * @date 2015-09-17
+ */
+import Decimal from 'decimal.js-light';
+import { curry } from './utils';
+
+/**
+ * 获取数值的位数
+ * 其中绝对值属于区间[0.1, 1)， 得到的值为0
+ * 绝对值属于区间[0.01, 0.1)，得到的位数为 -1
+ * 绝对值属于区间[0.001, 0.01)，得到的位数为 -2
+ *
+ * @param  {Number} value 数值
+ * @return {Integer} 位数
+ */
+function getDigitCount(value) {
+  let result;
+
+  if (value === 0) {
+    result = 1;
+  } else {
+    result = Math.floor(new Decimal(value).abs().log(10)
+      .toNumber()) + 1;
+  }
+
+  return result;
+}
+
+/**
+ * 按照固定的步长获取[start, end)这个区间的数据
+ * 并且需要处理js计算精度的问题
+ *
+ * @param  {Decimal} start 起点
+ * @param  {Decimal} end   终点，不包含该值
+ * @param  {Decimal} step  步长
+ * @return {Array}         若干数值
+ */
+function rangeStep(start, end, step) {
+  let num = new Decimal(start);
+  let i = 0;
+  const result = [];
+
+  // magic number to prevent infinite loop
+  while (num.lt(end) && i < 100000) {
+    result.push(num.toNumber());
+
+    num = num.add(step);
+    i++;
+  }
+
+  return result;
+}
+/**
+ * 对数值进行线性插值
+ *
+ * @param  {Number} a  定义域的极点
+ * @param  {Number} b  定义域的极点
+ * @param  {Number} t  [0, 1]内的某个值
+ * @return {Number}    定义域内的某个值
+ */
+const interpolateNumber = curry((a, b, t) => {
+  const newA = +a;
+  const newB = +b;
+
+  return newA + t * (newB - newA);
+});
+/**
+ * 线性插值的逆运算
+ *
+ * @param  {Number} a 定义域的极点
+ * @param  {Number} b 定义域的极点
+ * @param  {Number} x 可以认为是插值后的一个输出值
+ * @return {Number}   当x在 a ~ b这个范围内时，返回值属于[0, 1]
+ */
+const uninterpolateNumber = curry((a, b, x) => {
+  let diff = b - (+a);
+
+  diff = diff || Infinity;
+
+  return (x - a) / diff;
+});
+/**
+ * 线性插值的逆运算，并且有截断的操作
+ *
+ * @param  {Number} a 定义域的极点
+ * @param  {Number} b 定义域的极点
+ * @param  {Number} x 可以认为是插值后的一个输出值
+ * @return {Number}   当x在 a ~ b这个区间内时，返回值属于[0, 1]，
+ * 当x不在 a ~ b这个区间时，会截断到 a ~ b 这个区间
+ */
+const uninterpolateTruncation = curry((a, b, x) => {
+  let diff = b - (+a);
+
+  diff = diff || Infinity;
+
+  return Math.max(0, Math.min(1, (x - a) / diff));
+});
+
+export default {
+  rangeStep,
+  getDigitCount,
+
+  interpolateNumber,
+  uninterpolateNumber,
+  uninterpolateTruncation,
+};

frontend/node_modules/recharts-scale/src/util/utils.js

@@ -0,0 +1,94 @@
+const identity = (i) => i;
+
+export const PLACE_HOLDER = {
+  '@@functional/placeholder': true,
+};
+
+const isPlaceHolder = (val) => val === PLACE_HOLDER;
+
+const curry0 = (fn) => function _curried(...args) {
+  if (args.length === 0 || args.length === 1 && isPlaceHolder(args[0])) {
+    return _curried;
+  }
+
+  return fn(...args);
+};
+
+const curryN = (n, fn) => {
+  if (n === 1) {
+    return fn;
+  }
+
+  return curry0((...args) => {
+    const argsLength = args.filter((arg) => arg !== PLACE_HOLDER).length;
+
+    if (argsLength >= n) {
+      return fn(...args);
+    }
+
+    return curryN(n - argsLength, curry0((...restArgs) => {
+      const newArgs = args.map((arg) => (isPlaceHolder(arg) ? restArgs.shift() : arg));
+
+      return fn(...newArgs, ...restArgs);
+    }));
+  });
+};
+
+export const curry = (fn) => curryN(fn.length, fn);
+
+export const range = (begin, end) => {
+  const arr = [];
+
+  for (let i = begin; i < end; ++i) {
+    arr[i - begin] = i;
+  }
+
+  return arr;
+};
+
+export const map = curry((fn, arr) => {
+  if (Array.isArray(arr)) {
+    return arr.map(fn);
+  }
+
+  return Object.keys(arr).map((key) => arr[key]).map(fn);
+});
+
+export const compose = (...args) => {
+  if (!args.length) {
+    return identity;
+  }
+
+  const fns = args.reverse();
+  // first function can receive multiply arguments
+  const firstFn = fns[0];
+  const tailsFn = fns.slice(1);
+
+  return (...composeArgs) => tailsFn.reduce((res, fn) => fn(res),
+    firstFn(...composeArgs));
+};
+
+export const reverse = (arr) => {
+  if (Array.isArray(arr)) {
+    return arr.reverse();
+  }
+
+  // can be string
+  return arr.split('').reverse.join('');
+};
+
+export const memoize = (fn) => {
+  let lastArgs = null;
+  let lastResult = null;
+
+  return (...args) => {
+    if (lastArgs && args.every((val, i) => val === lastArgs[i])) {
+      return lastResult;
+    }
+
+    lastArgs = args;
+    lastResult = fn(...args);
+
+    return lastResult;
+  };
+};