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.

components/ui/border-beam.tsx

@@ -57,7 +57,7 @@ export const BorderBeam = ({
   delay = 0,
   duration = 6,
   colorFrom = "#FCC61D",
-  colorTo = "#0046FF",
+  colorTo = "#01796F",
   transition,
   style,
   reverse = false,