Refactor POS components and implement new features:

- Replaced `POSOrderReference.vue` with `OrderAttachmentsActionButton.vue` and added new features like attachment preview, upload, and management.
- Introduced `POSOrderCustomerWishes.vue` for handling customer wishes fields with autosave behavior.
- Added Playwright global setup/teardown scripts for managing dev server lifecycle during tests.
- Enhanced booking flow test utilities and adjusted visibility rules in `bookingFlow.ts`.

playwright.config.ts

@@ -1,6 +1,7 @@
 import { defineConfig, devices } from "@playwright/test";
 
-const baseURL = process.env.PLAYWRIGHT_BASE_URL || "http://localhost:5173";
+const devPort = Number(process.env.PLAYWRIGHT_DEV_PORT || 5173);
+const baseURL = process.env.PLAYWRIGHT_BASE_URL || `http://localhost:${devPort}`;
 const isCI = !!process.env.CI;
 
 export default defineConfig({
@@ -10,6 +11,12 @@ export default defineConfig({
   forbidOnly: isCI,
   retries: isCI ? 2 : 0,
   workers: isCI ? 2 : 4,
+  ...(process.env.PLAYWRIGHT_BASE_URL
+    ? {}
+    : {
+        globalSetup: "./playwright.global-setup.mjs",
+        globalTeardown: "./playwright.global-teardown.mjs",
+      }),
   reporter: [
     ["list"],
     ["html", { open: "never", outputFolder: "output/playwright/report" }]
@@ -21,12 +28,6 @@ export default defineConfig({
     screenshot: "only-on-failure",
     video: "retain-on-failure"
   },
-  webServer: {
-    command: "npm run dev",
-    port: 5173,
-    timeout: 120_000,
-    reuseExistingServer: !isCI
-  },
   projects: [
     {
       name: "chromium-desktop",