added functional my favorites posts

src/components/Sidebar.jsx

@@ -35,7 +35,7 @@ export default function Sidebar({
   const HelpIcon = NavIcons.help;
 
   const handleNavItem = (itemKey) => {
-    if (!isAuthenticated && itemKey === "myads") {
+    if (!isAuthenticated && (itemKey === "myads" || itemKey === "favorites")) {
       onLoginClick();
       return;
     }

src/components/feed/FeedContent.jsx

@@ -52,13 +52,15 @@ export default function FeedContent({
   if (!filteredAds.length) {
     const emptyMsg = activeNav === "myads"
         ? { title: t('feed.emptyMyAdsTitle'), sub: t('feed.emptyMyAdsSub') }
-        : citySearchActive
-            ? { title: t('feed.emptyCityTitle'), sub: t('feed.emptyCitySub') }
-            : { title: t('feed.emptyAllTitle'), sub: t('feed.emptyAllSub') };
+        : activeNav === "favorites"
+            ? { title: t('feed.emptyFavoritesTitle'), sub: t('feed.emptyFavoritesSub'), icon: "❤️" }
+            : citySearchActive
+                ? { title: t('feed.emptyCityTitle'), sub: t('feed.emptyCitySub') }
+                : { title: t('feed.emptyAllTitle'), sub: t('feed.emptyAllSub') };
 
     return (
         <div className="f-center">
-          <div className="f-center-icon">🔍</div>
+          <div className="f-center-icon">{emptyMsg.icon || "🔍"}</div>
           <div className="f-center-title">{emptyMsg.title}</div>
           <div className="f-center-sub" dangerouslySetInnerHTML={{ __html: emptyMsg.sub }} />
         </div>

src/components/icons/NavIcons.jsx

@@ -58,4 +58,9 @@ export const NavIcons = {
         <line x1="8" y1="12" x2="16" y2="12" />
       </svg>
   ),
+  heart: () => (
+      <svg width={20} height={20} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round">
+        <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" />
+      </svg>
+  ),
 };