[WIP] Fix footer contact links rendering after navigation

[Copilot]

Footer Contact Links Not Rendering After Astro Navigation

Problem: Footer contact links don't render FontAwesome icons after Astro View Transitions navigation.

Root Cause: The fontawesome.ts script calls dom.watch() only on initial page load. When Astro performs client-side navigation (View Transitions), new DOM content is inserted without triggering a full page reload, so FontAwesome icons in the footer aren't being rendered.

Solution Plan:

• Update fontawesome.ts to listen for Astro page load events (astro:page-load)
• Re-run dom.watch() after each Astro navigation to ensure icons are rendered
• Add/update E2E test to verify icons render correctly after navigation
• Test the fix manually with Astro dev server
• Validate no console errors or performance issues

Minimal Changes:

• Only modify src/scripts/fontawesome.ts to add View Transitions support
• Add or update E2E test for footer icons after navigation
• No changes to component structure or configuration needed

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Foooter contact links don't render after astro navigation</issue_title>
<issue_description></issue_description>

Comments on the Issue (you are @copilot in this section)

Custom agent used: code
Specialized agent for code changes in this Jekyll/Next.js project including Ruby, JavaScript/TypeScript, HTML/Liquid templates, and SCSS/CSS

• Fixes Foooter contact links don't render after astro navigation #1299

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[benbalter]

@copilot keep working