chore: update dependencies and improve theme colors

- Updated dependencies in package.json to latest versions for better performance and security.
- Commented out AngularData in Data.jsx to temporarily disable it from being used in the project.
- Adjusted Projects.jsx to reflect the changes in AngularData usage.
- Added new color constants (DavysGray, Periwinkle, Chamoisee) in Colors.js for enhanced theming.
- Modified Theme.js to update primary and secondary colors for both light and dark modes, improving overall UI consistency.

package.json

@@ -4,22 +4,22 @@
 	"version": "0.1.0",
 	"private": true,
 	"dependencies": {
-		"@emotion/react": "^11.11.4",
+		"@emotion/react": "^11.14.0",
-		"@emotion/styled": "^11.11.5",
+		"@emotion/styled": "^11.14.0",
-		"@mui/icons-material": "^5.15.17",
+		"@mui/icons-material": "^6.4.12",
-		"@mui/material": "^5.15.17",
+		"@mui/material": "^7.3.4",
-		"@mui/styles": "^5.15.17",
+		"@mui/styles": "^6.0.0",
-		"@testing-library/jest-dom": "^6.4.5",
+		"@testing-library/jest-dom": "^6.9.1",
-		"@testing-library/react": "^15.0.7",
+		"@testing-library/react": "^16.3.0",
-		"@testing-library/user-event": "^14.5.2",
+		"@testing-library/user-event": "^14.6.1",
-		"react": "^18.3.1",
+		"react": "^19.2.0",
-		"react-dom": "^18.3.1",
+		"react-dom": "^19.2.0",
-		"react-router-dom": "^6.23.1",
+		"react-router-dom": "^7.9.4",
 		"react-scripts": "^5.0.1",
-		"react-spring": "^9.7.3",
+		"react-spring": "^10.0.3",
 		"styled-components": "^6.1.11",
 		"vanilla-tilt": "^1.8.1",
-		"web-vitals": "^3.5.2"
+		"web-vitals": "^5.1.0"
 	},
 	"scripts": {
 		"start": "react-scripts start",

src/data/Data.jsx

@@ -15,15 +15,15 @@ export const ReactData = [
 	},
 ];
 
-export const AngularData = [
+// export const AngularData = [
-	{
+// 	{
-		imageURL:
+// 		imageURL:
-			'https://res.cloudinary.com/dadobos/image/upload/v1685729092/web/hwlqdp2quy1u7rmbgls6.png',
+// 			'https://res.cloudinary.com/dadobos/image/upload/v1685729092/web/hwlqdp2quy1u7rmbgls6.png',
-		title: 'Angular Store',
+// 		title: 'Angular Store',
-		description: '',
+// 		description: '',
-		url: 'https://dadobos.github.io/angular-store',
+// 		url: 'https://dadobos.github.io/angular-store',
-	},
+// 	},
-];
+// ];
 
 export const GoData = [
 	{

src/pages/projects/Projects.jsx

@@ -1,23 +1,23 @@
 import React from 'react';
 import {
+	// AngularData,
 	ReactData,
-	AngularData,
-	GoData,
-	JavaData,
 	WebsitesData,
 	VueData,
+	GoData,
+	JavaData,
 } from 'data/Data';
 import MainAccordion from 'components/main-accordion/MainAccordion';
 
 const Projects = () => {
 	return (
 		<>
-			<MainAccordion items={AngularData} title='Angular' />
+			{/* <MainAccordion items={AngularData} title='Angular' /> */}
 			<MainAccordion items={ReactData} title='React' />
+			<MainAccordion items={WebsitesData} title='HTML' />
 			<MainAccordion items={VueData} title='Vue' />
 			<MainAccordion items={GoData} title='Golang' />
 			<MainAccordion items={JavaData} title='Java' />
-			<MainAccordion items={WebsitesData} title='HTML' />
 		</>
 	);
 };

src/themes/Colors.js

@@ -52,3 +52,7 @@ export const UARed = '#E01A4F';
 export const VioletColorWheel = '#7E0FFF';
 export const White = '#ffffff';
 export const WildBlueYonder = '#99B2DD';
+export const DavysGray = '#565656';
+export const Periwinkle = '#B7B5E4';
+//The Pantone Color of the Year 2025, PANTONE 17-1230 Mocha Mousse aka Chamoisee
+export const Chamoisee = '#A47864';

src/themes/Theme.js

@@ -2,20 +2,13 @@ import { createTheme, responsiveFontSizes } from '@mui/material/styles';
 
 import overrides from './overrides';
 import {
-	DeepSpaceSparkle,
-	White,
-	Cadet,
-	Mango,
-	Black,
-	GrannySmithApple,
-	UARed,
-	OuterSpaceCrayola,
-	ChartreuseTraditional,
-	Charcoal,
-	Cultured,
-	SeaGreenCrayola,
-	VioletColorWheel,
 	AcidGreen,
+	SeaGreenCrayola,
+	UARed,
+	VioletColorWheel,
+    DavysGray,
+    Chamoisee,
+	White,
 } from './Colors';
 
 // Main layout
@@ -25,27 +18,31 @@ export const MainTheme = (mode) => ({
 		...(mode === 'light'
 			? {
 					// palette values for light mode
-					primary: {
+			 
-						main: Charcoal,
+                	primary: {
-						contrastText: AcidGreen,
+						main: Chamoisee,
+						contrastText: White,
 					},
 					secondary: {
 						main: UARed,
-						contrastText: AcidGreen,
+						contrastText: White,
 					},
-					divider: White,
+					divider: Chamoisee,
 					background: {
-						default: Charcoal,
+						default: Chamoisee,
-						paper: Charcoal,
+						paper: Chamoisee,
 					},
 					text: {
-						primary: AcidGreen,
+						primary: White,
-						secondary: AcidGreen,
+						secondary: White,
-					},		  }
+					},
+                
+                
+                }
 			: {
-					// palette values for dark mode
+                // palette values for dark mode
-					primary: {
+                	primary: {
-						main: GrannySmithApple,
+						main: DavysGray,
 						contrastText: AcidGreen,
 					},
 					secondary: {
@@ -54,13 +51,14 @@ export const MainTheme = (mode) => ({
 					},
 					divider: AcidGreen,
 					background: {
-						default: Charcoal,
+						default: DavysGray,
-						paper: Charcoal,
+						paper: DavysGray,
 					},
 					text: {
 						primary: AcidGreen,
 						secondary: AcidGreen,
-					},
+					},	
+
 			  }),
 		lightAccent: { main: VioletColorWheel },
 		darkAccent: { main: SeaGreenCrayola },