fix: code styles

src/features/profile/components/security/PasswordValidation.tsx

@@ -1,5 +1,6 @@
 import { Box, Typography } from '@mui/material';
 import { TickCircle } from 'iconsax-react';
+import { Icon } from '@rkheftan/harmony-ui';
 
 interface ValidationItemProps {
   isValid: boolean;
@@ -20,10 +21,11 @@ export function PasswordValidationItem({
         flexWrap: 'wrap',
       }}
     >
-      <TickCircle
-        size="16"
-        color={isValid ? '#14AE5C' : '#2979FF'}
+      <Icon
+        Component={TickCircle}
+        color={isValid ? 'success.main' : 'primary.main'}
         variant={isValid ? 'Bold' : 'Outline'}
+        size="small"
       />
       <Typography
         variant="body2"