Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/routes/pay.$id.tsx

@@ -6,7 +6,7 @@ import { Badge } from "@/components/ui/badge";
 import { CheckCircle2, CreditCard, XCircle } from "lucide-react";
 import { formatCurrency } from "@/lib/format";
 import { getPublicPaymentRequest } from "@/lib/payments.functions";
-import { Scale } from "lucide-react";
+import { JusticeIcon } from "@/components/justice-icon";
 
 export const Route = createFileRoute("/pay/$id")({
   validateSearch: (s: Record<string, unknown>) => ({
@@ -28,7 +28,7 @@ function Shell({ children }: { children: React.ReactNode }) {
     <div className="min-h-screen bg-muted/30 flex items-center justify-center p-6">
       <div className="w-full max-w-lg">
         <div className="flex items-center justify-center gap-2 mb-6">
-          <Scale className="h-6 w-6 text-primary" />
+          <JusticeIcon className="h-6 w-6" />
           <span className="font-serif text-xl">Stage Law Firm, PLLC</span>
         </div>
         <Card className="border-border/60">