feat(B07,B08): 워크플로 순서 교환 — 상세설계를 수량산출 앞으로

횡단설계(B06) 다음을 상세설계 → 수량산출 → 설계도서 순으로 재배열하고,
폴더 번호가 흐름과 일치하도록 이름을 맞바꾼다.

- B08_DesignDetail → B07_DesignDetail, B07_Quantity → B08_Quantity
  (파일 접두어·식별자·라우트·locale 키 전량 스왑)
- STAGE_KEYS 4=DESIGN_DETAIL, 5=QUANTITY 스왑 + 라우터 stage 리터럴 교체
- CAD 마운트 /b08-cad → /b07-cad (main.py·vite proxy·iframe URL),
  openwebcad Toolbar 라벨 B07로 수정 후 재빌드
- 유지: openwebcad postMessage 프로토콜 aislo:b08:*·패키지명(내부 식별자)
- 기존 프로젝트 storage 폴더 rename + project_manifest 갱신,
  DB project_workflow_stages stage_no 4↔5 행 스왑 완료

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

B07_DesignDetail/openwebcad/src/drawControllers/DrawController.ts

@@ -0,0 +1,59 @@
+import { type Point, Vector } from '@flatten-js/core';
+import { CANVAS_INPUT_FIELD_FONT_SIZE } from '../App.consts.ts';
+
+export interface DrawController {
+    getCanvasSize(): Point;
+    getScreenScale(): number;
+    getScreenOffset(): Point;
+
+    worldToTarget(worldCoordinate: Point): Point;
+    worldsToTargets(worldCoordinates: Point[]): Point[];
+    targetToWorld(screenCoordinate: Point): Point;
+    targetsToWorlds(screenCoordinates: Point[]): Point[];
+
+    setLineStyles(
+        isHighlighted: boolean,
+        isSelected: boolean,
+        color: string,
+        lineWidth: number,
+        dash?: number[],
+    ): void;
+    setFillStyles(fillColor: string): void;
+    clear(): void;
+    drawLine(startPoint: Point, endPoint: Point): void;
+    drawArc(
+        centerPoint: Point,
+        radius: number,
+        startAngle: number,
+        endAngle: number,
+        counterClockwise: boolean,
+    ): void;
+    drawText(
+        label: string,
+        basePoint: Point,
+        options: Partial<{
+            textDirection?: Vector;
+            textAlign: 'left' | 'center' | 'right';
+            textColor: string;
+            fontSize: number;
+            fontFamily: string;
+        }>,
+    ): void;
+    drawImage(
+        imageElement: HTMLImageElement,
+        xMin: number,
+        yMin: number,
+        width: number,
+        height: number,
+        angle: number,
+    ): void;
+    fillPolygon(...points: Point[]): void;
+}
+
+export const DEFAULT_TEXT_OPTIONS = {
+    textDirection: new Vector(1, 0),
+    textAlign: 'center' as const,
+    textColor: '#FFF',
+    fontSize: CANVAS_INPUT_FIELD_FONT_SIZE,
+    fontFamily: 'sans-serif',
+};