feat: alerts page and alert components (AlertCard, AlertsSection, AlertsTabs)

src/components/dashboard/AlertsFeed.tsx

@@ -1,5 +1,6 @@
 'use client'
 
+import Link from 'next/link'
 import { AlertTriangle, CheckCircle, Info, Clock } from 'lucide-react'
 import { cn, formatRelativeTime } from '@/lib/utils'
 
@@ -42,9 +43,9 @@ export default function AlertsFeed({
     <div className="card overflow-hidden">
       <div className="card-header flex items-center justify-between">
         <h3 className="font-medium">Alertas Recientes</h3>
-        <a href="/alertas" className="text-sm text-primary-500 hover:underline">
+        <Link href="/alerts" className="text-sm text-primary-500 hover:underline">
           Ver todas
-        </a>
+        </Link>
       </div>
 
       <div className="divide-y divide-dark-100">