Apply npm i @filecoin-foundation/ui-filecoin to Filecoin UI two branches

[timfong888]

Filecoin Pay should have now two branches. Main is for GA and is deployed to the GA pinit subdomain. And prototype to the domain.

Prootype branch should represent a rebasing of GA branch so it is easy to fold new features in with a PR without disrupting main.

Both need to use the same UI library:

npm i @filecoin-foundation/ui-filecoin

Check out a branch tied to this ticket.

Run code quality locally with headless playwright.

Deploy both to the GA and prototype subdomain.

Propose the best way to PR things so that the two branches are update to date.

[timfong888]

Don't just add it, use the foundation library so the UI conforms to the library standards.

[timfong888]

Foundation UI Library Applied

Branch: issue-47-foundation-ui
Commit: 77a96ea

Changes Made

• Imported foundation library styles (@filecoin-foundation/ui-filecoin/styles)
• Created FoundationUIProvider for UI config initialization
• Updated Header to use foundation Button component with brand colors
• Updated Footer with foundation brand styling (brand-700, brand-800, etc.)
• Installed peer dependencies (@tailwindcss/typography, @tanstack/react-table, nuqs, etc.)

Deployments

Mode	URL
GA	https://pinme.eth.limo/#/preview/U2FsdGVkX1-yNbm8i48Yd5LT4SPiorcygeD-054HveQUD2ZyQc9LGb6SZHI665pHfHJfG19nO63iP1c9FGfgC9UNxLA7ypRi8KT4X2PCGw52z9s9NoJa2_fDQ2rTj7fkG9-J1jfQKUqiApQCWeMZ-gn0foVaXg
Prototype	https://pinme.eth.limo/#/preview/U2FsdGVkX18TxBDuIrR0C90XWP1syM3MhMi2PLDVnR35O99_BXuBdoD-Weckn3EYFjYaGL20CI-ywxVoXhVoDv_V2dYZe4Nhl30kqFCQlYI1uUifwfUMFTmc4nYDcKM_QEvY_YaXCtqu2pEdb9jUhzdLTp2qcw

Test Results

• 39 passed, 1 failed (unrelated to UI changes - prototype mode content test)
• 5 flaky tests (network timeouts)
• Builds pass for both GA and Prototype modes