Add Users page showcasing PolicyEngine user organizations

[MaxGhenis]

Summary

• Create new Users page component showcasing organizations that use PolicyEngine
• Add responsive design with categorized user cards (government, academic, think tanks, research, advocacy)
• Include organizations like Niskanen Center, Joint Economic Committee, NBER, Georgetown, University of Michigan, USC, University of Hawaii, Prenatal-to-3 Policy Impact Center, New York Senate, and Maryland Child Alliance
• Integrate with existing navigation structure in About dropdown

Features

• Responsive UserCard components with hover effects and proper accessibility
• Categorized organization display grouped by organization type
• Navigation integration added to About dropdown menu with appropriate icon
• SEO optimization with proper meta tags and descriptions
• Placeholder for hero image to display blended logos in the future
• Consistent styling following existing codebase patterns

Implementation Details

• New src/pages/Users.jsx component following existing page patterns
• New src/data/users.js data file with organization information
• Logo assets in src/images/logos/users/ directory (placeholder logos for now)
• Routing added to src/PolicyEngine.jsx
• Navigation menu updated in src/layout/Header.jsx

Test Plan

• Page builds successfully without errors
• Responsive design works on mobile, tablet, and desktop
• Navigation integration works properly
• All links and accessibility features function correctly
• Follows existing code style and linting standards

Fixes #2716

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
policyengine-app	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 4, 2025 2:44am

[Copilot]

Pull Request Overview

This PR introduces a new Users page to showcase organizations that utilize PolicyEngine for policy analysis and research. The page categorizes users into government agencies, think tanks, research organizations, academic institutions, and advocacy organizations.

• Adds a comprehensive Users page with responsive design and categorized organization display
• Integrates the new page into the existing navigation structure within the About dropdown menu
• Creates a data structure to manage user organization information with logos and descriptions

Reviewed Changes

Copilot reviewed 4 out of 14 changed files in this pull request and generated 2 comments.

File	Description
src/pages/Users.jsx	New page component with responsive UserCard components and categorized organization display
src/layout/Header.jsx	Adds Users navigation item to About dropdown with appropriate icon
src/data/users.js	Data file containing organization information, logos, and categorization
src/PolicyEngine.jsx	Adds routing for the new Users page

[Copilot]

The useDisplayCategory hook is imported but the component Users is not using it. Only the UserCard component uses this hook. Consider moving this import to the UserCard component or removing it from the top-level imports.

Suggested change

import useDisplayCategory from "../hooks/useDisplayCategory.js";

[Copilot]

Inline event handlers with style mutations can cause performance issues and make the code harder to maintain. Consider using CSS :hover pseudo-class or a proper state management approach for hover effects instead of directly manipulating the DOM.

Suggested change

	style={{
	color: inverted ? style.colors.WHITE : style.colors.BLUE,
	textDecoration: "none",
	}}
	onMouseEnter={(e) => {
	e.target.style.textDecoration = "underline";
	}}
	onMouseLeave={(e) => {
	e.target.style.textDecoration = "none";
	}}
	className="user-link"
	style={{
	color: inverted ? style.colors.WHITE : style.colors.BLUE,
	textDecoration: "none",
	}}