Introduce better URL paths / SEO optimization

[ori-near]

Problem Currently, we don't have easy URL paths for DevHub content. Examples:

• Protocol Community: https://near.social/devhub.near/widget/app?page=community&handle=protocol
• Protocol Community About Tab: https://near.social/devhub.near/widget/app?page=community&handle=protocol&tab=about-us. Or
• Blog article: https://near.social/devhub.near/widget/app?page=blog&id=3251

This makes it difficult to share links and optimize for SEO indexing.

User Stories

1. As a user, I want to have a memorable easy link so I can easily access and share DevHub content. Examples:

• Blog article: neardevhub.org/blog/article-slug (may need to introduce slug for blogs)
• Community: neardevhub.org/community/protocol
• Community About: neardevhub.org/community/protocol/about

2. As a user, I want to easily share links on social media platform and have the appropriate meta information displayed (e.g. DevHub image, title, description, etc).

3. As a DevHub user, I want to easily discover DevHub content on Google (e.g. https://developers.google.com/search/docs/crawling-indexing/special-tags).

Acceptance Criteria

### Tasks
- [x] web4 endpoint with social media links metadata and redirect ilnk ( https://github.com/NEAR-DevHub/neardevhub-contract/pull/111 )
- [x] social media links meta data should get titles and description from data stored in devhub contract
- [x] landing page showing the actual post/page linked to
- [x] links to open the page in near.social/near.org
- [ ] buttons for sharing in the UI that create links for social media
- [x] proposal urls ( e.g. /proposal/1 )
- [x] community urls ( e.g. /community/webassemblymusic )
- [ ] blog urls ( /community/webassemblymusic/blog/welcome-to-my-blog-qwerty )