Refactor: Complete barcodeImage removal and hub3aText migration

This commit completes the migration from storing bitmap barcodes to using
decoded HUB-3A text strings, removing all legacy code while maintaining
backward compatibility during the transition period.

Database & Server Actions:
- billActions: Removed commented legacy barcodeImage code
- locationActions: Updated field references in projections
- monthActions: Use hub3aText when copying bills to new months
- printActions: Support both hub3aText and barcodeImage during migration
  - Added @deprecated annotation to barcodeImage field
  - Filter includes bills with either field
  - Pass both fields to support gradual migration

Barcode Decoder:
- Removed barcodeImage field from DecodeResult type
- Deleted copyBarcodeImage() function (58 lines)
  - No longer generating bitmaps during decode
  - Barcodes now generated on-demand from hub3aText
- Cleaner separation: decoder extracts text, component renders barcode

UI Components:
- Pdf417Barcode: Added optional className prop for styling flexibility
  - Removed unnecessary wrapper div
  - Conditional styling (use className or default dimensions)
- PrintPreview: Use Pdf417Barcode component with fallback to legacy barcodeImage
- ViewBillCard: Major cleanup and migration support
  - Removed unused imports (React, updateOrAddBill, useLocale)
  - Removed unused middleware function
  - Removed unused variables and hidden input
  - Prefer hub3aText with Pdf417Barcode, fallback to barcodeImage
  - Clear legacy support comments

Migration Strategy:
All rendering code now follows the pattern:
1. Prefer hub3aText (new field) when available
2. Fallback to barcodeImage (legacy field) if needed
3. Clear comments marking legacy support code
4. Allows gradual migration without breaking existing bills

Benefits:
- More efficient storage (text vs base64 bitmap)
- Barcodes generated on-demand (not stored)
- Cleaner, more maintainable code
- Consistent use of Pdf417Barcode component
- Removed ~60 lines of unused code

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

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

app/lib/actions/billActions.ts

