fix(user-home): restore desktop comment columns

assets/css/routes/profile/lists.css

@@ -243,6 +243,17 @@
   gap: 0;
 }
 
+@media (min-width: 992px) {
+  .profile-comment-list {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .profile-comment-item {
+    margin: 8px;
+  }
+}
+
 .profile-comment-item {
   display: flex;
   align-items: flex-start;

tests/widget-system/profile-comment-contract.test.cjs

@@ -36,6 +36,7 @@ test('profile comments follow the author-page row and moderation contract', () =
 
   assert.match(styles, /\.profile-comment-item__time\s*\{[^}]*flex:\s*0 0 20%;[^}]*margin-right:\s*20px;[^}]*text-align:\s*right;/s);
   assert.match(styles, /\.profile-comment-item__body\s*\{[^}]*width:\s*calc\(80% - 25px\)/s);
+  assert.match(styles, /@media \(min-width: 992px\)\s*\{\s*\.profile-comment-list\s*\{[^}]*display:\s*grid;[^}]*grid-template-columns:\s*repeat\(2,\s*minmax\(0,\s*1fr\)\);[^}]*\}[^}]*\.profile-comment-item\s*\{[^}]*margin:\s*8px;/s);
   assert.match(styles, /\.profile-comment-item__content\s*\{[^}]*-webkit-line-clamp:\s*5;/s);
   assert.match(styles, /@media \(max-width: 640px\)[\s\S]*?\.profile-comment-item\s*\{\s*padding:\s*10px 0;/);
   assert.doesNotMatch(styles, /profile-comment-item__(?:quote|meta)/);