fix: reemplazar Textarea (no existe) con textarea nativo en página sugerencias

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

admin/src/app/sugerencias/page.tsx

@@ -5,8 +5,6 @@ import { api } from '@/lib/api';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card';
 import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { Textarea } from '@/components/ui/textarea';
 import { MessageSquarePlus, CheckCircle2 } from 'lucide-react';
 
 export default function SugerenciasPage() {
@@ -64,7 +62,7 @@ export default function SugerenciasPage() {
           ) : (
             <form onSubmit={handleSubmit} className="space-y-4 pt-2">
               <div className="space-y-1.5">
-                <Label htmlFor="name">Nombre (opcional)</Label>
+                <label htmlFor="name" className="text-sm font-medium">Nombre (opcional)</label>
                 <Input
                   id="name"
                   placeholder="Tu nombre"
@@ -73,14 +71,17 @@ export default function SugerenciasPage() {
                 />
               </div>
               <div className="space-y-1.5">
-                <Label htmlFor="message">Sugerencia <span className="text-red-500">*</span></Label>
+                <label htmlFor="message" className="text-sm font-medium">
-                <Textarea
+                  Sugerencia <span className="text-red-500">*</span>
+                </label>
+                <textarea
                   id="message"
                   placeholder="Cuéntanos qué podemos mejorar..."
                   rows={5}
                   value={message}
                   onChange={(e) => setMessage(e.target.value)}
                   required
+                  className="w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-sm outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 placeholder:text-muted-foreground resize-none"
                 />
               </div>
               {error && <p className="text-sm text-red-600">{error}</p>}