Merge pull request 'add loading with gestion error' (#17) from feature/loading-image into main

Reviewed-on: #17

covas_mobile/lib/pages/ItemMenu.dart

@@ -211,11 +211,29 @@ class _ItemMenuState extends State<ItemMenu> with ShowErrorDialog {
             child: Column(
           children: <Widget>[
             Padding(
-              padding: const EdgeInsets.only(top: 60.0),
-              child: Center(
-                child: Container(height: 250, child: Image.network(imgUrl)),
-              ),
-            ),
+                padding: const EdgeInsets.only(top: 60.0),
+                child: Image.network(
+                  imgUrl,
+                  width: MediaQuery.of(context).size.width *
+                      0.5, // 50% of screen width
+                  height: MediaQuery.of(context).size.height * 0.5,
+                  loadingBuilder: (BuildContext context, Widget child,
+                      ImageChunkEvent? loadingProgress) {
+                    if (loadingProgress == null) {
+                      return child; // The image has finished loading
+                    }
+                    return Center(
+                      child: CircularProgressIndicator(),
+                    );
+                  },
+                  errorBuilder: (BuildContext context, Object error,
+                      StackTrace? stackTrace) {
+                    return Center(
+                      child: Icon(Icons.error,
+                          size: MediaQuery.of(context).size.width * 0.1),
+                    );
+                  },
+                )),
             Row(children: [
               Icon(Icons.event),
               Text(