feat(packages): resolve comments

Author: jeremy-babylonlabs

routes/vault/src/api/index.ts

@@ -1,5 +1,5 @@
 /**
- * Vault Provider API
+ * Vault Provider API Client
  * 
  * This module handles fetching vault provider data.
  * Currently returns mock data, but structured to support GraphQL integration.

routes/vault/src/api/getVaultProviders.ts renamed to routes/vault/src/clients/vault-providers-api/index.ts

@@ -13,6 +13,7 @@ import { useRepayFlow } from "../../hooks/useRepayFlow";
 import { usePeginFlow } from "../../hooks/usePeginFlow";
 import { EmptyState } from "./EmptyState";
 import { VaultActivityCard } from "./VaultActivityCard";
+import type { VaultActivity } from "../../mockData/vaultActivities";
 
 export function VaultDashboard() {
   // Data fetching
@@ -96,7 +97,7 @@ export function VaultDashboard() {
           isEmpty={activities.length === 0}
           isConnected={isWalletConnected}
         >
-          {activities.map((activity) => (
+          {activities.map((activity: VaultActivity) => (
             <VaultActivityCard
               key={activity.id}
               activity={activity}

routes/vault/src/components/VaultDashboard/VaultDashboard.tsx

@@ -13,7 +13,7 @@ import { useState, useMemo } from "react";
 import { bitcoinIcon } from "../../assets";
 import { useVaultProviders } from "../../hooks/useVaultProviders";
 import { usePeginForm } from "../../hooks/usePeginForm";
-import type { VaultProvider } from "../../api";
+import type { VaultProvider } from "../../clients/vault-providers-api";
 
 interface PeginModalProps {
   open: boolean;

routes/vault/src/components/modals/PeginModal.tsx

@@ -1,7 +1,8 @@
 import { useMemo } from "react";
 import { useChainConnector } from "@babylonlabs-io/wallet-connector";
 import type { Hex } from "viem";
-import { usePeginRequests, usePeginStorage } from "./usePeginRequests";
+import { usePeginRequests } from "./usePeginRequests";
+import { usePeginStorage } from "./usePeginStorage";
 
 /**
  * Hook to manage vault positions data fetching and wallet connection

routes/vault/src/hooks/useVaultPositions.ts

@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query';
-import { getVaultProviders } from '../api';
+import { getVaultProviders } from '../clients/vault-providers-api';
 
 const FIVE_MINUTES = 5 * 60 * 1000;