@@ -146,7 +146,6 @@ export const updateOrAddBill = withUser(async (user:AuthenticatedUser, locationI
 
     const billPaid = formData.get('billPaid') === 'on';
     const billedTo = (formData.get('billedTo') as BilledTo) ?? BilledTo.Tenant;
-    // const barcodeImage = formData.get('barcodeImage')?.valueOf() as string; // LEGACY FIELD - not used anymore
     const hub3aText = formData.get('hub3aText')?.valueOf() as string;
 
     // update the bill in the mongodb
@@ -165,7 +164,6 @@ export const updateOrAddBill = withUser(async (user:AuthenticatedUser, locationI
             "bills.$[elem].attachment": billAttachment,
             "bills.$[elem].notes": billNotes,
             "bills.$[elem].payedAmount": payedAmount,
-            // "bills.$[elem].barcodeImage": barcodeImage, // LEGACY FIELD - not used anymore
             "bills.$[elem].hub3aText": hub3aText,
             
         }: {
@@ -174,7 +172,6 @@ export const updateOrAddBill = withUser(async (user:AuthenticatedUser, locationI
             "bills.$[elem].billedTo": billedTo,
             "bills.$[elem].notes": billNotes,
             "bills.$[elem].payedAmount": payedAmount,
-            // "bills.$[elem].barcodeImage": barcodeImage, // LEGACY FIELD - not used anymore
             "bills.$[elem].hub3aText": hub3aText,
         };
 
@@ -201,7 +198,6 @@ export const updateOrAddBill = withUser(async (user:AuthenticatedUser, locationI
             attachment: billAttachment,
             notes: billNotes,
             payedAmount,
-            // barcodeImage, // LEGACY FIELD - not used anymore
             hub3aText,
         };
 
@@ -266,7 +262,6 @@ export const updateOrAddBill = withUser(async (user:AuthenticatedUser, locationI
                                             attachment: null, // No attachment for subsequent months
                                             notes: billNotes,
                                             payedAmount: null,
-                                            // barcodeImage: undefined, // LEGACY FIELD - not used anymore
                                             hub3aText: undefined,
                                         }
                                     }

app/lib/actions/locationActions.ts

@@ -432,7 +432,7 @@ export const fetchAllLocations = withUser(async (user:AuthenticatedUser, year:nu
                     "seenByTenant": 1,
                     // "bills.attachment": 0,
                     // "bills.notes": 0,
-                    // "bills.barcodeImage": 1,
+                    // "bills.hub3aText": 1,
                 },
             },
             {

app/lib/actions/monthActions.ts

@@ -53,7 +53,7 @@ export const addMonth = withUser(async (user:AuthenticatedUser, { year, month }:
                     attachment: null,
                     notes: null,
                     payedAmount: null,
-                    barcodeImage: undefined,
+                    hub3aText: undefined,
                 } as Bill
             })
         } as BillingLocation);

app/lib/actions/printActions.ts

@@ -9,7 +9,12 @@ import { unstable_noStore as noStore } from 'next/cache';
 export interface PrintBarcodeData {
   locationName: string;
   billName: string;
-  barcodeImage: string;
+  /**
+   * LEGACY SUPPORT ... untill all bills have been migrated 
+   * @deprecated Use `hub3aText` instead.
+  */
+  barcodeImage?: string;
+  hub3aText?: string;
   payedAmount?: number | null;
 }
 
@@ -42,11 +47,15 @@ export const fetchBarcodeDataForPrint = withUser(async (user: AuthenticatedUser,
     for (const location of locations) {
         for (const bill of location.bills) {
             // Only include bills that have barcode images
-            if (bill.barcodeImage && bill.barcodeImage.trim() !== "") {
+            if ( ( bill.hub3aText && bill.hub3aText.trim() !== "") ||
+                // LEGACY SUPPORT ... untill all bills have been migrated
+                 (bill.barcodeImage && bill.barcodeImage.trim() !== "")
+                ) {
                 printData.push({
                     locationName: location.name,
                     billName: bill.name,
-                    barcodeImage: bill.barcodeImage,
+                    barcodeImage: bill.barcodeImage, // LEGACY SUPPORT ... untill all bills have been migrated
+                    hub3aText: bill.hub3aText,
                     payedAmount: bill.payedAmount
                 });
             }

app/lib/pdf/barcodeDecoder.ts

@@ -206,7 +206,6 @@ const pdf2canvas = async function (pdfFile:File): Promise<Array<HTMLCanvasElemen
 export type DecodeResult = {
     hub3aText: string,
     billInfo: BillInfo,
-    barcodeImage: string,
 };
 
 /**
@@ -278,7 +277,6 @@ const decodeFromCanvas = async (canvas:HTMLCanvasElement): Promise<Array<DecodeR
                         codesFoundInSection.push({
                             hub3aText,
                             billInfo: parseHubText(hub3aText),
-                            barcodeImage: copyBarcodeImage(sectionCanvas, result)
                         });
                     }
                     
@@ -311,58 +309,6 @@ const decodeFromCanvas = async (canvas:HTMLCanvasElement): Promise<Array<DecodeR
     }
 }
 
-/**
- * Copies bar code from the given canvas
- * 
-*/
-const copyBarcodeImage = (canvas:HTMLCanvasElement, decoderResult:Result):string => {
-
-    // get coordinates of bar code
-    const points = decoderResult.getResultPoints();
-
-    // get outter coordinates of the bar code
-    const codeLocation = points.reduce((acc, point) => {
-        
-        const x = point.getX();
-        const y = point.getY();
-        let result = {
-            top: y < acc.top ? y: acc.top,
-            left: x < acc.left ? x: acc.left,
-            bottom: y > acc.bottom ? y: acc.bottom,
-            right: x > acc.right ? x: acc.right
-        };
-
-        return({
-            ...result,
-            width: result.right - result.left,
-            height: result.bottom - result.top,
-        });
-    }, {
-        top: Number.MAX_SAFE_INTEGER,
-        left: Number.MAX_SAFE_INTEGER,
-        bottom: 0,
-        right: 0,
-        width: 0,
-        height: 0
-    });
-
-    // copy section of the canvas containing bar code to another canvas
-    const tempCanvas = document.createElement('canvas');
-    const tempContext = tempCanvas.getContext('2d');
-
-    tempCanvas.width = codeLocation.width;
-    tempCanvas.height = codeLocation.height;
-
-    // Draw the portion of the original canvas onto the temporary canvas
-    // Assuming you want to copy a 100x100 pixels square starting from (50, 50) of the original canvas
-    tempContext?.drawImage(canvas, codeLocation.left, codeLocation.top, codeLocation.width, codeLocation.height, 0, 0, codeLocation.width, codeLocation.height);
-
-    // Convert the temporary canvas to a data URL
-    const dataURL = tempCanvas.toDataURL();
-
-    return(dataURL);
-}
-
 /** Finds PDF417 code within a base64 encoded image and decodes it */
 export const decodeFromImage = async (imageBase64:string): Promise<DecodeResult[]|null> => {
     return(await decodeFromCanvas( await image2canvas(imageBase64) ));