Refactor components by removing unused imports and optimizing state management; add configuration for Azure Static Web Apps

src/components/historico/HistorialCambiosModal.tsx

@@ -2,7 +2,6 @@ import { useQuery } from "@tanstack/react-query"
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog"
 import { Button } from "@/components/ui/button"
 import { supabase } from "@/auth/supabase"
-import ReactMarkdown from "react-markdown"
 import { useSupabaseAuth } from "@/auth/supabase"
 
 export function HistorialCambiosModal({

src/components/planes/AddAsignaturaButton.tsx

@@ -6,15 +6,12 @@ import { Input } from "@/components/ui/input"
 import { Textarea } from "@/components/ui/textarea"
 import { AuroraButton } from "@/components/effect/aurora-button"
 import confetti from "canvas-confetti"
-import { useQueryClient } from "@tanstack/react-query"
 import { supabase, useSupabaseAuth } from "@/auth/supabase"
 import { Field } from "./Field"
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs"
-import { asignaturaKeys } from "./planQueries"
 import { useRouter } from "@tanstack/react-router"
 
 export function AddAsignaturaButton({ planId, onAdded }: { planId: string; onAdded?: () => void }) {
-  const qc = useQueryClient()
   const router = useRouter()
   const supabaseAuth = useSupabaseAuth()
   const [open, setOpen] = useState(false)

src/components/planes/DownloadPlanPDF.tsx

@@ -33,7 +33,6 @@ export function DownloadPlanPDF({ plan }: { plan: PlanLike }) {
         const sectionGap = 10 // Espacio entre recuadros de sección
         const bodyFontSize = 10.5
         const headingFontSize = 12
-        const subHeadingFontSize = 10
         const bulletGlifo = "\u21D2" // Flecha doble (⇒) para el glifo
         const bulletIndent = 6 // Sangría para el texto de la lista
 

src/components/planes/academic-sections.tsx

@@ -72,7 +72,7 @@ const rgba = (rgb: [number, number, number], a: number) => `rgba(${rgb[0]},${rgb
 /* =====================================================
    Expandable text
 ===================================================== */
-function ExpandableText({ text, mono = false }: { text?: string | string[] | null; mono?: boolean }) {
+function ExpandableText({ text }: { text?: string | string[] | null; mono?: boolean }) {
   const [open, setOpen] = useState(false)
   if (!text || (Array.isArray(text) && text.length === 0)) {
     return <span className="text-neutral-400">—</span>
@@ -127,16 +127,6 @@ export function AcademicSections({ planId, color }: { planId: string; color?: st
   const [editing, setEditing] = useState<null | { key: keyof PlanTextFields; title: string }>(null)
   const [draft, setDraft] = useState("")
 
-  const plan_format={
-  "objetivo_general": "...",
-  "sistema_evaluacion": "...",
-  "perfil_ingreso": "...",
-  "perfil_egreso": "...",
-  "competencias_genericas": "...",
-  "competencias_especificas": "...",
-  "indicadores_desempeno": "...",
-  "pertinencia": "..."
-}
 
   // --- mutation con actualización optimista ---
   const updateField = useMutation({
@@ -313,12 +303,12 @@ export function AcademicSections({ planId, color }: { planId: string; color?: st
         </DialogFooter>
       </DialogContent>
     </Dialog>
-      <HistorialCambiosModal
+    <HistorialCambiosModal
       open={openHistorial}
       onClose={() => setOpenHistorial(false)}
       planId={planId}
       onRestore={async (key, value) => {        
-        updateField.mutate({ key, value })
+        updateField.mutate({ key: key as keyof PlanTextFields, value })
       }}
     />