MVP ready to test

src/app/(app)/bulk-creation/page.tsx

@@ -11,6 +11,7 @@ import { Select } from '@/components/ui/Select';
 import { QRCodeSVG } from 'qrcode.react';
 import { showToast } from '@/components/ui/Toast';
 import { useTranslation } from '@/hooks/useTranslation';
+import { useCsrf } from '@/hooks/useCsrf';
 import JSZip from 'jszip';
 import { saveAs } from 'file-saver';
 
@@ -27,6 +28,7 @@ interface GeneratedQR {
 
 export default function BulkCreationPage() {
   const { t } = useTranslation();
+  const { fetchWithCsrf } = useCsrf();
   const [step, setStep] = useState<'upload' | 'preview' | 'complete'>('upload');
   const [data, setData] = useState<BulkQRData[]>([]);
   const [mapping, setMapping] = useState<Record<string, string>>({});
@@ -200,11 +202,8 @@ export default function BulkCreationPage() {
 
       // Save each QR code to the database
       const savePromises = qrCodesToSave.map((qr) =>
-        fetch('/api/qrs', {
+        fetchWithCsrf('/api/qrs', {
           method: 'POST',
-          headers: {
-            'Content-Type': 'application/json',
-          },
           body: JSON.stringify(qr),
         })
       );