Fix dark theme inconsistencies and unrelated layout bugs

[anshujod]

Summary

Fixes #582 — dark theme was inconsistent across pages. While testing the fix, I also found and fixed an unrelated but serious bug in index.html where corrupted HTML was hiding most of the homepage.

Dark theme fixes (#582)

• state.html and recommendations.html never loaded the theme toggle or main.js, so a user's saved dark-mode preference was silently ignored on both pages, with no way to switch themes there at all. Added the toggle button and the same dark-mode init/persist logic used elsewhere.
• recommendations.html's dark mode originally used an off-palette purple/indigo color scheme. Recolored it to match the site's actual dark palette (#1e1e1e background, #2a2a2a cards, #ff5722/#ffab91 accents).
• orders.html had main.js (and several other scripts) included twice, so the theme-toggle click handler was attached twice — every click turned dark mode on and immediately back off, making the toggle appear broken. Removed the duplicate <script> tags.

Unrelated bug found during testing

• index.html had duplicated, unclosed <section id="hero"> and <section id="recently-viewed"> tags. Because .hero has a fixed viewport height and overflow: hidden, every section after it in the DOM (Explore by State, Explore Menu, About, Contact, Footer) was structurally trapped inside the hero box and clipped away. Fixed the malformed markup so the rest of the homepage renders again.

Test plan

• state.html — click the theme toggle, confirm header/nav/cards switch to dark
• recommendations.html — click the theme toggle, confirm it switches to the grey/orange dark palette (not purple) with readable contrast
• orders.html — click the theme toggle, confirm dark mode now actually engages (previously did nothing)
• index.html — scroll past the hero, confirm Explore Menu, Explore by State, About, Contact, and Footer are all visible
• index.html — About Us section, confirm each team card shows one photo/name/role with no overlapping text
• index.html — Smart Food Pairings section, confirm the "Explore Smart Combos" button no longer overlaps the paragraph above it
• Refresh each page with dark mode already saved in localStorage and confirm it's respected on load

Screenshots

state.html

Before:

After:

Before	After
(no toggle button present)	(toggle button in nav, dark mode working)

recommendations.html

Before	After
(no toggle; or purple dark palette)	(toggle working, grey/orange palette)

orders.html

Before:

After:

Before	After
(clicking toggle does nothing)	(clicking toggle switches theme)

index.html — homepage below hero

Before:

After:

Before	After
(Explore Menu / About / Contact / Footer clipped or missing)	(all sections visible)