Fix breadcrumbs for "products" pages

[JeffLowe]

Breadcrumbs currently do not show for any of the product pages. Update site to ensure that breadcrumbs work /display for these pages.

• [x] update breadcrumbs to reflect the correct product page
• [ ] update the tab title (currently shows "About - web3.storage"

We should likely show the following in the breadcrumbs:

• "Home / Products / Web3.Storage" (when on https://web3.storage/products/web3storage/ )
• "Home / Products / w3name" (when on https://web3.storage/products/w3name/ )
• "Home / Products / w3link" (when on https://web3.storage/products/w3link/ )

Current breadcrumbs for Products page

Example breadcrumbs for FAQ page (for reference)

example of the tab title when on products page

[e-schneid]

@JeffLowe I just wanted to call out that since we don't have a "Products" route (i.e., https://web3.storage/products), my current fix in PR is to add the crumbs "Home / w3link", "Home / Web3.Storage" and "Home / w3name". Let me know if this works. The hierarchy on the site is a little unusual, so it's not super obvious what's correct.

The crumbs may also be a bit off for the pages under Account as well (for example, the tokens screen should possibly have the crumbs "Home / Account / API Tokens", etc), but I've held off on changes for those for now, since we may need to do a general sweep of all crumbs and see which ones need to be cleaned up. I've refactored our breadcrumbs so it should be easier to configure them if we want to make some more changes.

[JeffLowe]

That seems acceptable for the crumbs ( eg Home / w3link). @dchoi27 let us know if we need to reconsider that approach.

THANK YOU for the refactor and thinking of ease of maintaining for future.
Regarding the accounts page(s) I see your concern. I think it's acceptable to leave it as is for now, but feel free to override me if there is a concern @dchoi27

[dchoi27]

Works for me!