fix: layout structure to use main tag (#11119)

### What problem does this PR solve?

For proper semantics Layout should use HTML `<main>` element to wrap the
Header and Outlet which produce`<section>` HTML elements.

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/layouts/next.tsx

@@ -3,9 +3,9 @@ import { Header } from './next-header';
 
 export default function NextLayout() {
   return (
-    <section className="h-full flex flex-col">
+    <main className="h-full flex flex-col">
-      <Header></Header>
+      <Header />
       <Outlet />
-    </section>
+    </main>
   );
 }