feat: add sr-only h1 title per-page

app/routes/importexport.tsx

@@ -198,6 +198,21 @@ export default function ImportExportPage() {
 
   return (
     <div>
+      <h1
+        style={{
+          position: 'absolute',
+          width: '1px',
+          height: '1px',
+          padding: 0,
+          margin: '-1px',
+          overflow: 'hidden',
+          clip: 'rect(0,0,0,0)',
+          whiteSpace: 'nowrap',
+          border: 0
+        }}
+      >
+        Import/Export
+      </h1>
       <Tabs
         radius="sm"
         defaultValue="import"

app/routes/login.tsx

@@ -92,6 +92,21 @@ export default function LoginPage() {
 
   return (
     <Box sx={{ maxWidth: 300 }} mx="auto">
+      <h1
+        style={{
+          position: 'absolute',
+          width: '1px',
+          height: '1px',
+          padding: 0,
+          margin: '-1px',
+          overflow: 'hidden',
+          clip: 'rect(0,0,0,0)',
+          whiteSpace: 'nowrap',
+          border: 0
+        }}
+      >
+        Login
+      </h1>
       <Form method="post" noValidate>
         <TextInput
           mb={12}

app/routes/projects.tsx

@@ -71,6 +71,21 @@ export default function Projects() {
 
   return (
     <div>
+      <h1
+        style={{
+          position: 'absolute',
+          width: '1px',
+          height: '1px',
+          padding: 0,
+          margin: '-1px',
+          overflow: 'hidden',
+          clip: 'rect(0,0,0,0)',
+          whiteSpace: 'nowrap',
+          border: 0
+        }}
+      >
+        Projects
+      </h1>
       <Paper
         component="fieldset"
         aria-controls="projects"

app/routes/report.tsx

@@ -1,4 +1,4 @@
-import { Box, Paper } from '@mantine/core';
+import { Box, Paper, Title } from '@mantine/core';
 import { MetaFunction, LoaderArgs, redirect, json } from '@remix-run/node';
 import { useLoaderData } from '@remix-run/react';
 import { getTimeEntries } from '~/models/timeEntry.server';
@@ -28,7 +28,21 @@ export default function ReportPage() {
 
   return (
     <>
-      <h1>Report</h1>
+      <h1
+        style={{
+          position: 'absolute',
+          width: '1px',
+          height: '1px',
+          padding: 0,
+          margin: '-1px',
+          overflow: 'hidden',
+          clip: 'rect(0,0,0,0)',
+          whiteSpace: 'nowrap',
+          border: 0
+        }}
+      >
+        Report
+      </h1>
       <Paper p="lg" radius="md">
         Coming soon
       </Paper>