Refine NextLogo Accessibility and Styling (#74869)
This PR addresses the following issues and improvements:
1. Apply a style reset to Storybook for consistency.
2. Update NextLogo element from div to button to improve accessibility.
3. Add a press effect to shrink NextLogo for better interactivity.
4. Ensure the pointer cursor is consistent across the entire NextLogo
area.
5. Add a box shadow to NextLogo for improved visual depth.
6. Optimize animation by refining speed and sequence.
7. Replace hardcoded colors with CSS variables to enable dark mode
support.
8. Fix overflow issues with effects.
9. Resolve black background overflow problem.
10. Enhance SVG anti-aliasing for a cleaner appearance.
11. Center the logo by moving it to the right by 1 pixel.
This PR serves as a fast-follow to
https://github.com/vercel/next.js/pull/74833
