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

src/components/DailyEntry.tsx

@@ -2,6 +2,7 @@
 
 import React, { useState } from 'react';
 import toast from 'react-hot-toast';
+import { PenSquare } from 'lucide-react';
 
 interface DailyEntryProps {
   date: string;
@@ -50,7 +51,10 @@ export default function DailyEntry({
         {/* 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">
-            {isToday ? "✍️ Today's Prayer" : '📝 Prayer Entry'}
+            <span className="inline-flex items-center gap-2 justify-center">
+              <PenSquare className="w-7 h-7 text-blue-400" />
+              {isToday ? "Today's Prayer" : 'Prayer Entry'}
+            </span>
           </h1>
           <p className="text-slate-400 text-lg">
             {new Date(date).toLocaleDateString('en-US', {