feat: implement CompetenciasVista and DiplomasVista pages, update AppSidebar links

diplomas/src/components/app-sidebar.jsx

@@ -14,6 +14,7 @@ import {
   SidebarMenuSubItem,
   SidebarRail,
 } from "@/components/ui/sidebar";
+import Link from "next/link";
 
 // This is sample data.
 const data = {
@@ -58,7 +59,7 @@ const data = {
         {
           title: "Vista de competencias",
           url: "/competenciasVista",
-        }
+        },
       ],
     },
     {
@@ -70,7 +71,6 @@ const data = {
         },
       ],
     },
-
   ],
 };
 
@@ -100,9 +100,7 @@ export function AppSidebar({ ...props }) {
             {data.navMain.map((item) => (
               <SidebarMenuItem key={item.title}>
                 <SidebarMenuButton asChild>
-                  <a href={item.url} className="text-xl font-medium">
-                    {item.title}
-                  </a>
+                  <h1 className="text-xl font-medium">{item.title}</h1>
                 </SidebarMenuButton>
                 {item.items?.length ? (
                   <SidebarMenuSub>
@@ -113,7 +111,7 @@ export function AppSidebar({ ...props }) {
                           isActive={item.isActive}
                           className="py-5"
                         >
-                          <a href={item.url}>{item.title}</a>
+                          <Link href={item.url}>{item.title}</Link>
                         </SidebarMenuSubButton>
                       </SidebarMenuSubItem>
                     ))}

diplomas/src/pages/competenciasVista.jsx

@@ -0,0 +1,12 @@
+import Layout from "@/components/layout/Layout";
+import React from "react";
+
+export default function CompetenciasVista() {
+  return (
+    <Layout>
+      <div className="text-black">
+        <h1>Vista de competencias</h1>
+      </div>
+    </Layout>
+  );
+}

diplomas/src/pages/cursosVista.jsx

@@ -116,7 +116,6 @@ export default function CursosVista() {
             {cursos.map((curso) =>
               cursoEditando === curso.id ? (
                 <tr key={curso.id}>
-                  <td className="py-2 px-4 border-b text-center">{curso.id}</td>
                   <td className="py-2 px-4 border-b">
                     <Input
                       value={nuevoNombre}

diplomas/src/pages/diplomasVista.jsx

@@ -0,0 +1,12 @@
+import React from "react";
+import Layout from "@/components/layout/Layout";
+
+export default function DiplomasVista() {
+  return (
+    <Layout>
+      <div className="text-black">
+        <h1>Vista de diplomas</h1>
+      </div>
+    </Layout>
+  );
+}