fix: update tag link and improve image handling in TagArticleFeed component

Author: shoaibsharif

src/app/(home)/_components/HomeLeftSidebar.tsx

@@ -96,7 +96,7 @@ const tags = [
   {
     icon: "https://res.cloudinary.com/techdiary-dev/image/upload/v1620782239/static-assets/tag-icons/erfbu54l2mquphszheck.svg",
     label: "react",
-    link: "/tags/react",
+    link: "/tags/186e052a-9c5b-4ffe-b753-ea172ac2e663",
   },
   {
     icon: "https://res.cloudinary.com/techdiary-dev/image/upload/v1620782240/static-assets/tag-icons/rh7xfiz28bxklfzymftd.svg",

src/app/tags/[tag_id]/_components/TagArticleFeed.tsx

@@ -106,12 +106,12 @@ const TagArticleFeed: React.FC<TagArticleFeedProps> = ({ tagId }) => {
             handle={article?.handle ?? ""}
             title={article?.title ?? ""}
             excerpt={article?.excerpt ?? ""}
-            coverImage={getFileUrl(article?.cover_image!)}
+            coverImage={article?.cover_image ? getFileUrl(article.cover_image) : ""}
             author={{
               id: article?.user?.id ?? "",
               name: article?.user?.name ?? "",
               avatar: article?.user?.profile_photo
-                ? getFileUrl(article?.user?.profile_photo!)
+                ? getFileUrl(article.user.profile_photo)
                 : "",
               username: article?.user?.username ?? "",
             }}
@@ -124,7 +124,6 @@ const TagArticleFeed: React.FC<TagArticleFeedProps> = ({ tagId }) => {
           <VisibilitySensor
             visible={tagFeedQuery.hasNextPage}
             onLoadmore={async () => {
-              console.log(`fetching next page for tag: ${tagId}`);
               await tagFeedQuery.fetchNextPage();
             }}
           />