feat(ui): crear e integrar suite de iconos SVG, PNG e ICO para Help Desk y favicon

views/auth/login.ejs

@@ -22,9 +22,10 @@
 <div class="row justify-content-center mt-5">
     <div class="col-md-5">
         <div class="card shadow">
-            <div class="card-header bg-primary text-white text-center">
-                <h4><i class="fas fa-headset"></i> Help Desk</h4>
-                <span>Iniciar Sesión</span>
+            <div class="card-header bg-primary text-white text-center py-3">
+                <img src="/img/logo.svg" alt="Help Desk" width="48" height="48" class="mb-2 shadow-sm rounded-3">
+                <h4 class="mb-0 fw-bold">Help Desk</h4>
+                <small class="text-white-50">Iniciar Sesión</small>
             </div>
             <div class="card-body">
                 <form action="/login" method="POST">

views/auth/register.ejs

@@ -15,9 +15,10 @@
 <div class="row justify-content-center mt-5">
     <div class="col-md-5">
         <div class="card shadow">
-            <div class="card-header bg-success text-white text-center">
-                <h4><i class="fas fa-user-plus"></i> Crear Cuenta</h4>
-                <small>Registra tu empresa</small>
+            <div class="card-header bg-success text-white text-center py-3">
+                <img src="/img/logo.svg" alt="Help Desk" width="48" height="48" class="mb-2 shadow-sm rounded-3">
+                <h4 class="mb-0 fw-bold">Crear Cuenta</h4>
+                <small class="text-white-50">Registra tu empresa en Help Desk</small>
             </div>
             <div class="card-body">
                 <form action="/register" method="POST">

views/partials/header.ejs

@@ -4,6 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Help Desk - <%= typeof title !== 'undefined' ? title : 'Sistema de Tickets' %></title>
+    <link rel="icon" type="image/svg+xml" href="/img/favicon.svg">
+    <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
+    <link rel="shortcut icon" href="/favicon.ico">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
     <link href="/css/style.css" rel="stylesheet">

views/partials/navbar.ejs

@@ -1,7 +1,8 @@
 <nav class="navbar navbar-dark bg-dark sticky-top">
     <div class="container-fluid">
-        <a class="navbar-brand" href="/">
-            <i class="fas fa-headset"></i> Help Desk
+        <a class="navbar-brand d-flex align-items-center gap-2" href="/">
+            <img src="/img/logo.svg" alt="Help Desk Logo" width="28" height="28" class="d-inline-block align-text-top rounded-1">
+            <span>Help Desk</span>
         </a>
         <% if (user) { %>
         <div class="d-flex align-items-center">