update background color to use predefined theme

src/Components/Sidebar/index.jsx

@@ -208,7 +208,7 @@ function Sidebar() {
 				borderRight: `1px solid ${theme.palette.primary.lowContrast}`, 
 				borderColor: theme.palette.primary.lowContrast,
 				borderRadius: 0,
-				backgroundColor: theme.palette.primary.sidebar,
+				backgroundColor: theme.palette.primary.main,
 				"& :is(p, span, .MuiListSubheader-root)": {
 					/* 
 					Text color for unselected menu items and menu headings

src/Utils/Theme/constants.js

@@ -109,8 +109,6 @@ const newColors = {
 	red400: "#D92020",
 	red600: "#9B4B4B",
 	red700: "#980303",
-	sidebarLight: "#F9F9FB",
-	sidebarDark: "#1A1A1D",
 };
 
 /* 
@@ -169,10 +167,6 @@ const newSemanticColors = {
 			light: newColors.gray200,
 			dark: newColors.blueGray600,
 		},
-		sidebar: {
-			light: newColors.sidebarLight,
-			dark: newColors.sidebarDark,
-		},
 	},
 	secondary: {
 		main: {