website refactor

apps/website/templates/SponsorBillingTemplate.tsx

@@ -1,29 +1,28 @@
 'use client';
 
-import React from 'react';
-import { Container } from '@/ui/Container';
-import { Stack } from '@/ui/Stack';
-import { Card } from '@/ui/Card';
-import { Box } from '@/ui/Box';
-import { Heading } from '@/ui/Heading';
-import { Text } from '@/ui/Text';
+import { BillingSummaryPanel } from '@/components/sponsors/BillingSummaryPanel';
+import { SponsorDashboardHeader } from '@/components/sponsors/SponsorDashboardHeader';
+import { PayoutItem, SponsorPayoutQueueTable } from '@/components/sponsors/SponsorPayoutQueueTable';
+import { siteConfig } from '@/lib/siteConfig';
+import type { InvoiceDTO, PaymentMethodDTO } from '@/lib/types/tbd/SponsorBillingDTO';
 import { Button } from '@/ui/Button';
+import { Card } from '@/ui/Card';
+import { Container } from '@/ui/Container';
+import { Heading } from '@/ui/Heading';
 import { Icon } from '@/ui/Icon';
 import { InfoBanner } from '@/ui/InfoBanner';
-import { SponsorDashboardHeader } from '@/components/sponsors/SponsorDashboardHeader';
-import { BillingSummaryPanel } from '@/components/sponsors/BillingSummaryPanel';
-import { SponsorPayoutQueueTable, PayoutItem } from '@/components/sponsors/SponsorPayoutQueueTable';
-import { 
-  CreditCard, 
-  Building2, 
-  Download, 
-  Percent,
-  Receipt,
-  ExternalLink,
-  LucideIcon
+import { Box } from '@/ui/primitives/Box';
+import { Stack } from '@/ui/primitives/Stack';
+import { Text } from '@/ui/Text';
+import {
+    Building2,
+    CreditCard,
+    Download,
+    ExternalLink,
+    LucideIcon,
+    Percent,
+    Receipt
 } from 'lucide-react';
-import { siteConfig } from '@/lib/siteConfig';
-import type { PaymentMethodDTO, InvoiceDTO } from '@/lib/types/tbd/SponsorBillingDTO';
 
 export interface SponsorBillingViewData {
   stats: {