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/blog/relatedContent/index.js

@@ -3,13 +3,15 @@ import UnderlineLG from "@/components/icons/UnderlineLG";
 import React from "react";
 import Item from "./Item";
 
+// عرض ستون ثابت است: با lg:w-fit عرض را بلندترین عنوان تعیین می‌کرد و با هر
+// مقاله جابه‌جا می‌شد.
 function RelatedContent({ data, loading }) {
   return (
-    <div className="p-[12px] w-full lg:w-fit md:p-[14px] lg:p-[16px] bg-[#FFF] rounded-[8px] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]">
+    <div className="p-[12px] w-full lg:w-[320px] lg:shrink-0 md:p-[14px] lg:p-[16px] bg-[#FFF] rounded-[8px] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]">
       <AnimationTextHead text="مطالب مرتبط">
         <UnderlineLG />
       </AnimationTextHead>
-      <ul className="flex w-full lg:w-fit flex-col justify-start items-start">
+      <ul className="flex w-full flex-col justify-start items-start">
         {data &&
           data.length > 0 &&
           data?.map((item, idx) => (