fix: comment emoji box overflow

data/showcase.json

@@ -12,5 +12,6 @@
   51683, 51077, 51374, 49120, 47356, 17096, 50708, 51430, 51935, 51756, 6558,
   49392, 52186, 52055, 52282, 52270, 5825, 51351, 52233, 51308, 52388, 52280,
   52718, 52951, 52103, 52314, 52336, 52816, 52766, 52760, 660, 52728, 52683,
-  51617, 53087, 53081, 52184, 43000, 53444
+  51617, 53087, 53081, 52184, 43000, 53444, 53470, 50141, 52947, 51406, 53563,
+  52800, 53637, 1361, 53518, 53584
 ]

data/topics.json

@@ -3,6 +3,10 @@
     "name": "xLog",
     "description": "Let's talk about xLog, whether to praise or criticize it.",
     "notes": [
+      "53584-1",
+      "53518-8",
+      "52055-55",
+      "53668-2",
       "53398-1",
       "52277-2",
       "53505-1",
@@ -76,6 +80,7 @@
     "name": "ChatGPT",
     "description": "The world is undergoing a fusion, and we are in the center of it.",
     "notes": [
+      "52800-53",
       "53064-1",
       "33795-1",
       "51191-15",

src/components/common/Comment.tsx

@@ -16,10 +16,7 @@ export const Comment: React.FC<{
   const { t } = useTranslation("common")
 
   return (
-    <div
-      className={cn("xlog-comment comment overflow-x-hidden", className)}
-      id="comments"
-    >
+    <div className={cn("xlog-comment comment", className)} id="comments">
       <div className="xlog-comment-count border-b pb-2 mb-6">
         <span>
           {comments.isLoading