feat: correo via banco mail, rol supervisor y lint en cero

frontend/src/app/layout.tsx

@@ -1,5 +1,5 @@
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
+import { Inter, Fira_Sans } from "next/font/google";
 import "bootstrap/dist/css/bootstrap.min.css";
 import "./globals.css";
 import { AuthProvider } from "@/lib/auth";
@@ -9,6 +9,12 @@ const inter = Inter({
   subsets: ["latin"],
 });
 
+const firaSans = Fira_Sans({
+  variable: "--font-fira-sans",
+  subsets: ["latin"],
+  weight: ["300", "400", "500", "600", "700"],
+});
+
 export const metadata: Metadata = {
   title: "HelpDesk ICHN",
   description: "Sistema de Gestión de Tickets de Soporte - ICHN",
@@ -20,18 +26,14 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="es" className={`${inter.variable} h-full antialiased`}>
+    <html lang="es" className={`${inter.variable} ${firaSans.variable} h-full antialiased`}>
       <head>
         <link
           rel="stylesheet"
           href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
         />
-        <link
-          rel="stylesheet"
-          href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;600;700&display=swap"
-        />
       </head>
-      <body style={{ fontFamily: "'Fira Sans', sans-serif" }}>
+      <body style={{ fontFamily: "var(--font-fira-sans), sans-serif" }}>
         <AuthProvider>{children}</AuthProvider>
       </body>
     </html>