fix: update slug handling in metadata generation and comments area styling

Author: NiallJoeMaher

app/(app)/feed/[sourceSlug]/[shortId]/page.tsx

@@ -21,9 +21,13 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
     return { title: "Post Not Found" };
   }
 
-  // Find the post by slug (shortId is part of the slug) and sourceId
+  // Find the post by slug (shortId is used as slug in new schema) and sourceId
   const post = await db.query.posts.findFirst({
-    where: and(eq(posts.sourceId, source.id), eq(posts.type, "link")),
+    where: and(
+      eq(posts.sourceId, source.id),
+      eq(posts.type, "link"),
+      eq(posts.slug, shortId),
+    ),
     with: {
       source: true,
     },
@@ -56,9 +60,13 @@ export default async function Page({ params }: Props) {
     notFound();
   }
 
-  // Verify post exists - the shortId is part of the slug
+  // Verify post exists by slug (shortId is used as slug in new schema)
   const post = await db.query.posts.findFirst({
-    where: and(eq(posts.sourceId, source.id), eq(posts.type, "link")),
+    where: and(
+      eq(posts.sourceId, source.id),
+      eq(posts.type, "link"),
+      eq(posts.slug, shortId),
+    ),
   });
 
   if (!post) {

components/Comments/CommentsArea.tsx

@@ -317,7 +317,7 @@ const CommentsArea = ({ postId, postOwnerId }: Props) => {
                     onClick={() => likeComment(id, userVote)}
                   >
                     <HeartIcon
-                      className={`w-6 h-6${
+                      className={`w-6 h-6 ${
                         userVote === "up"
                           ? "fill-red-400"
                           : "fill-neutral-400 dark:fill-neutral-600"

components/Feed/AggregatedItem.tsx

@@ -176,7 +176,7 @@ const FeedItemAggregated = ({
       signIn();
       return;
     }
-    openReport("article", id);
+    openReport("post", id);
   };
 
   const dateTime = publishedAt