Feature adding logo in skill section

[Ash-Misty]

Summary [required]

Replaced text-based skill names in the Skills section with technology logos to improve visual clarity, modern UI consistency, and overall user experience.

---

Related Issue [required]

Closes #1126

---

Type of Change [required]

• Bug fix — resolves a broken behaviour
• Feature — adds new functionality
• Data — adds new projects to data/projects.json
• Documentation — updates docs, README, or code comments only
• Style — CSS or visual changes only, no logic change
• Refactor — restructures code without changing behaviour
• Test — adds or updates tests

---

What Was Changed [required]

File / Section	Change made
Skills Section (UI)	Replaced text-based skill labels with technology logos/icons
style.css	Updated styling for alignment, spacing, and responsiveness
index.html	Improved grid layout for mobile and desktop screens

---

How to Test This PR [required]

1. Clone this branch:

   git checkout your-branch-name
   

Install dependencies (if applicable):

npm install

OR

pip install -r requirements.txt

Run the project:

npm run dev

OR

python app.py

Open in browser:

http://127.0.0.1:3000
Navigate to Skills section and verify:
Skill logos are displayed instead of text
Layout is properly aligned
No overflow or spacing issues
Works properly on mobile (375px) and desktop (1280px)
Test Results [required]
UI tested manually on:

• Mobile (375px)
• Desktop (1280px)

Results:

• Skills section renders correctly with icons
• No console errors
• Layout is responsive and consistent

##Screenshots

Self-Review Checklist [required]

• I have read CONTRIBUTING.md and followed all guidelines
• My branch name follows the convention (feat/, fix/, docs/, style/, test/)
• I have tested the project locally
• I have run lint checks (flake8 . or equivalent) with no errors
• I have not added debug statements (print, console.log)
• All changes are within the scope of the linked issue
• UI is tested at mobile and desktop breakpoints
• Layout is responsive and visually consistent

Notes for Reviewer

This is a pure UI/UX improvement with no logic changes.
Skills section now uses icon-based representation for better visual clarity.
Please verify responsiveness and alignment across all screen sizes.

[vercel]

@Ash-Misty is attempting to deploy a commit to the komalsony234-1530's projects Team on Vercel.

A member of the Team first needs to authorize it.

[komalharshita]

@Ash-Misty the feature looks good, but you will need to resolve the conflicts first before i merge

[Ash-Misty]

solved

[komalharshita]

@Ash-Misty please check again