fix: user profile comment preview user bar

.eslintrc.json

@@ -1,3 +0,0 @@
-{
-  "extends": ["next/core-web-vitals"]
-}

app/components/Profile/Profile.ActivityComment.tsx

@@ -17,7 +17,7 @@ export const ProfileActivityComment = (props: {
               key={`comment-${comment.id}`}
             >
               <footer className="flex items-center justify-between mb-2">
-                <div className="flex flex-col items-start gap-1 sm:items-center sm:flex-row">
+                <div className="flex items-center gap-1">
                   <Link
                     href={`/profile/${comment.profile.id}`}
                     className="inline-flex items-center mr-3 text-sm font-semibold text-gray-900 dark:text-white hover:underline"

eslint.config.js

@@ -0,0 +1,13 @@
+import reactRefresh from "eslint-plugin-react-refresh";
+
+export default [
+  {
+    extends: ["next/core-web-vitals"],
+    plugins: {
+      "react-refresh": reactRefresh,
+    },
+    rules: {
+      "react-refresh/only-export-components": "warn",
+    },
+  },
+];

package-lock.json

@@ -39,6 +39,7 @@
         "copy-webpack-plugin": "^12.0.2",
         "eslint": "^8",
         "eslint-config-next": "14.2.5",
+        "eslint-plugin-react-refresh": "^0.4.19",
         "postcss": "^8",
         "tailwindcss": "^3.4.1"
       }
@@ -2984,6 +2985,16 @@
         "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
       }
     },
+    "node_modules/eslint-plugin-react-refresh": {
+      "version": "0.4.19",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.19.tgz",
+      "integrity": "sha512-eyy8pcr/YxSYjBoqIFSrlbn9i/xvxUFa8CjzAYo9cFjgGXqq1hyjihcpZvxRLalpaWmueWR81xn7vuKmAFijDQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "eslint": ">=8.40"
+      }
+    },
     "node_modules/eslint-plugin-react/node_modules/doctrine": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",

package.json

@@ -40,6 +40,7 @@
     "copy-webpack-plugin": "^12.0.2",
     "eslint": "^8",
     "eslint-config-next": "14.2.5",
+    "eslint-plugin-react-refresh": "^0.4.19",
     "postcss": "^8",
     "tailwindcss": "^3.4.1"
   }