Refactor color management and UI components for consistency

- Updated color references in various widgets to use the new `opaquePrimary` color for better visual consistency.
- Refactored `ColorsManager` to improve color definitions and removed redundant color declarations.
- Enhanced UI elements across multiple dialogs and widgets to ensure a cohesive design language.

This change promotes maintainability and aligns with the updated color scheme.

lib/pages/roles_and_permission/view/role_card.dart

@@ -9,7 +9,7 @@ class RoleCard extends StatelessWidget {
   Widget build(BuildContext context) {
     return Container(
       decoration: BoxDecoration(
-        color: ColorsManager.whiteColors, // Card background color
+        color: ColorsManager.white, // Card background color
         borderRadius: BorderRadius.circular(20), // Rounded corners
         boxShadow: [
           BoxShadow(
@@ -22,8 +22,8 @@ class RoleCard extends StatelessWidget {
       ),
       child: Container(
         decoration: BoxDecoration(
-          color: ColorsManager.whiteColors,
-          borderRadius: BorderRadius.circular(20), 
+          color: ColorsManager.white,
+          borderRadius: BorderRadius.circular(20),
         ),
         child: Column(
           mainAxisAlignment: MainAxisAlignment.spaceEvenly,

lib/pages/roles_and_permission/view/roles_and_permission_page.dart

@@ -1,6 +1,5 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/common/bloc/project_manager.dart';
 import 'package:syncrow_web/pages/device_managment/shared/navigate_home_grid_view.dart';
 import 'package:syncrow_web/pages/roles_and_permission/bloc/roles_permission_bloc.dart';
 import 'package:syncrow_web/pages/roles_and_permission/bloc/roles_permission_state.dart';
@@ -30,8 +29,7 @@ class RolesAndPermissionPage extends StatelessWidget {
                   enableMenuSidebar: false,
                   appBarTitle: Text(
                     'Roles & Permissions',
-                    style:
-                        ResponsiveTextTheme.of(context).deviceManagementTitle,
+                    style: ResponsiveTextTheme.of(context).deviceManagementTitle,
                   ),
                   rightBody: const NavigateHomeGridView(),
                   centerBody: Row(
@@ -66,7 +64,7 @@ class RolesAndPermissionPage extends StatelessWidget {
                           'Users',
                           style: context.textTheme.titleMedium?.copyWith(
                             color: (_blocRole.tapSelect == true)
-                                ? ColorsManager.whiteColors
+                                ? ColorsManager.white
                                 : ColorsManager.grayColor,
                             fontWeight: (_blocRole.tapSelect == true)
                                 ? FontWeight.w700

lib/pages/roles_and_permission/view/roles_page.dart

@@ -32,7 +32,7 @@ class RolesPage extends StatelessWidget {
             controller: searchController,
             style: const TextStyle(color: Colors.black),
             decoration: textBoxDecoration(radios: 15)!.copyWith(
-                fillColor: ColorsManager.whiteColors,
+                fillColor: ColorsManager.white,
                 errorStyle: const TextStyle(height: 0),
                 hintStyle: context.textTheme.titleSmall?.copyWith(
                   color: Colors.grey,