Fix/project actions touch input

[AmzBG]

Description

• Keep the project edit action visible on touch and coarse-pointer devices.
• Preserve hover-revealed project actions for devices with precise pointers.
• Use input-capability media queries instead of viewport width so tablets and hybrid devices behave correctly.

Link to issue or ticket

• Upstream change: Feat/UI polish fixes chrisshaddad/bootcamp-starter#234

Steps to QA

1. Open the projects page on a phone, tablet, or browser emulating touch input.
2. Verify the edit action is visible without hovering over a project card.
3. Open the same page with a mouse or trackpad.
4. Verify the edit action remains hidden initially and appears when the card is hovered or the action receives keyboard focus.
5. Verify selecting the edit action opens the expected project edit page.

Validation completed:

• npm run lint --workspace=web
• npm run check-types --workspace=web
• npx prettier --check apps/web/components/project-list-card.tsx

The local production build reached the existing next/font step but could not download Manrope from Google Fonts because the build environment could not reach fonts.googleapis.com.

Screenshots

Found here: chrisshaddad/bootcamp-starter#234