fix: HealthCheckPage to LESS and fix selectors

src/pages/HealthCheckPage/HealthCheckPage.less

@@ -0,0 +1,30 @@
+#health-check-page {
+    #status-table {
+        margin-top: 20px;
+        width: 80%;
+        max-width: 600px;
+        border-radius: 5px;
+
+        &, th, td {
+            border: 1px solid black;
+        }
+
+        th, td {
+            padding: 5px;
+            text-align: center;
+        }
+    }
+
+    h1 {
+        margin-top: 20px;
+        text-align: center;
+    }
+
+    #errors {
+        margin-top: 25px;
+        width: 80%;
+        max-width: 600px;
+        padding: 5px;
+        border-radius: 5px;
+    }
+}

src/pages/HealthCheckPage/HealthCheckPage.tsx

@@ -4,17 +4,17 @@ import { ServiceId, SERVICES_AVAILABLE, HealthResponseDTO } from "@/types/Health
 import { Optional } from "@/types/utils";
 import { useEffect, useState } from "react";
 
-import "./HealthCheckPage.css";
+import "./HealthCheckPage.less";
 
 export function HealthCheckPage() {
     const [servicesHealth, setServicesHealth] = useState(initialState);
 
     useEffect(() => { checkHealth() }, []);
 
-    return <main>
+    return <main id="health-check-page">
         <center>
             <h1>Saúde de serviços do Universi.me</h1>
-            <table>
+            <table id="status-table">
                 <tr>
                     <th>Serviço</th>
                     <th>Status</th>