feat: enhance image handling and layout adjustments

- Added image quality settings and device sizes in next.config.ts for better image optimization.
- Updated package dependencies, including cheerio and baseline-browser-mapping.
- Improved global styles for blog content images to ensure responsiveness.
- Refactored button components for consistent sizing and styling across the application.
- Enhanced blog post card layout with new variants and improved author name formatting.
- Adjusted hero section and content layout for better visual appeal and user experience.

lib/wp-api.ts

@@ -40,16 +40,22 @@ export interface WpPost {
   };
 }
 
-/** Returns thumbnail URL for list/card (medium) or full for single post. */
+/** WordPress scaled filenames: photo-1024x768.jpg → photo.jpg */
+export function getFullSizeWpImageUrl(url: string): string {
+  return url.replace(/-\d+x\d+(?=\.(jpe?g|png|gif|webp|avif)(\?|$))/i, "");
+}
+
+/** Returns thumbnail URL for list/card (medium) or full original for single post. */
 export function getFeaturedImageUrl(
   post: WpPost,
   size: "medium" | "medium_large" | "full" = "medium"
 ): string | null {
   const media = post._embedded?.["wp:featuredmedia"]?.[0];
   if (!media?.source_url) return null;
+  if (size === "full") return media.source_url;
   const sizes = media.media_details?.sizes;
   if (sizes?.[size]?.source_url) return sizes[size].source_url;
-  if (size !== "full" && sizes?.medium?.source_url) return sizes.medium.source_url;
+  if (sizes?.medium?.source_url) return sizes.medium.source_url;
   return media.source_url;
 }