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

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">