refactor: replace header with div (#8204)

Co-authored-by: Nate Moore <natemoo-re@users.noreply.github.com>

examples/portfolio/src/components/Hero.astro

@@ -8,13 +8,13 @@ interface Props {
 const { align = 'center', tagline, title } = Astro.props;
 ---
 
-<header class:list={['hero stack gap-4', align]}>
+<div class:list={['hero stack gap-4', align]}>
 	<div class="stack gap-2">
 		<h1 class="title">{title}</h1>
 		{tagline && <p class="tagline">{tagline}</p>}
 	</div>
 	<slot />
-</header>
+</div>
 
 <style>
 	.hero {