feat: integrate PhotoSwipe lightbox, enhance scrollbar functionality, and update layout components

- Added a new PhotoSwipe component for image lightbox functionality in the layout.
- Enhanced scrollbar component with an auto-hide delay feature.
- Updated global styles to improve scrollbar appearance and added styles for PhotoSwipe.
- Included new Head layout component for better SEO and meta tag management.
- Added images to existing posts for improved visual content.

This commit improves user experience with enhanced image viewing and layout consistency.

src/components/Scrollbar.astro

@@ -14,6 +14,7 @@ function initScrollbar() {
       scrollbars: {
         theme: document.documentElement.classList.contains('dark') ? 'scrollbar-dark' : 'scrollbar-light',
         autoHide: 'scroll',
+        autoHideDelay: 800,
       },
       overflow: {
         x: 'hidden',