Fix: Enhance MuiButton disabled state styles in theme

Client/src/Components/Inputs/Image/index.jsx

@@ -99,7 +99,7 @@ const ImageField = ({ id, src, loading, onChange }) => {
 								<Typography
 									component="span"
 									fontSize="inherit"
-									color={theme.palette.accent.main}
+									color="info"
 									fontWeight={500}
 								>
 									Click to upload

Client/src/Components/TabPanels/Account/ProfilePanel.jsx

@@ -445,7 +445,7 @@ const ProfilePanel = () => {
 				>
 					<Button
 						variant="text"
-						color="accent"
+						color="info"
 						onClick={removePicture}
 					>
 						Remove
@@ -460,12 +460,6 @@ const ProfilePanel = () => {
 								? true
 								: false
 						}
-						sx={{
-							"&.Mui-disabled": {
-								backgroundColor: theme.palette.primary.lowContrast,
-								color: theme.palette.primary.main,
-							},
-						}}
 					>
 						Update
 					</Button>

Client/src/Utils/Theme/globalTheme.js

@@ -110,6 +110,10 @@ const baseTheme = (palette) => ({
 					"&:hover": {
 						boxShadow: "none",
 					},
+					"&.Mui-disabled": {
+						backgroundColor: theme.palette.secondary.main,
+						color: theme.palette.primary.main,
+					},
 					"&.MuiLoadingButton-root": {
 						"&:disabled": {
 							backgroundColor: theme.palette.secondary.main,