feat: set accent color buttons hover colors

Client/src/Utils/Theme/constants.js

@@ -259,6 +259,8 @@ Look up for
 "red"
 "white"
 { text, bg, border }
+ .light
+ .dark
 
 
 theme.palette.unresolved

Client/src/Utils/Theme/globalTheme.js

@@ -45,6 +45,15 @@ const baseTheme = (palette) => ({
 			styleOverrides: {
 				root: ({ theme }) => ({
 					variants: [
+						{
+							props: (props) => props.color === "accent",
+							style: {
+								"&:hover": {
+									color: theme.palette.accent.main,
+									backgroundColor: theme.palette.accent.contrastText,
+								},
+							},
+						},
 						{
 							props: (props) => props.variant === "group",
 							style: {