feat(ui): rediseño integral de UI/UX de la aplicación (navbar, sidebar offcanvas, KPIs, tablas y chat de tickets)

views/partials/header.ejs

@@ -9,17 +9,21 @@
     <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">
+    <!-- Google Fonts: Plus Jakarta Sans -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
     <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">
 </head>
-<body>
+<body class="<%= user ? 'app-body' : 'auth-body' %>">
     <%- include('navbar') %>
-    <div class="container-fluid">
+    <div class="container-fluid app-container-fluid">
         <div class="row">
             <% if (user) { %>
                 <%- include('sidebar') %>
-                <main class="col-md-9 ms-sm-auto col-lg-10 px-4">
+                <main class="col-md-9 ms-sm-auto col-lg-10 px-md-4 main-content">
             <% } else { %>
                 <main class="col-12 px-2 px-sm-3 px-md-4">
             <% } %>