feat:git push -u origin feat/303Develop-Interactive-Yield-Projection-…

[SheyeJDev]

What each file does
icons/index.ts — A single barrel file that re-exports every icon the project needs from lucide-react by name. All new code imports from @/icons instead of importing directly from lucide-react, which lets the bundler tree-shake the entire icon set in one pass. No other icon library is referenced.
useHardwareWallet.ts — A React hook that lazy-loads the two Ledger packages (@ledgerhq/hw-transport-webusb + @ledgerhq/hw-app-str — you'll need to add these to package.json) and exposes connect(), signTransaction(xdr), and disconnect(). It emits a typed status (connecting | connected | signing | disconnected | error) and handles the device-unplug event with a user-readable fallback message.
Registration.tsx — A self-contained passkey onboarding component. It calls navigator.credentials.create() to register a platform biometric, derives a Stellar keypair from the authenticator's public key via HKDF-SHA-256 (SEP-43 aligned), and returns { credentialId, stellarPublicKey, rawPublicKey } via an onSuccess callback for the deposit flow to use on wallet deployment.
YieldCalculator.tsx — Drop into app/project/[id]/page.tsx as . Three range sliders (amount, duration, APY) drive a custom SVG polyline chart showing Conservative / Base / Optimistic compound-interest scenarios, plus four summary cards. No extra chart library — keeps the bundle lean.

Closes #331
Closes #303
Closes #304
Closes #333

[drips-wave]

@SheyeJDev Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits