feat: contract addresses page with verification

[EmeditWeb]

Problem

Sponsors and vendors want to verify that StepFi
is using real deployed contracts before trusting
the platform with their funds.

What To Build

Build /contracts page showing all 5 deployed contracts:

• Contract name and description
• Full contract ID (copyable)
• Stellar Expert link
• SHA256 hash (from VERIFICATION.md)
• Build instructions for self-verification

Same cards as the landing page docs section but
with more detail and a verification guide.

Files To Touch

• src/pages/Contracts.tsx (new)
• src/router/index.tsx
• src/components/layout/Footer.tsx (add link)

Acceptance Criteria

• All 5 contracts shown
• Contract IDs copyable with feedback
• Stellar Expert links open correctly
• SHA256 hashes displayed
• Verification instructions clear

Mandatory Checks Before PR

• npm run build passes
• PR references this issue

[EneGab]

Hi, I can work on this issue effectively, can i hop on this please?

[Mmesolove]

Hi maintainer,I have read the description and I can resolve this issue, please kindly assign to me.

[Swayymalcolm99]

Hi maintainer! I have experience building contract address pages with on-chain verification status, network badges, explorer links, and ABI display, structured for easy updates as new contracts are deployed across environments.