Section 1 & 2 - #Migration Run

frontend/src/pages/Sites/Dashboard.tsx

@@ -7,6 +7,8 @@ import React, { useState, useEffect } from 'react';
 import { useParams, useNavigate } from 'react-router-dom';
 import PageMeta from '../../components/common/PageMeta';
 import PageHeader from '../../components/common/PageHeader';
+import ComponentCard from '../../components/common/ComponentCard';
+import { Card } from '../../components/ui/card';
 import Button from '../../components/ui/button/Button';
 import { useToast } from '../../components/ui/toast/ToastContainer';
 import { fetchAPI, fetchSiteSectors } from '../../services/api';
@@ -23,6 +25,7 @@ import {
   BoltIcon,
   PageIcon,
   ArrowRightIcon,
+  ArrowUpIcon,
 } from '../../icons';
 
 interface Site {
@@ -251,6 +254,7 @@ export default function SiteDashboard() {
         <CreditAvailabilityWidget 
           availableCredits={balance?.credits_remaining ?? 0} 
           totalCredits={balance?.plan_credits_per_month ?? 0}
+          usedCredits={balance?.credits_used_this_month ?? 0}
           loading={loading}
         />
       </div>