feat: add createSep31DirectPayment function to implement SEP-31 direct payments

apps/frontend/src/app/checkout/page.tsx

@@ -1,22 +1,22 @@
 'use client';
 
-import { useState, useEffect } from 'react';
-import { motion, AnimatePresence } from 'motion/react';
-import { QRCodeSVG } from 'qrcode.react';
 import {
-  CreditCard,
   Building2,
-  Coins,
-  Copy,
+  Check,
   CheckCircle2,
-  Shield,
+  ChevronDown,
   Clock,
+  Coins,
+  Copy,
+  CreditCard,
   ExternalLink,
-  ChevronDown,
   Loader2,
   Lock,
-  Check,
+  Shield,
 } from 'lucide-react';
+import { AnimatePresence, motion } from 'motion/react';
+import { QRCodeSVG } from 'qrcode.react';
+import { useEffect, useState } from 'react';
 import { Button } from '../components/ui/button';
 
 type PaymentMethod = 'card' | 'bank' | 'crypto';

apps/frontend/src/app/dashboard/page.tsx

@@ -1,16 +1,25 @@
 'use client';
 
+<<<<<<< HEAD
 import { motion } from 'motion/react';
+=======
+>>>>>>> fff37a6 (fix: resolve linting and build errors)
 import {
-  TrendingUp,
-  TrendingDown,
-  ArrowUpRight,
   Activity,
-  DollarSign,
-  Clock,
-  CheckCircle2,
   AlertCircle,
+<<<<<<< HEAD
 } from 'lucide-react';
+=======
+  ArrowUpRight,
+  CheckCircle2,
+  Clock,
+  DollarSign,
+  TrendingDown,
+  TrendingUp,
+} from 'lucide-react';
+import { motion } from 'motion/react';
+import { useMemo } from 'react';
+>>>>>>> fff37a6 (fix: resolve linting and build errors)
 
 const stats = [
   {
@@ -98,6 +107,9 @@ const transactions = [
 ];
 
 export default function OverviewPage() {
+  // Generate random widths for each asset once
+  const assetWidths = assets.map(() => useMemo(() => `${Math.random() * 40 + 60}%`, []));
+
   return (
     <div className="p-4 sm:p-6 lg:p-8">
       {/* Header */}
@@ -211,7 +223,11 @@ export default function OverviewPage() {
                   <motion.div
                     className="h-full bg-gradient-to-r from-white/30 to-white/10"
                     initial={{ width: 0 }}
+<<<<<<< HEAD
                     animate={{ width: `${[85, 72, 64][index % 3]}%` }}
+=======
+                    animate={{ width: assetWidths[index] }}
+>>>>>>> fff37a6 (fix: resolve linting and build errors)
                     transition={{ duration: 1, delay: 0.5 + index * 0.1 }}
                   />
                 </div>

apps/frontend/src/app/dashboard/subscriptions/page.tsx

@@ -1,7 +1,12 @@
 'use client';
 
+<<<<<<< HEAD
 import { motion } from 'motion/react';
 import { Plus, CheckCircle2, AlertCircle } from 'lucide-react';
+=======
+import { AlertCircle, CheckCircle2, Plus } from 'lucide-react';
+import { motion } from 'motion/react';
+>>>>>>> fff37a6 (fix: resolve linting and build errors)
 
 const subscriptions = [
   {

apps/frontend/src/app/dashboard/treasury/page.tsx

@@ -1,7 +1,12 @@
 'use client';
 
+<<<<<<< HEAD
 import { motion } from 'motion/react';
 import { Coins, TrendingUp, Eye, CheckCircle2 } from 'lucide-react';
+=======
+import { CheckCircle2, Coins, Eye, TrendingUp } from 'lucide-react';
+import { motion } from 'motion/react';
+>>>>>>> fff37a6 (fix: resolve linting and build errors)
 
 const mirrorAssets = [
   {

apps/frontend/src/app/dashboard/webhooks/page.tsx

@@ -1,7 +1,12 @@
 'use client';
 
+<<<<<<< HEAD
 import { motion } from 'motion/react';
 import { Plus, AlertCircle, Activity } from 'lucide-react';
+=======
+import { Activity, AlertCircle, Plus } from 'lucide-react';
+import { motion } from 'motion/react';
+>>>>>>> fff37a6 (fix: resolve linting and build errors)
 
 const webhooks = [
   {