(web) show project id for cli users

[joewagner]

fixes https://linear.app/tableland/issue/ENG-831/studio-web-app-should-show-me-project-id-somewhere

If you are trying to use the CLI in combination with the web app, it will be helpful to have a way to find and copy a project id. This PR enables that, and does a small refactor of the HashDisplay component to allow showing the entire hash.

[linear[bot]]

ENG-831 Studio Web app should show me project ID somewhere

[railway-app[bot]]

This PR was not deployed automatically as @joewagner does not have access to the Railway project.

In order to get automatic PR deploys, please add @joewagner to your team on Railway.

[joewagner]

I'm moving this back to draft. I'm gonna look at updating the layout of the descriptions, and I found an issue where webpack doesn't like a div being a descendant of a p.

[joewagner]

I added an attempt to make the project page layout a bit more efficient.
Here are screengrabs for two different projects. One with a long description, and one with a short description. There's an image for each project at screen widths of 1200px, 800px, and 600px.

1200px

800px

600px

[dtbuchholz]

nice! one thing i just realized is we've had left margin on the project description and ID paragraphs. optionally, we could remove that so that it aligns with the header—i.e., it's currently set to ml-4, but i think it looks better w/o it:

...imo that's more natural, looks a bit weird to have it indented.

regardless, these improvements lgtm.

[joewagner]

@dtbuchholz good call on the margins. I might have messed them up when I was adding the responsive flexbox classes. Pushed a fix, I'll need another 👍

[dtbuchholz]

@joewagner they were always there, actually—they're on the current site!