Fix top navigation overlap - standardize pt-24 padding on all pages

src/components/AboutPage.tsx

@@ -157,7 +157,7 @@ export default function AboutPage({ userEmail }: AboutPageProps) {
   };
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-900 to-slate-800 p-4 pb-32 pt-8">
+    <div className="min-h-screen bg-gradient-to-b from-slate-900 to-slate-800 p-4 pb-32 pt-24">
       <div className="max-w-md mx-auto">
         {/* Header */}
         <div className="text-center mb-8">

src/components/AnsweredPrayers.tsx

@@ -21,9 +21,9 @@ export default function AnsweredPrayers({ prayers, onEdit }: AnsweredPrayersProp
   const answeredPrayers = prayers.filter(p => p.answered);
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 p-4 pb-32">
+    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 p-4 pb-32 pt-24">
       <div className="max-w-md mx-auto">
-        <h1 className="text-3xl font-bold text-slate-900 dark:text-white mb-2 mt-6">Answered Prayers</h1>
+        <h1 className="text-3xl font-bold text-slate-900 dark:text-white mb-2">Answered Prayers</h1>
         <p className="text-slate-600 dark:text-slate-400 mb-6">Celebrate prayers God has answered</p>
 
         {answeredPrayers.length > 0 ? (

src/components/CalendarView.tsx

@@ -56,7 +56,7 @@ export default function CalendarView({ prayers, onDayClick }: CalendarViewProps)
   }
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 pt-20 px-4 pb-8">
+    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 pt-24 px-4 pb-8">
       <div className="max-w-4xl mx-auto">
         {/* Header */}
         <div className="text-center mb-8">

src/components/DailyEntry.tsx

@@ -39,7 +39,7 @@ export default function DailyEntry({
   const wordCount = text.split(/\s+/).filter(w => w).length;
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 pt-20 px-4 pb-8">
+    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 pt-24 px-4 pb-8">
       {/* Animated Background */}
       <div className="fixed inset-0 -z-10">
         <div className="absolute top-40 right-20 w-80 h-80 bg-blue-500/10 rounded-full blur-3xl"></div>

src/components/ReflectionsList.tsx

@@ -69,7 +69,7 @@ export default function PrayerList({ prayers, onPrayerClick, onEdit }: PrayerLis
   const resultCount = filtered.length;
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-900 to-slate-800 pt-20 px-4 pb-8">
+    <div className="min-h-screen bg-gradient-to-b from-slate-900 to-slate-800 pt-24 px-4 pb-8">
       <div className="max-w-2xl mx-auto">
         {/* Header */}
         <div className="text-center mb-8">

src/components/ThingsToPrayFor.tsx

@@ -37,7 +37,7 @@ export default function ThingsToPrayFor({ prayers, onEdit, onMarkPrayed }: Thing
   });
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 pt-20 px-4 pb-8">
+    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 pt-24 px-4 pb-8">
       {/* Animated Background */}
       <div className="fixed inset-0 -z-10">
         <div className="absolute top-40 right-20 w-80 h-80 bg-blue-500/10 rounded-full blur-3xl"></div>