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.

app/about/page.tsx

@@ -1,3 +1,6 @@
+import { Button } from "@/components/ui/button";
+import Link from "next/link";
+
 export default function AboutPage() {
   return (
     <>
@@ -242,18 +245,12 @@ export default function AboutPage() {
               با ما تماس بگیرید تا درباره نیازهای شما صحبت کنیم و بهترین راهکار را پیشنهاد دهیم
             </p>
             <div className="flex flex-col sm:flex-row gap-4 justify-center">
-              <a
-                href="/pricing"
-                className="inline-flex items-center justify-center rounded-lg bg-primary px-8 py-3 text-base font-medium text-white hover:bg-accent hover:text-foreground transition-colors"
-              >
-                مشاهده قیمت‌ها
-              </a>
-              <a
-                href="#contact"
-                className="inline-flex items-center justify-center rounded-lg border border-primary px-8 py-3 text-base font-medium text-primary hover:bg-accent hover:text-foreground hover:border-accent transition-colors"
-              >
-                تماس با ما
-              </a>
+              <Button asChild size="lg">
+                <Link href="/pricing">مشاهده قیمت‌ها</Link>
+              </Button>
+              <Button asChild size="lg" variant="outline">
+                <Link href="#contact">تماس با ما</Link>
+              </Button>
             </div>
           </div>
         </div>