Replace emoji headings with Lucide icons; unify heading icon styles across pages

src/components/ThingsToPrayFor.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import React from 'react';
+import { HandHeart } from 'lucide-react';
 
 interface Prayer {
   id: string;
@@ -48,7 +49,10 @@ export default function ThingsToPrayFor({ prayers, onEdit, onMarkPrayed }: Thing
         {/* Header */}
         <div className="text-center mb-12">
           <h1 className="text-4xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent mb-2">
-            🙏 Things to Pray For
+            <span className="inline-flex items-center gap-2 justify-center">
+              <HandHeart className="w-7 h-7 text-blue-400" />
+              Things to Pray For
+            </span>
           </h1>
           <p className="text-slate-400 text-lg">
             {thingsToPrayFor.length} active {thingsToPrayFor.length === 1 ? 'prayer request' : 'prayer requests'}