Fix segment playback flow, icon consistency, dynamic popups, and iOS/desktop timeline issues

- Fixed segment and cutaway playback to properly stop at the end and resume correctly after user interaction
- Ensured playback continues seamlessly from cutaway to next segment when clicking Play
- Updated start and end bracket icons for both segment and cutaway popup menus to correct designs
- Fixed dynamic updates of popup menus when dragging segment boundaries past the playhead
- Fixed issue where deleting a segment did not trigger correct switch to cutaway popup menu
- Synced playback icons between popup menu and video controls under various playback scenarios
- Replaced browser-native unload confirmation with a custom, unified message to warn about unsaved edits
- Ensured timeline-based editing now works reliably on iPhone/iPad (iOS Safari)
- Fixed issue where clicking at the end of a cutaway area closed the popup and prevented re-opening on desktop browsers

frontend-tools/video-editor/vite.config.ts

@@ -2,19 +2,22 @@ import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 import path from "path";
 
+// Get current directory
+const __dirname = path.resolve();
+
 export default defineConfig({
   plugins: [
     react(),
   ],
   resolve: {
     alias: {
-      "@": path.resolve(import.meta.dirname, "client", "src"),
-      "@shared": path.resolve(import.meta.dirname, "shared"),
+      "@": path.resolve(__dirname, "client", "src"),
+      "@shared": path.resolve(__dirname, "shared"),
     },
   },
-  root: path.resolve(import.meta.dirname, "client"),
+  root: path.resolve(__dirname, "client"),
   build: {
-    outDir: path.resolve(import.meta.dirname, "dist/public"),
+    outDir: path.resolve(__dirname, "dist/public"),
     emptyOutDir: true,
   },
 });