updates on the ui changes and frully removed the mui and converted into astryx and color change

src/pages/nearle/viewProfile.js

@@ -7,27 +7,12 @@ import Loader from 'components/Loader';
 import { getusers } from 'pages/api/api';
 import { updateProfilePassword } from 'pages/api/doormileApi';
 import { enqueueSnackbar } from 'notistack';
+import { DT, tint, soft } from 'themes/dt/tokens';
 
 const ROLE_LABELS = { 1: 'Admin', 3: 'Manager', 4: 'Executive' };
 
-// ---- shared design tokens (mirrors the DT block used across the console) ----
-const DT = {
-  radiusCard: 16,
-  radiusInner: 12,
-  shadowSoft: '0 14px 40px rgba(15, 23, 42, 0.10)',
-  textPrimary: '#0f172a',
-  textSecondary: '#64748b',
-  textMuted: '#94a3b8',
-  borderSubtle: '#e2e8f0',
-  divider: '#f1f5f9',
-  surface: '#ffffff',
-  surfaceAlt: '#f8fafc'
-};
-const BRAND = '#C01227';
-const BRAND_LIGHT = '#D25463';
-const tint = (c) => `${c}08`;
-const soft = (c) => `${c}18`;
-
+const BRAND = '#000000';
+const BRAND_LIGHT = '#3A3A3A';
 const initialsOf = (name) =>
   (name || '')
     .trim()
@@ -193,7 +178,7 @@ const ViewProfile = () => {
                 color: '#fff',
                 fontSize: { xs: 24, md: 28 },
                 fontWeight: 700,
-                boxShadow: '0 10px 24px rgba(192, 18, 39, 0.35)'
+                boxShadow: '0 10px 24px rgba(0, 0, 0, 0.35)'
               }}
             >
               {initialsOf(fullname)}