added new headers and added table in asignation table

app/(private)/Programas/page.tsx

@@ -1,10 +1,11 @@
 "use client";
 
 import { useState, useEffect } from "react";
-import styleprograms from "./programas.module.css";
 import { envConfig } from "@/app/lib/config";
+import styleprograms from "./programas.module.css";
 import axios from "axios";
 import Swal from "sweetalert2";
+import Cookies from "js-cookie";
 
 interface Programa {
   id_programa: number;
@@ -17,6 +18,9 @@ export default function Page() {
   const [programas, setProgramas] = useState<Programa[]>([]);
   const [nombrePrograma, setNombrePrograma] = useState("");
 
+  const token = Cookies.get("token");
+  const headers = { Authorization: `Bearer ${token}` };
+
   const cargarProgramas = async () => {
     try {
       const response = await axios.get(`${envConfig.apiUrl}/programa/`);
@@ -63,13 +67,14 @@ export default function Page() {
 
   const handleGuardar = async () => {
     if (!programaSeleccionado) return;
-
     try {
+
       await axios.patch(
         `${envConfig.apiUrl}/programa/${programaSeleccionado}`,
         {
           programa: nombrePrograma,
-        }
+        },
+        { headers },
       );
 
       await cargarProgramas();
@@ -107,7 +112,9 @@ export default function Page() {
 
     try {
       await axios.delete(
-        `${envConfig.apiUrl}/programa/${programaSeleccionado}`
+        `${envConfig.apiUrl}/programa/${programaSeleccionado}`,
+        { headers },
+
       );
 
       await cargarProgramas();