Apply new style modal profile UI for desktop

Signed-off-by: dab246 <tdvu@linagora.com>

core/lib/presentation/extensions/color_extension.dart

@@ -262,6 +262,7 @@ extension AppColor on Color {
   static const textSecondary = Color(0xFF1C1B1F);
   static const profileMenuDivider = Color(0xFF1D192B);
   static const popupMenuItemHovered = Color(0xFFF8F8F8);
+  static const secondaryContrastText = Color(0xFFFFFFFF);
 
   static const mapGradientColor = [
     [Color(0xFF21D4FD), Color(0xFFB721FF)],

core/lib/presentation/views/dialog/confirm_dialog_button.dart

@@ -5,6 +5,7 @@ class ConfirmDialogButton extends StatelessWidget {
   final String label;
   final Color? backgroundColor;
   final Color? textColor;
+  final Color? borderColor;
   final VoidCallback? onTapAction;
 
   const ConfirmDialogButton({
@@ -12,18 +13,26 @@ class ConfirmDialogButton extends StatelessWidget {
     required this.label,
     this.backgroundColor,
     this.textColor,
+    this.borderColor,
     this.onTapAction,
   });
 
   @override
   Widget build(BuildContext context) {
+    final outlineBorder = borderColor != null
+        ? RoundedRectangleBorder(
+            borderRadius: const BorderRadius.all(Radius.circular(100)),
+            side: BorderSide(width: 1, color: borderColor!),
+          )
+        : const RoundedRectangleBorder(
+            borderRadius: BorderRadius.all(Radius.circular(100)),
+          );
+
     return TextButton(
       style: TextButton.styleFrom(
         backgroundColor: backgroundColor,
         overlayColor: Theme.of(context).colorScheme.outline.withOpacity(0.08),
-        shape: const RoundedRectangleBorder(
-          borderRadius: BorderRadius.all(Radius.circular(100)),
-        ),
+        shape: outlineBorder,
         padding: const EdgeInsets.symmetric(horizontal: 10),
       ),
       onPressed: onTapAction,