feat: Add beta environment indicator to layout

lib/view/layouts/layout.dart

@@ -18,6 +18,7 @@ import 'package:marco/widgets/custom_pop_menu.dart';
 import 'package:marco/helpers/services/storage/local_storage.dart';
 import 'package:marco/model/employee_info.dart';
 import 'package:marco/helpers/widgets/avatar.dart';
+import 'package:marco/helpers/services/api_endpoints.dart';
 
 class Layout extends StatelessWidget {
   final Widget? child;
@@ -30,6 +31,7 @@ class Layout extends StatelessWidget {
 
   Layout({super.key, this.child, this.floatingActionButton});
 
+  bool get isBetaEnvironment => ApiEndpoints.baseUrl.contains("stage");
   @override
   Widget build(BuildContext context) {
     return MyResponsive(builder: (BuildContext context, _, screenMT) {
@@ -51,6 +53,33 @@ class Layout extends StatelessWidget {
       appBar: AppBar(
         elevation: 0,
         actions: [
+          Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              MySpacing.width(6),
+              if (isBetaEnvironment)
+                Padding(
+                  padding: const EdgeInsets.symmetric(
+                      vertical: 17.0, horizontal: 8.0),
+                  child: Container(
+                    padding:
+                        const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                    decoration: BoxDecoration(
+                      color: Colors.blueAccent,
+                      borderRadius: BorderRadius.circular(4),
+                    ),
+                    child: Text(
+                      'BETA',
+                      style: TextStyle(
+                        color: Colors.white,
+                        fontWeight: FontWeight.bold,
+                        fontSize: 12,
+                      ),
+                    ),
+                  ),
+                ),
+            ],
+          ),
           MySpacing.width(6),
           InkWell(
             onTap: () {