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/doctor/[slug]/loading.js

@@ -0,0 +1,17 @@
+import { Skeleton } from "@mui/material";
+
+export default function Loading() {
+  return (
+    <div className="p-4 flex flex-col gap-6" dir="rtl">
+      <div className="flex flex-col lg:flex-row items-center gap-4">
+        <Skeleton variant="circular" width={164} height={164} />
+        <div className="flex flex-col gap-3 w-full">
+          <Skeleton variant="rounded" width={200} height={24} />
+          <Skeleton variant="rounded" width={160} height={20} />
+          <Skeleton variant="rounded" width={120} height={20} />
+        </div>
+      </div>
+      <Skeleton variant="rounded" height={300} className="!rounded-lg" />
+    </div>
+  );
+}