fix close dialog using close button leads to unexpected behavior in routing

- the problem was that the browser routing doesn't match with flutter go_router routing

- so i create BrowsingRoutingHelper accessing browser's window.history through dart:html to manipulate borwser routing

- the problem fixed that was when click on close button in image drawer in project details view , and after that click on browser back button it opens the dialog again

Author: Eslam-Hossam1

lib/routing/browser_routing_helper.dart

@@ -0,0 +1,71 @@
+import 'dart:html' as html;
+
+import 'package:flutter/foundation.dart' show kIsWeb;
+
+class BrowserRoutingHelper {
+  // Push a new state to browser history without navigation
+  static void pushState(String url, {String? title, dynamic data}) {
+    if (kIsWeb) {
+      html.window.history.pushState(data, title ?? '', url);
+    }
+  }
+
+  // Replace current history state
+  static void replaceState(String url, {String? title, dynamic data}) {
+    if (kIsWeb) {
+      html.window.history.replaceState(data, title ?? '', url);
+    }
+  }
+
+  // Go back in browser history
+  static void back() {
+    if (kIsWeb) {
+      html.window.history.back();
+    }
+  }
+
+  // Go forward in browser history
+  static void forward() {
+    if (kIsWeb) {
+      html.window.history.forward();
+    }
+  }
+
+  // Go to specific position in history (negative = back, positive = forward)
+  static void go(int delta) {
+    if (kIsWeb) {
+      html.window.history.go(delta);
+    }
+  }
+
+  // Get current history length
+  static int get historyLength {
+    if (kIsWeb) {
+      return html.window.history.length ?? 0;
+    }
+    return 0;
+  }
+
+  // Listen to browser back/forward button
+  static void onPopState(void Function(html.PopStateEvent) callback) {
+    if (kIsWeb) {
+      html.window.onPopState.listen(callback);
+    }
+  }
+
+  // Get current URL
+  static String get currentUrl {
+    if (kIsWeb) {
+      return html.window.location.href;
+    }
+    return '';
+  }
+
+  // Get current pathname
+  static String get currentPath {
+    if (kIsWeb) {
+      return html.window.location.pathname ?? '/';
+    }
+    return '/';
+  }
+}

lib/view/projects/components/project_media_widgets.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:flutter_portfolio/routing/browser_routing_helper.dart';
 import 'hoverable_image_container.dart';
 import 'package:photo_view/photo_view.dart';
 import 'multi_video_player.dart';
@@ -81,8 +82,10 @@ class _ImageGalleryState extends State<ImageGallery> {
             return HoverableImageContainer(
               imageUrl: displayImages[index],
               onTap: () {
-                final initialIndex = widget.images.indexOf(displayImages[index]);
-                context.push('/project-details/${widget.projectId}/viewer/$initialIndex');
+                final initialIndex =
+                    widget.images.indexOf(displayImages[index]);
+                context.push(
+                    '/project-details/${widget.projectId}/viewer/$initialIndex');
               },
               height: 120,
               width: 120,
@@ -325,7 +328,7 @@ class _ImageGalleryDialogState extends State<ImageGalleryDialog> {
                       color: Colors.white,
                       size: 20,
                     ),
-                    onPressed: () => context.pop(),
+                    onPressed: () => BrowserRoutingHelper.back(),
                     padding: EdgeInsets.zero,
                   ),
                 ),