feat(metadata): enhance SEO by adding Open Graph and Twitter metadata across various pages

feat(blog): implement loading and error handling components for blog pages

feat(clinic): add loading and error handling components for clinic pages

feat(doctor): create loading and error handling components for doctor pages

feat(clinics): add loading component for clinics page

feat(specialties): improve metadata for specialties page with Open Graph and Twitter images

feat(layout): add structured data for Organization and WebSite in layout

fix(middleware): restrict middleware execution to specific routes to improve performance

chore(audit): add comprehensive SEO and performance audit documentation

app/doctors/loading.js

@@ -0,0 +1,11 @@
+import { Skeleton } from "@mui/material";
+
+export default function Loading() {
+  return (
+    <div className="flex flex-col gap-4 p-4" dir="rtl">
+      {Array.from({ length: 6 }).map((_, idx) => (
+        <Skeleton key={idx} variant="rounded" height={140} className="!rounded-lg" />
+      ))}
+    </div>
+  );
+}

app/doctors/page.js

@@ -14,10 +14,12 @@ export async function generateMetadata() {
   const description = cityName
     ? `لیست پزشکان متخصص در ${cityName}. جستجو بر اساس تخصص و منطقه. رزرو آنلاین نوبت پزشکی در ${cityName}.`
     : `جستجوی پزشکان متخصص در سراسر کشور. رزرو آنلاین نوبت پزشکی سریع و آسان با نوبت 724.`;
+  const image = "https://www.nobat724.com/assets/images/logo.png";
   return {
     title,
     description,
-    openGraph: { title, description },
+    openGraph: { title, description, images: [image] },
+    twitter: { card: "summary_large_image", title, description, images: [image] },
   };
 }