Merge pull request #2316 from airqo-platform/no-internet-connection-e…

…rror-state-UI

Add NoInternetBanner widget to display connectivity issues

mobile-v3/lib/src/app/shared/pages/no_internet_banner.dart

@@ -0,0 +1,32 @@
+import 'package:flutter/material.dart';
+
+class NoInternetBanner extends StatelessWidget {
+  final VoidCallback onClose;
+
+  const NoInternetBanner({Key? key, required this.onClose}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      color: Colors.red,
+      padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Text(
+            'Internet Connection Lost',
+            style: TextStyle(
+              color: Colors.white,
+              fontWeight: FontWeight.bold,
+              fontSize: 16.0,
+            ),
+          ),
+          IconButton(
+            icon: Icon(Icons.close, color: Colors.white),
+            onPressed: onClose,
+          ),
+        ],
+      ),
+    );
+  }
+}