Modificar logos y tema

resources/js/Pages/Welcome.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { Head, Link } from '@inertiajs/vue3';
+import ApplicationLogo from '@/Components/ApplicationLogo.vue';
 
 defineProps({
     canLogin: {
@@ -19,7 +20,7 @@ defineProps({
             <header class="hero-card rounded-4 px-3 px-lg-4 py-3 mb-4">
                 <div class="d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
                     <div class="d-flex align-items-center gap-3">
-                        <div class="brand-badge">GT</div>
+                        <ApplicationLogo style="height: 48px; width: 48px;" />
                         <div>
                             <h1 class="h4 mb-1">Gestor de Tareas</h1>
                             <p class="text-muted mb-0 small">Organiza proyectos, prioriza tareas y avanza sin perder el control.</p>