fix(ui): align semantic headings contrast and Settings panels

job-tracker-ui/src/views/LoginPage.tsx

@@ -133,6 +133,7 @@ export default function LoginPage({ initialMode = "login" }: { initialMode?: "lo
 
   return (
     <Box
+      component="main"
       sx={{
         minHeight: "100vh",
         display: "flex",
@@ -144,7 +145,7 @@ export default function LoginPage({ initialMode = "login" }: { initialMode?: "lo
       }}
     >
       <Paper sx={{ width: "min(520px, 100%)", p: 4, borderRadius: 4, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
-        <Typography variant="h5" sx={{ fontWeight: 900, mb: 0.5 }}>
+        <Typography component="h1" variant="h5" sx={{ fontWeight: 900, mb: 0.5 }}>
           {registerMode ? t("createAccount") : t("signInTitle")}
         </Typography>
         <Typography sx={{ color: "text.secondary", mb: 2 }}>