feat: integrate Things to Pray For tab and add dashboard widget

src/app/page.tsx

@@ -8,6 +8,7 @@ import BottomNav from '@/components/BottomNav';
 import DailyEntry from '@/components/DailyEntry';
 import CalendarView from '@/components/CalendarView';
 import ReflectionsList from '@/components/ReflectionsList';
+import ThingsToPrayFor from '@/components/ThingsToPrayFor';
 import AboutPage from '@/components/AboutPage';
 import HomePage from '@/components/HomePage';
 import AnsweredPrayers from '@/components/AnsweredPrayers';
@@ -26,7 +27,7 @@ interface Prayer {
 }
 
 export default function Home() {
-  const [activeTab, setActiveTab] = useState<'home' | 'compose' | 'journal' | 'answered' | 'reflections' | 'about'>('home');
+  const [activeTab, setActiveTab] = useState<'home' | 'compose' | 'journal' | 'answered' | 'praying' | 'reflections' | 'about'>('home');
   const [prayers, setPrayers] = useState<Prayer[]>([]);
   const [editingPrayer, setEditingPrayer] = useState<Prayer | null>(null);
   
@@ -233,6 +234,10 @@ export default function Home() {
         <AnsweredPrayers prayers={prayers} onEdit={handleSelectPrayer} />
       )}
 
+      {activeTab === 'praying' && (
+        <ThingsToPrayFor prayers={prayers.filter(p => !p.answered)} onEdit={handleSelectPrayer} />
+      )}
+
       {activeTab === 'reflections' && (
         <ReflectionsList
           prayers={prayers}