feat(breadcrumb): implement BreadcrumbList structure and validation for SEO compliance

components/clinics/index.js

@@ -14,7 +14,7 @@ import cities from "@/data/city.json";
 import { isRootCity } from "@/lib/rootCity";
 import { resolveCityDisplayName } from "@/lib/domainHelpers";
 
-function ClinicsPage({ clinics, matchedCity, matchedState }) {
+function ClinicsPage({ clinics, matchedCity, matchedState, origin }) {
   const searchParams = useSearchParams();
   const [page, setPage] = useState(clinics?.meta?.currentPage || 1);
   const [filteredClinics, setFilteredClinics] = useState(clinics?.data);
@@ -52,6 +52,7 @@ function ClinicsPage({ clinics, matchedCity, matchedState }) {
       <List
         limit={12}
         page={page}
+        origin={origin}
         setPage={setPage}
         selected={selected}
         clinics={filteredClinics}

components/clinics/list/index.js

@@ -10,15 +10,18 @@ function List({
   page,
   limit,
   pages,
+  origin,
   setPage,
   clinics,
   selected,
   setFilteredClinics,
 }) {
+  // آیتم آخر هم href می‌گیرد: بدون آن، `item` در BreadcrumbList غایب می‌شود و
+  // سرچ‌کنسول کل breadcrumb صفحه را نامعتبر اعلام می‌کند.
   const listPage = [
     { name: "خانه", href: "/" },
     { name: "کلینیک ها", href: "/clinics" },
-    { name: selected?.city?.name || "" },
+    { name: selected?.city?.name || "", href: "/clinics" },
   ];
   const [loading, setLoading] = useState(false);
   const router = useRouter();
@@ -48,7 +51,7 @@ function List({
 
   return (
     <div className="padding-responsive pt-[20px]">
-      <Pageguide list={listPage} />
+      <Pageguide list={listPage} origin={origin} />
       {clinics && clinics.length ? (
         <ul
           className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-[24px] gap-y-[16px] sm:gap-y-[24px] md:gap-y-[32px] lg:gap-y-[40px] mt-6"