Move ProjectCard to Projects as one entity, Add projectModal feature

src/components/projects/Projects.jsx

@@ -0,0 +1,30 @@
+import React, { useState, useCallback } from "react";
+import ProjectCard from "./projectCard/ProjectCard";
+import ProjectModal from "./projectModal/ProjectModal";
+import styles from "./Projects.module.css";
+
+function Projects({ title, data }) {
+	const [selectedProject, setSelectedProject] = useState(null);
+
+	const openModal = (project) => {
+		setSelectedProject(project);
+	};
+
+	const closeModal = useCallback(() => {
+		setSelectedProject(null);
+	}, []);
+
+	return (
+		<section className={styles.projects}>
+			<h2 className={styles.sectionTitle}>{title}</h2>
+			<div className={styles.projectGrid}>
+				{data.map((project) => (
+					<ProjectCard key={project.id} project={project} onClick={openModal} />
+				))}
+			</div>
+			{selectedProject && <ProjectModal project={selectedProject} onClose={closeModal} />}
+		</section>
+	);
+}
+
+export default Projects;