Fix ESLint warnings for img elements

Add ESLint disable comments for @next/next/no-img-element warnings where appropriate (barcode images with base64 data URIs don't benefit from Next.js Image optimization) and add missing alt attribute to PDF417 barcode component.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

app/ui/Pdf417Barcode.tsx

@@ -23,6 +23,7 @@ export const Pdf417Barcode:FC<{hub3aText:string, className?: string}> = ({hub3aT
     }
 
     return (
-        <img src={bitmapData} className={className} style={className ? undefined : { width: "350px", height: "92px" }} />
+        // eslint-disable-next-line @next/next/no-img-element
+        <img src={bitmapData} alt="PDF417 Barcode" className={className} style={className ? undefined : { width: "350px", height: "92px" }} />
     );
 }

app/ui/PrintPreview.tsx

@@ -136,7 +136,9 @@ export const PrintPreview: React.FC<PrintPreviewProps> = ({ data, year, month, t
                         <Pdf417Barcode hub3aText={item.hub3aText} className="max-h-28 w-auto max-w-[270px] print:m-[5em_auto] print:h-[auto] print:max-h-[85px] print:w-[69.6mm] print:max-w-[69.6mm]" />
                         : (
                           // LEGACY SUPPORT ... untill all bills have been migrated
+                          
                           item.barcodeImage ?
+                            // eslint-disable-next-line @next/next/no-img-element
                             <img
                               src={item.barcodeImage.startsWith('data:') ? item.barcodeImage : `data:image/png;base64,${item.barcodeImage}`}
                               alt={`Barcode for ${item.billName}`}

app/ui/ViewBillCard.tsx

@@ -71,6 +71,7 @@ export const ViewBillCard:FC<ViewBillCardProps> = ({ location, bill }) => {
                         barcodeImage ?
                         <div className="p-1">
                             <label className="label p-2 grow bg-white border border-gray-300 rounded-box justify-center">
+                                {/* eslint-disable-next-line @next/next/no-img-element */}
                                 <img src={barcodeImage} className="grow sm:max-w-[350px]" alt="2D Barcode" />
                             </label>
                             <p className="text-xs my-1">{t.rich('barcode-disclaimer', { br: () => <br /> })}</p>

app/ui/ViewLocationCard.tsx

@@ -108,7 +108,9 @@ export const ViewLocationCard:FC<ViewLocationCardProps> = ({location, userSettin
             hub3aText: EncodePayment(paymentParams),
             paymentParams
         });
-    }, []);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
 
     return(
         <div data-key={_id } className="card card-compact card-bordered max-w-[30em] min-w-[330px] bg-base-100 border-1 border-neutral my-1">