feat: enhance MAC address guide with contact button for assistance

components/devices-to-pay.tsx

@@ -103,7 +103,7 @@ export default function DevicesToPay({
 										onClick={async () => {
 											setVerifyingTransferPayment(true);
 											try {
-												const res = await verifyPayment({
+												await verifyPayment({
 													id: payment?.id ?? "",
 													method: "TRANSFER"
 												});

components/how-to-get-mac.tsx

@@ -4,6 +4,10 @@ import {
   AccordionItem,
   AccordionTrigger,
 } from "@/components/ui/accordion"
+import { Button } from "@/components/ui/button"
+import { PhoneIcon } from "lucide-react"
+import Link from "next/link"
+
 
 export function GetMacAccordion() {
   return (
@@ -17,7 +21,7 @@ export function GetMacAccordion() {
         <AccordionContent className="flex flex-col gap-4 text-balance">
           <p>
             A MAC (Media Access Control) address is a unique identifier assigned
-            to a device's network. It is used to identify the device on a
+            to a device`&apos;`s network. It is used to identify the device on a
             network, helping to differentiate devices on a network.
           </p>
           <Accordion type="single" collapsible className="w-full">
@@ -49,7 +53,17 @@ export function GetMacAccordion() {
             <AccordionItem value="other">
               <AccordionTrigger>Other Device</AccordionTrigger>
               <AccordionContent>
-                Please contact SAR Link for assistance.
+                <p>
+                  Please contact SAR Link for assistance.
+                </p>
+                <Link
+                  href="tel:+9609198026"
+                >
+                  <Button className="mt-4">
+                    <PhoneIcon className="mr-2" />
+                    9198026
+                  </Button>
+                </Link>
               </AccordionContent>
             </AccordionItem>
           </Accordion>