fix: fixing button color text on dark mode

Client/src/Pages/Account/index.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import PropTypes from "prop-types";
 import { useNavigate } from "react-router";
 import { useSelector } from "react-redux";

Client/src/Utils/Theme/constants.js

@@ -206,12 +206,14 @@ const semanticColors = {
 		light: {
 			light: paletteColors.gray200,
 			dark: paletteColors.gray800,
+			/* TODO this should live in a different key (border.disabled.light and .dark) */
 			disabled: paletteColors.gray150,
 		},
 		dark: {
 			light: paletteColors.gray200,
 			dark: paletteColors.gray750,
-			disabled: paletteColors.gray800,
+			/* TODO this should live in a different key (border.disabled.light and .dark) */
+			disabled: paletteColors.gray150,
 		},
 	},
 	unresolved: {

Client/src/Utils/Theme/lightTheme.js

@@ -28,6 +28,7 @@ const {
 } = colors;
 
 const palette = {
+	/* TODO check if we need the addition of a new color gray150 for this. Also, this color would probably fit for primary contrastText */
 	action: {
 		disabled: border.light.disabled,
 	},