refactor(frontend): ajusta layout e imports

- Remove Navigate não usado e marca enums apenas como tipo
- Evita classe 'undefined' no Layout ao compor className opcional
- Simplifica estilos do Login para rótulos, logo e wrapper de senha

frontend/src/App.tsx

@@ -1,4 +1,4 @@
-import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import './App.css';
 import { Login } from './pages/Login';
 import { Dashboard } from './pages/Dashboard';

frontend/src/components/Layout.tsx

@@ -1,12 +1,17 @@
+import type { ReactNode } from "react";
+
 interface Props {
-    children: React.ReactNode
-    className?: string
+    children: ReactNode;
+    className?: string;
 }
 
 export const Layout = ({ children, className }: Props) => {
+    const baseClass = "mx-[5%] items-center";
+    const layoutClass = className ? `${baseClass} ${className}` : baseClass;
+
     return (
-        <div className={`mx-[5%] items-center ${className}`}>
+        <div className={layoutClass}>
             {children}
         </div>
     );
-};
+};

frontend/src/pages/Login.tsx

@@ -50,11 +50,11 @@ export const Login = () => {
 
     return (
         <Layout className={Styles.layout}>
-            <img src="/logo.webp " alt="Logo" className={Styles.logo} />
+            <img src="/logo.webp " alt="Logo" className="w-36 h-36 mx-auto mb-4" />
             <div className={Styles.card}>
                 <form onSubmit={handleSubmit}>
                     <div>
-                        <label htmlFor="email" className={Styles.label}>Email:</label>
+                        <label htmlFor="email" className="block mb-2 text-md font-medium text-text">Email:</label>
                         <input 
                             type="email" 
                             id="email" 
@@ -64,8 +64,8 @@ export const Login = () => {
                             className={Styles.input} 
                             onChange={handleChange}/>
                     </div>
-                    <div className={Styles.inputWrapper}>
-                        <label htmlFor="password" className={Styles.label}>Password:</label>
+                    <div className="relative">
+                        <label htmlFor="password" className="block mb-2 text-md font-medium text-text">Password:</label>
                         <input
                             type={showPassword ? "text" : "password"}
                             id="password"
@@ -96,10 +96,7 @@ export const Login = () => {
 
 const Styles = {
     layout: "h-screen flex flex-col gap-4 justify-center animate-fade-up",
-    logo: "w-36 h-36 mx-auto mb-4",
     card: "w-96 p-8 shadow-lg rounded-lg border border-cardBorder bg-card",
-    label: "block mb-2 text-md font-medium text-text",
-    inputWrapper: "relative",
     input: "bg-gray-50 border border-cardBorder text-text text-md rounded-lg outline-none block w-full p-2.5",
     iconButton: "absolute right-3 top-1/2 text-text p-1 focus:outline-none",
     button: "w-full bg-accent p-2 rounded-md mt-4 text-white font-bold text-lg hover:bg-hover transition duration-150",

frontend/src/types/Server.ts

@@ -1,4 +1,4 @@
-import { Applications, DatabaseType, ServersType } from "./enums";
+import type { Applications, DatabaseType, ServersType } from "./enums";
 
 export interface Server {
     id: string;