fix(a11y): replace root div with main landmark element

[tehw0lf]

Summary

• Replace outermost <div> with <main> in both return branches of App.tsx
• Fixes Lighthouse landmark-one-main audit (A11y score was 97%)

Test plan

• npm run lint && npm test && npm run build — all pass

Summary by CodeRabbit

• Bug Fixes
  • Updated the app’s top-level layout container to use a semantic main region in both loading and loaded states, improving page structure and accessibility.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: dec6cb36-921f-41cb-9793-f5fb15246894

📥 Commits

Reviewing files that changed from the base of the PR and between cbd9811 and 501ad2a.

📒 Files selected for processing (1)

• src/App.tsx

---

📝 Walkthrough

Walkthrough

In src/App.tsx, both the loading-state and loaded-state top-level JSX wrapper elements are changed from <div> to <main>, with the corresponding closing tag updated to match.

Changes

Semantic HTML wrapper update

Layer / File(s)	Summary
Replace <div> with <main> in App component src/App.tsx	The outer wrapper in both the !loaded return branch and the loaded state is changed from <div> to <main>, with the closing tag updated accordingly.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

A <div> once held the stage so wide,
But <main> now takes its place with pride.
Semantic HTML, the rabbit cheers,
Four tags swapped clean, no bugs, no fears!
🐇✨

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately summarizes the main accessibility change: replacing the root div with a main landmark element.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/a11y-main-landmark

---

_{Comment @coderabbitai help to get the list of available commands.}