feat: add TareasComponent route and update cards for task visualization

Front/src/app/modules/Administrador/admin-routing.module.ts

@@ -22,6 +22,7 @@ import { AdminFormComponent } from './pages/admin-form/admin-form.component';
 import { FormSelectorComponent } from './pages/admin-form/form-selector/form-selector.component';
 import { DynamicFormComponentComponent } from './pages/admin-form/dynamic-form-component/dynamic-form-component.component';
 import { PeriodosComponent } from './pages/periodos/periodos.component';
+import { TareasComponent } from './pages/tareas/tareas.component';
 
 
 const routes: Routes = [
@@ -44,20 +45,21 @@ const routes: Routes = [
             { path: 'alumnos-padres', component: AlumnosPadresComponent },
             { path: 'profesores-materias', component: ProfesorMateriasComponent },
             { path: 'tipoTarea', component: TiposTareasComponent },
+            { path: 'tareas', component: TareasComponent },
             { path: 'periodos', component: PeriodosComponent },
 
             { path: 'personalizar', component: PersonalizarComponent },
-            {path:'seguimiento', component: SeguimientoComponent},
+            { path: 'seguimiento', component: SeguimientoComponent },
 
             //módulo adminitración escolar
             { path: 'circulares', component: CircularesComponent },
-            {path: 'formularios', component: AdminFormComponent},
-            {path: 'verFormulario', component: FormSelectorComponent},
-            {path: 'visualizarForm/:id', component: DynamicFormComponentComponent},
+            { path: 'formularios', component: AdminFormComponent },
+            { path: 'verFormulario', component: FormSelectorComponent },
+            { path: 'visualizarForm/:id', component: DynamicFormComponentComponent },
 
 
 
-            {path:'consularRegistro', component : ConsultarRegistroAcayAdmiComponent},
+            { path: 'consularRegistro', component: ConsultarRegistroAcayAdmiComponent },
             { path: '', redirectTo: 'main', pathMatch: 'full' },
             { path: '**', redirectTo: '404' },
 

Front/src/app/modules/Administrador/administrador.module.ts

@@ -37,6 +37,7 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import { DynamicFormComponentComponent } from './pages/admin-form/dynamic-form-component/dynamic-form-component.component';
 import { FormSelectorComponent } from './pages/admin-form/form-selector/form-selector.component';
 import { PeriodosComponent } from './pages/periodos/periodos.component';
+import { TareasComponent } from './pages/tareas/tareas.component';
 
 
 @NgModule({
@@ -94,6 +95,7 @@ import { PeriodosComponent } from './pages/periodos/periodos.component';
     DynamicFormComponentComponent,
     FormSelectorComponent,
     PeriodosComponent,
+    TareasComponent,
 
   ],
   imports: [

Front/src/app/modules/Administrador/components/cards/cards.component.ts

@@ -64,11 +64,12 @@ export class CardsComponent implements OnInit {
   public cardsModulos = [
     { title: 'Tipos de Tareas', icono: 'Tipo_Tarea', url: 'tipoTarea' },
     { title: 'Gestión de Periodos', icono: 'Tipo_Tarea', url: 'periodos' },
+    { title: 'Visualizar Tareas', icono: 'Tipo_Tarea', url: 'tareas' },
   ];
   public cardsPersonalizar = [
     { title: 'Personalizar', icono: 'personalizar', url: 'personalizar' },
-    {title : 'Formularios', icono:'Materia', url : 'formularios' },
-  {title : 'Publicar Formulario', icono:'Materia', url : 'verFormulario' }
+    { title: 'Formularios', icono: 'Materia', url: 'formularios' },
+    { title: 'Publicar Formulario', icono: 'Materia', url: 'verFormulario' }
 
   ];
   public variable1: string = "";