feat: add answered prayers tab with answer details tracking

src/components/DailyEntry.tsx

@@ -10,6 +10,10 @@ interface DailyEntryProps {
   onTextChange: (text: string) => void;
   prayFor: string;
   onPrayForChange: (prayFor: string) => void;
+  answered?: boolean;
+  onAnsweredChange?: (answered: boolean) => void;
+  answerDetails?: string;
+  onAnswerDetailsChange?: (details: string) => void;
   onSubmit: (e: React.FormEvent) => void;
   loading?: boolean;
   isEditing?: boolean;
@@ -22,6 +26,10 @@ export default function DailyEntry({
   onTextChange,
   prayFor,
   onPrayForChange,
+  answered = false,
+  onAnsweredChange,
+  answerDetails = '',
+  onAnswerDetailsChange,
   onSubmit,
   loading = false,
   isEditing = false,
@@ -91,6 +99,37 @@ export default function DailyEntry({
             />
           </div>
 
+          {/* Answered Checkbox */}
+          <div className="flex items-center gap-3">
+            <input
+              type="checkbox"
+              id="answered"
+              checked={answered}
+              onChange={(e) => onAnsweredChange?.(e.target.checked)}
+              className="w-5 h-5 rounded border-slate-300 text-blue-600 focus:ring-blue-500 cursor-pointer"
+            />
+            <label htmlFor="answered" className="font-semibold text-slate-700 dark:text-slate-300 cursor-pointer">
+              Mark as answered
+            </label>
+          </div>
+
+          {/* Answer Details */}
+          {answered && (
+            <div>
+              <label htmlFor="answerDetails" className="block text-sm font-semibold text-slate-700 dark:text-slate-300 mb-2">
+                How was it answered?
+              </label>
+              <textarea
+                id="answerDetails"
+                value={answerDetails}
+                onChange={(e) => onAnswerDetailsChange?.(e.target.value)}
+                placeholder="Share how God answered this prayer..."
+                rows={4}
+                className="w-full px-4 py-3 rounded-lg border border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-800 text-slate-900 dark:text-white placeholder-slate-400 dark:placeholder-slate-500 focus:ring-2 focus:ring-green-500 focus:border-transparent transition-all resize-none font-serif"
+              />
+            </div>
+          )}
+
           {/* Submit Button */}
           <button
             type="submit"