fix: remove duplicate SVG icons in hero visual cards

[akhilmodi29]

Fixes #557

Problem
The hero visual cards in templates/index.html had
duplicate SVG icons:

Blue card (Starter Code Ready):

• Had 2 identical SVG icons stacked
• First was a broken inline version
• Second was the clean properly formatted version

Green card (7-Step Roadmap):

• Had 3 identical SVG icons stacked
• First and third were broken inline versions
• Second was the clean properly formatted version

This caused:

• Duplicate icons rendering in the hero section
• Extra unnecessary DOM elements
• Broken inline SVGs with incorrect formatting

Fix
Removed the duplicate broken SVG icons keeping only
the clean properly formatted version in each card.

Testing

• Blue hero card shows single correct icon ✅
• Green hero card shows single correct icon ✅
• Hero section renders correctly ✅
• No duplicate SVG elements in DOM ✅

[vercel]

@akhilmodi29 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.

[akhilmodi29]

@komalharshita Please review this PR and add the required labels including gssoc:approved. This fixes the duplicate SVG icons in hero visual cards.

Labels suggested:

• level:beginner
• type:bug
• quality:clean

[komalharshita]

Good catch — this is a clean and well-scoped fix.

The PR correctly removes duplicated SVG elements from the hero visual cards while preserving the intended UI appearance. The cleanup also reduces unnecessary DOM duplication and improves markup consistency.

Tested scope is minimal and safe, with no unintended logic changes observed.

Approved for merge.