perf(views): eliminado el Header de las vistas

src/views/AISearch.vue

-<script setup>
-import Header from '@/components/Header.vue';
-</script>
-
 <template>
 <template>
-    <Header></Header>
     <div class="container my-5">
     <div class="container my-5">
         <section class="text-center mb-5">
         <section class="text-center mb-5">
             <h1 class="display-5 fw-bold text-center-custom">Búsqueda por Inteligencia Artificial</h1>
             <h1 class="display-5 fw-bold text-center-custom">Búsqueda por Inteligencia Artificial</h1>

src/views/CreateRecipe.vue

 <template>
 <template>
-    <Header></Header>
     <div class="container my-5">
     <div class="container my-5">
         <div class="row justify-content-center">
         <div class="row justify-content-center">
             <div class="col-lg-8 col-md-10">
             <div class="col-lg-8 col-md-10">
@@ -93,7 +92,6 @@
 
 
 <script setup>
 <script setup>
 import { ref } from 'vue';
 import { ref } from 'vue';
-import Header from '@/components/Header.vue';
 
 
 const ingredients = ref([
 const ingredients = ref([
     { id: 1, quantity: '', unit: '', ingredient: '' }
     { id: 1, quantity: '', unit: '', ingredient: '' }

src/views/RecipeDetail.vue

 <template>
 <template>
-    <Header></Header>
     <div class="container my-5">
     <div class="container my-5">
         <div class="row justify-content-center">
         <div class="row justify-content-center">
             <div class="col-lg-10 col-md-11">
             <div class="col-lg-10 col-md-11">
@@ -118,7 +117,6 @@
 
 
 <script setup>
 <script setup>
 import { ref } from 'vue';
 import { ref } from 'vue';
-import Header from '@/components/Header.vue';
 
 
 // Estado de la vista: 'view' o 'edit'
 // Estado de la vista: 'view' o 'edit'
 const mode = ref('view');
 const mode = ref('view');
@@ -126,7 +124,7 @@ const mode = ref('view');
 // Datos de la receta de ejemplo
 // Datos de la receta de ejemplo
 const recipe = ref({
 const recipe = ref({
     name: 'Tarta de Manzana Clásica',
     name: 'Tarta de Manzana Clásica',
-    image: '/src/assets/default recipe.jpg',
+    image: '/src/assets/default-recipe.jpg',
     description: 'Una deliciosa tarta de manzana con un toque de canela y una corteza dorada y crujiente.',
     description: 'Una deliciosa tarta de manzana con un toque de canela y una corteza dorada y crujiente.',
     ingredients: [
     ingredients: [
         { quantity: 2, unit: 'tazas', ingredient: 'harina de trigo' },
         { quantity: 2, unit: 'tazas', ingredient: 'harina de trigo' },

src/views/Recipes.vue

 <script setup>
 <script setup>
-import Header from '@/components/Header.vue';
 import RecipeCard from '@/components/RecipeCard.vue';
 import RecipeCard from '@/components/RecipeCard.vue';
 </script>
 </script>
 
 
 <template>
 <template>
-    <Header :show-search="true"></Header>
     <section class="bg-custom py-5 flex-grow-1">
     <section class="bg-custom py-5 flex-grow-1">
         <div class="container px-4 px-lg-5 mt-5">
         <div class="container px-4 px-lg-5 mt-5">
             <div class="d-flex flex-wrap gap-3 justify-content-center">
             <div class="d-flex flex-wrap gap-3 justify-content-center">

src/views/UserDetail.vue

 <template>
 <template>
-    <Header></Header>
     <div class="container">
     <div class="container">
         <div class="row justify-content-center">
         <div class="row justify-content-center">
             <div class="col-lg-8 col-md-10">
             <div class="col-lg-8 col-md-10">
@@ -100,7 +99,6 @@
 
 
 <script setup>
 <script setup>
 import { ref } from 'vue';
 import { ref } from 'vue';
-import Header from '@/components/Header.vue';
 
 
 const mode = ref('view');
 const mode = ref('view');
 
 

src/views/UserManagement.vue

 <template>
 <template>
-    <Header :show-search="true"></Header>
     <div class="container my-5">
     <div class="container my-5">
         <div class="row justify-content-center">
         <div class="row justify-content-center">
             <div class="col-lg-12">
             <div class="col-lg-12">
@@ -99,7 +98,6 @@
 
 
 <script setup>
 <script setup>
 import { ref, computed } from 'vue';
 import { ref, computed } from 'vue';
-import Header from '@/components/Header.vue';
 
 
 const users = ref([
 const users = ref([
     { id: 1, name: 'Adrián', surname: 'García Pérez', email: 'adrian@example.com', role: 'Usuario', active: true, deactivatedAt: null },
     { id: 1, name: 'Adrián', surname: 'García Pérez', email: 'adrian@example.com', role: 'Usuario', active: true, deactivatedAt: null },