Unify nav styling; replace remaining emojis with Lucide icons (cards + loader); add brand icon in top nav

src/components/ThingsToPrayFor.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import React from 'react';
-import { HandHeart } from 'lucide-react';
+import { HandHeart, Sparkles } from 'lucide-react';
 
 interface Prayer {
   id: string;
@@ -60,8 +60,8 @@ export default function ThingsToPrayFor({ prayers, onEdit, onMarkPrayed }: Thing
         </div>
 
         {thingsToPrayFor.length === 0 ? (
-          <div className="text-center py-12">
-            <div className="text-6xl mb-4 animate-bounce">✨</div>
+            <div className="text-center py-12">
+            <Sparkles className="w-12 h-12 mb-4 text-blue-400 animate-pulse mx-auto" />
             <p className="text-white font-semibold mb-2">All Caught Up!</p>
             <p className="text-slate-400">
               You've marked all your prayers as answered. Praise God for His faithfulness!
@@ -92,7 +92,7 @@ export default function ThingsToPrayFor({ prayers, onEdit, onMarkPrayed }: Thing
                         className="bg-slate-800/60 backdrop-blur-xl rounded-xl p-5 shadow-md border border-slate-700/50 transition-all hover:shadow-xl hover:bg-slate-800/80"
                       >
                         <div className="flex items-start gap-3">
-                          <div className="text-3xl mt-0.5">🙏</div>
+                          <HandHeart className="w-7 h-7 text-blue-400 mt-0.5" />
                           <div className="flex-1 min-w-0">
                             <p className="text-base text-slate-200 line-clamp-3 mb-3">
                               {prayer.text}