Fixed: Ensure Header component uses proper semantic header HTML tag

.changeset/new-timers-mix.md

@@ -0,0 +1,7 @@
+---
+'@primer/react': patch
+---
+
+Changed div tag to HTML semantic tag header for Header (file Header.tsx) component.
+
+<!-- Changed components: _none_ -->

src/Header/Header.tsx

@@ -8,7 +8,7 @@ type StyledHeaderItemProps = {full?: boolean} & SxProp
 type StyledHeaderProps = SxProp
 type StyledHeaderLinkProps = {to?: Location | Pathname} & SxProp
 
-const Header = styled.div<StyledHeaderProps>`
+const Header = styled.header<StyledHeaderProps>`
   z-index: 32;
   display: flex;
   padding: ${get('space.3')};

src/__tests__/Header.test.tsx

@@ -38,7 +38,7 @@ describe('Header', () => {
   })
 
   it('renders a <div> and <a>', () => {
-    expect(render(<Header />).type).toEqual('div')
+    expect(render(<Header />).type).toEqual('header')
     expect(render(<Header.Link />).type).toEqual('a')
   })
 

src/__tests__/__snapshots__/Header.test.tsx.snap

@@ -73,7 +73,7 @@ exports[`Header renders consistently 1`] = `
   flex-wrap: nowrap;
 }
 
-<div
+<header
   className="c0"
 />
 `;