page wise astryx conversion completed

src/components/StoreQRView.tsx

@@ -1,6 +1,7 @@
 import React, { useMemo, useRef } from 'react';
 import { QRCodeSVG, QRCodeCanvas } from 'qrcode.react';
 import { MapPin, ScanLine, AlertTriangle, Download } from 'lucide-react';
+import { Button } from '@astryxdesign/core/Button';
 import { buildStoreQrPayload } from '../services/fiestaApi';
 
 interface StoreQRViewProps {
@@ -119,13 +120,13 @@ export default function StoreQRView({
 
       {/* Download Action Button */}
       <div className="w-full mt-6">
-        <button
+        <Button
+          label="Download QR Code"
+          icon={<Download size={14} />}
           onClick={downloadPng}
+          style={{ height: 'auto' }}
           className="w-full flex items-center justify-center gap-2 py-3 px-5 bg-gradient-to-r from-[#662582] to-indigo-650 hover:from-purple-800 hover:to-indigo-700 text-white rounded-xl text-xs font-bold uppercase tracking-wider cursor-pointer active:scale-95 transition-all shadow-md border-none"
-        >
-          <Download size={14} />
-          Download QR Code
-        </button>
+        />
       </div>
 
       {/* Hidden high-res canvas — source for the PNG download */}