feat(video_calls): first impl for main video calls screen

lib/features/chat/presentation/pages/chat_screen.dart

@@ -24,6 +24,7 @@ import 'package:eatvio_app/features/feed/models/plan_pagination_model.dart';
 import 'package:eatvio_app/features/order_info/presentation/info_by_order_screen.dart';
 import 'package:eatvio_app/features/plans/enums/chosen_plan_state_enum.dart';
 import 'package:eatvio_app/features/user_details/presentation/user_details_screen.dart';
+import 'package:eatvio_app/features/video_calls/presentation/pages/video_call_screen.dart';
 import 'package:eatvio_app/generated/l10n.dart';
 import 'package:file_picker/file_picker.dart';
 import 'package:flutter/cupertino.dart';
@@ -233,6 +234,23 @@ class _ChatScreenState extends State<ChatScreen> {
             ],
           ),
         ),
+        actions: [
+          Padding(
+            padding: const EdgeInsetsDirectional.only(end: 8),
+            child: _ChatHeaderVideoCallButton(
+              onPressed: () {
+                GoRouter.of(context).pushNamed(
+                  VideoCallScreen.name,
+                  extra: <String, dynamic>{
+                    'conversationUuid': widget.uuid,
+                    'counterpartName': state.chatRoom.users.receiver.name,
+                    'localParticipantName': state.chatRoom.users.sender.name,
+                  },
+                );
+              },
+            ),
+          ),
+        ],
       ),
       body: SafeArea(
         child: Stack(
@@ -741,3 +759,33 @@ class _ChatScreenState extends State<ChatScreen> {
     );
   }
 }
+
+class _ChatHeaderVideoCallButton extends StatelessWidget {
+  const _ChatHeaderVideoCallButton({required this.onPressed});
+
+  final VoidCallback onPressed;
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    return Tooltip(
+      message: S.of(context).video_call,
+      child: Material(
+        color: theme.colorScheme.onPrimary,
+        borderRadius: BorderRadius.circular(20),
+        elevation: 0,
+        child: InkWell(
+          onTap: onPressed,
+          customBorder: const CircleBorder(),
+          child: SizedBox(
+            width: 40,
+            height: 40,
+            child: Center(
+              child: Icon(Icons.videocam_rounded, color: appTheme.blueA400, size: 18),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}