fix(responsive): Update StoryHeader component, add Gitpod configuration and z-index to ScrollToTop component

[darkterminal]

📓 What Your Metaphor

This pull request includes three changes:

• Added Gitpod configuration to the project to make it easier for others to use and customize. The .gitpod.yml file was added and configured to run npm install and npm run dev when the workspace starts.
• Modified the StoryHeader component to improve its responsiveness and accessibility. The header's padding was reduced, and the avatar and language elements were hidden on small screens, making it more mobile-friendly. The font size of the author and language elements was also increased, and the container of the language element was changed to a rounded rectangle.
• Added a z-index to the ScrollToTop component's button to ensure it always appears on top of other elements on the page.

These changes were thoroughly tested, and I believe they improve the project's usability and accessibility.

✔️ Check List (Check all the applicable boxes)

• [x] My metaphor is not written before from anyone
• [x] My metaphor have follow writing rules of the community.
• [x] The title of my pull request is a short description of the requested merge.

📷 What Your Punk Signature?

Homepage

Our Hustle and Grind

Single Story

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
metaphore	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Mar 30, 2023 at 1:26AM (UTC)

[darkterminal]

Wooo... you can merged?