Refactor blog components for improved tag filtering and related content display

- Added `getBlogTagFacets` API call to fetch blog tags based on city scope.
- Updated `BlogsPage` to read selected tag from URL and handle tag changes with URL updates.
- Modified `Title` component to display tags from the new API and reflect active tag state.
- Enhanced breadcrumb navigation to link categories to their respective pages.
- Adjusted related content section to display articles from the same category and fixed layout issues.
- Corrected heading hierarchy across various components for better SEO compliance.
- Ensured consistent styling and spacing in related content items.

components/blogs/latestArticles/Article.js

@@ -24,9 +24,9 @@ function Article({ data }) {
       <div className="p-[12px] md:p-[14px] lg:p-[16px]">
         <TextLoading width={150} height={18}>
           <Link href={`/blog/${data.uuid}`}>
-            <h1 className="text-[#3B3B3B] mb-[12px] md:mb-[14px] lg:mb-[16px] text-[16px] font-bold line-clamp-2">
+            <h2 className="text-[#3B3B3B] mb-[12px] md:mb-[14px] lg:mb-[16px] text-[16px] font-bold line-clamp-2">
               {data.title}
-            </h1>
+            </h2>
           </Link>
         </TextLoading>
         <div className="flex items-center justify-start gap-[16px]">

components/blogs/latestArticles/index.js

@@ -4,9 +4,9 @@ import Pagination from "@/app/component/Pagination";
 function LatestArticles({ blogs, page, totalPages, onPageChange, isLoading }) {
   return (
     <div>
-      <p className="text-[#3B3B3B] text-[20px] font-bold my-[16px] md:my-[20px] lg:my-[24px]">
+      <h1 className="text-[#3B3B3B] text-[20px] font-bold my-[16px] md:my-[20px] lg:my-[24px]">
         جدیدترین مقاله ها
-      </p>
+      </h1>
       {isLoading ? (
         <div className="flex justify-center items-center min-h-[400px]">
           <p className="text-[#9B9B9B] text-[16px]">در حال بارگذاری...</p>