feat: Revert homepage changes, fix Persian slug 404, and make various article and about us adjustments

- Removed the newly added city-focused section from the homepage.
- Fixed 404 error for Persian slugs in specialties and blog pages by implementing a decode helper.
- Removed the "مخصوص شهر" label from article headers.
- Linked article tags to their respective filter pages.
- Adjusted related content images to prevent distortion.
- Added a section in the "About Us" page for physician registration guidance.
- Updated the logo in the "About Us" header to the correct version.
- Added tests for the new functionality and ensured existing tests are updated accordingly.

components/blog/head/index.js

@@ -4,7 +4,7 @@ import { convertTimestampToJalali } from "@/helper";
 const crumbClass =
   "text-[#9B9B9B] text-[11px] sm:text-[13px] md:text-[15px] lg:text-[16px] font-normal";
 
-function Head({ data, cityName }) {
+function Head({ data }) {
   const firstTag = data?.tag?.[0];
   const createdDate = data?.created ? convertTimestampToJalali(data.created) : "";
   // normalizeBlog تگ‌ها را به [{name}] تبدیل می‌کند؛ نامِ خالی حذف می‌شود.
@@ -44,18 +44,6 @@ function Head({ data, cityName }) {
         </h1>
       </div>
       <div className="flex mt-[16px] sm:mt-[18px] md:mt-[21px] lg:mt-[24px] items-center justify-start gap-[35px]">
-        {/* شهر پست در HTML قابل‌مشاهده — نه فقط در متادیتا. برچسب با همان
-            تایپوگرافی «نویسنده/تاریخ» تا با بقیهٔ سربرگ هم‌خانواده بماند. */}
-        {cityName && (
-          <div className="flex items-center justify-start gap-1">
-            <p className="text-[#9B9B9B] text-[11px] md:text-[13px] lg:text-[14px] font-normal">
-              مخصوص شهر:
-            </p>
-            <p className="text-[#9B9B9B] text-[11px] md:text-[14px] lg:text-[16px] font-medium">
-              {cityName}
-            </p>
-          </div>
-        )}
         {data?.author && (
           <div className="flex items-center justify-start gap-1">
             <p className="text-[#9B9B9B] text-[11px] md:text-[13px] lg:text-[14px] font-normal">
@@ -88,15 +76,18 @@ function Head({ data, cityName }) {
         )}
       </div>
       {/* فهرست کامل تگ‌ها — تا این تغییر فقط تگ اول در بردکرامب دیده می‌شد.
-          صفحهٔ فیلتر تگ وجود ندارد، پس چیپ‌ها بدون لینک رندر می‌شوند. */}
+          مقصد هر چیپ همان لیست مقاله‌هاست که `?tag=` را می‌خواند؛ شکل شیئیِ href
+          تگِ حاوی فاصله یا & را هم درست encode می‌کند. */}
       {tags.length > 0 && (
         <ul className="flex flex-wrap items-center justify-start gap-2 mt-[12px] md:mt-[16px]">
           {tags.map((tag, idx) => (
-            <li
-              key={`${tag}-${idx}`}
-              className="bg-[#F5F5F5] text-[#525252] rounded-full px-[12px] py-[4px] text-[11px] md:text-[13px] font-medium"
-            >
-              {tag}
+            <li key={`${tag}-${idx}`}>
+              <Link
+                href={{ pathname: "/blogs", query: { tag } }}
+                className="block bg-[#F5F5F5] text-[#525252] rounded-full px-[12px] py-[4px] text-[11px] md:text-[13px] font-medium hover:bg-[#E8E8E8] hover:text-[#3B3B3B] transition-colors"
+              >
+                {tag}
+              </Link>
             </li>
           ))}
         </ul>