Fix DOM nesting issues and update class to className in Project component

[jhonboyy]

Summary:

This pull request addresses two main issues identified in the Project.jsx component:

1.	DOM Nesting Warning:
•	A <div> was incorrectly nested inside a <p> element, which caused React to issue a DOM nesting validation warning. This PR replaces the <p> tag with a <div> or <span> where necessary to resolve this issue.
2.	class vs className:
•	The usage of class in JSX was generating a warning since React expects className for assigning CSS classes. All instances of class have been updated to className as per React standards.

Changes made:

•	Refactored the DOM structure in Project.jsx to ensure proper element nesting (replaced <p> tags with appropriate containers).
•	Replaced all occurrences of class with className in JSX to prevent React warnings.
•	Ensured that the <FaLocationArrow /> icon is positioned correctly outside of the clickable text container.

Testing:

•	Verified that the DOM structure is now valid and no warnings appear in the console.
•	Confirmed that navigation and layout functionality remain intact after the changes.

Let me know if any additional changes or adjustments are required!

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
portfolio	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 17, 2024 11:57am

[netlify]

✅ Deploy Preview for rahulvijay ready!

Name	Link
🔨 Latest commit	0455397
🔍 Latest deploy log	https://app.netlify.com/sites/rahulvijay/deploys/66e96e9ea731c10008af1b23
😎 Deploy Preview	https://deploy-preview-14--rahulvijay.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 78 Accessibility: 81 Best Practices: 92 SEO: 69 PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[jhonboyy]

Hey, just wondering if you could review this :)

[rahulvijay81]

@jhonboyy Thanks for changes

I’m looking for a new background color for my site. Do you have any suggestions?

#16

[jhonboyy]

@jhonboyy Thanks for changes

I’m looking for a new background color for my site. Do you have any suggestions?

#16
Actually no, I think it's fine like this.

[rahulvijay81]

@jhonboyy Thanks for changes
I’m looking for a new background color for my site. Do you have any suggestions?
#16
Actually no, I think it's fine like this.

Experimenting with different colors.