feat: formatting revolut link

app/ui/ViewLocationCard.tsx

@@ -9,7 +9,7 @@ import { ViewBillBadge } from "./ViewBillBadge";
 import { Pdf417Barcode } from "./Pdf417Barcode";
 import { EncodePayment, PaymentParams } from "hub-3a-payment-encoder";
 import Link from "next/link";
-import { DocumentIcon } from "@heroicons/react/24/outline";
+import { DocumentIcon, LinkIcon } from "@heroicons/react/24/outline";
 import { uploadUtilBillsProofOfPayment } from "../lib/actions/locationActions";
 import QRCode from "react-qr-code";
 
@@ -156,10 +156,11 @@ export const ViewLocationCard:FC<ViewLocationCardProps> = ({location, userSettin
                                     <QRCode value={revolutPaymentUrl} size={200} className="p-4 bg-white border border-gray-300 rounded-box" />
                                 </div>
                                 <p className="text-center mt-1 mb-3">
+                                    <LinkIcon className="h-[1em] w-[1em] text-2xl inline-block mr-1 ml-[-.5em]"/>
                                     <Link
                                         href={revolutPaymentUrl}
                                         target="_blank"
-                                        className="text-blue-600 underline"
+                                        className="underline"
                                     >
                                         {t("revolut-link-text")}
                                     </Link>