feat: implement full authentication system with CSRF protection and email verification flow

app/afrolife/[id]/page.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import Link from 'next/link';
 import { notFound } from 'next/navigation';
 import { ArrowLeft, Share2, Play, Calendar, User, Building2, MapPin, ArrowRight } from 'lucide-react';
+import { sanitizeHTML } from '../../../lib/sanitize';
 import { prisma } from '../../../lib/prisma';
 import { InterviewType } from '@prisma/client';
 
@@ -158,10 +159,10 @@ export default async function AfroLifeDetailPage({ params }: Props) {
                 {/* Description / Article Content / Event Content */}
                 <div className="prose prose-lg prose-orange max-w-none mx-auto text-gray-600 break-words overflow-hidden">
                     {isEvent ? (
-                        <div dangerouslySetInnerHTML={{ __html: (event as any).description }} />
+                        <div dangerouslySetInnerHTML={{ __html: sanitizeHTML((event as any).description) }} />
                     ) : (
                         !isVideo && (interview as any).content ? (
-                            <div dangerouslySetInnerHTML={{ __html: (interview as any).content }} />
+                            <div dangerouslySetInnerHTML={{ __html: sanitizeHTML((interview as any).content) }} />
                         ) : (
                             <p className="text-xl font-serif italic text-gray-500 border-l-4 border-brand-500 pl-6 py-2">
                                 {(interview as any).excerpt}