move all components that are exclusive to one page

src/pages/Home/components/SingleExperience/SingleExperience.jsx

@@ -0,0 +1,22 @@
+import './SingleExperience.css';
+
+function SingleExperience({ experience, tasks }) {
+    return (
+        <div className="experience-card">
+            <div className="experience-card-left">
+                <h3 className="experience-company">{experience.company}</h3>
+                <p className="experience-location">{experience.location}</p>
+                <p className="experience-duration">{experience.duration}</p>
+            </div>
+            <div className="experience-card-right">
+                <h3 className="experience-role">{experience.role}</h3>
+                <ul className="experience-tasks">
+                    {tasks.map((task) => (
+                        <li>{task.description}</li>
+                    ))}
+                </ul>
+            </div>
+        </div>
+    );
+}
+export default SingleExperience;