Feature/loading states and strategy details

[testersweb0-bug]

Description

This PR introduces a dedicated Strategy Details page and a unified premium loading state system using skeleton loaders across the Harvest Finance platform. These improvements enhance investment transparency and significantly improve perceived performance during data fetching.

---

Key Changes

1. Strategy Details Page (/strategies/[id])

• Implemented dynamic routing for strategy deep-dive views

• Displays rich investment data including:

  • Real-time APY
  • Risk level (Low / Medium / High)
  • TVL (Total Value Locked)
  • Full strategy description

• Added dedicated sections for:

  • Security verification status
  • Protocol parameters (fees, capacity, constraints)

• Navigation enhancement:

  • Added "Deep Strategy Analysis" links to all Vault cards

---

2. Loading State System (Skeleton Loaders)

• Introduced high-fidelity skeleton UI components:

  • Dashboard skeleton (Portfolio Hub layout mimic)
  • Modal skeletons for:
    • DepositModal
    • WithdrawModal

• Integrated skeletons into useQuery flows:

  • Ensures consistent loading feedback across the app
  • Eliminates layout shifts and blank state flashes

---

3. Core Enhancements

• Extended Vault type:

  • Added support for strategy descriptions

• Refactored VaultCard:

  • Improved layout structure
  • Added micro-interactions for navigation links

---

Verification Results

Manual Testing

• Navigation:

  • Verified links from Vault marketplace to strategy detail pages work correctly

• Data Rendering:

  • Confirmed APY, risk level, and descriptions render accurately

• Loading States:

  • Simulated slow network (3G)
  • Verified skeleton loaders render correctly:
    • DashboardSkeleton
    • ModalSkeleton
  • No layout shifts observed

• Functional Integrity:

  • Deposit and Withdraw modals work correctly from strategy detail pages

---

Related Issues

Closes #248
Closes #250
Closes #249

[vercel]

@testersweb0-bug is attempting to deploy a commit to the vic's projects Team on Vercel.

A member of the Team first needs to authorize it.

[drips-wave]

@testersweb0-bug 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