refactor row cell [percy]

Introduce a new `RowCell` component to encapsulate table cell         
rendering in the leaderboard entries table. This change improves       
readability and maintainability of the code by separating cell         
logic from the row structure, enabling reusability of the             
cell component. Update references in the row template to utilize       
the new `RowCell`, streamlining the overall layout and ensuring        
consistent styling across the leaderboard.

Author: rohitpaulk

app/components/leaderboard-page/entries-table/row-cell.hbs

@@ -0,0 +1,3 @@
+<td class="px-4 py-2 whitespace-nowrap border border-gray-200" ...attributes>
+  {{yield}}
+</td>

app/components/leaderboard-page/entries-table/row-cell.ts

@@ -0,0 +1,17 @@
+import Component from '@glimmer/component';
+
+interface Signature {
+  Element: HTMLTableCellElement;
+
+  Blocks: {
+    default: [];
+  };
+}
+
+export default class RowCell extends Component<Signature> {}
+
+declare module '@glint/environment-ember-loose/registry' {
+  export default interface Registry {
+    'LeaderboardPage::EntriesTable::RowCell': typeof RowCell;
+  }
+}

app/components/leaderboard-page/entries-table/row.hbs

@@ -1,12 +1,11 @@
 <tr class="{{if this.isCurrentUser 'bg-teal-50 ring ring-teal-500 relative' 'hover:bg-gray-50'}} group/table-row" data-test-leaderboard-entry-row>
-  <td
-    class="px-4 py-2 whitespace-nowrap text-xs font-medium
-      {{if this.isCurrentUser 'text-teal-600' 'text-gray-400'}}
-      text-right border border-gray-200 w-[8%]"
-  >
-    {{@rankText}}
-  </td>
-  <td class="px-4 py-2 whitespace-nowrap border border-gray-200">
+  <LeaderboardPage::EntriesTable::RowCell class="text-right w-[8%]">
+    <span class="text-xs font-medium {{if this.isCurrentUser 'text-teal-600' 'text-gray-400'}}">
+      {{@rankText}}
+    </span>
+  </LeaderboardPage::EntriesTable::RowCell>
+
+  <LeaderboardPage::EntriesTable::RowCell>
     <div class="flex items-center justify-between gap-x-6">
       <div class="flex items-center gap-1.5">
         <div class="flex-shrink-0 h-6 w-6">
@@ -35,16 +34,18 @@
         {{/each}}
       </div>
     </div>
-  </td>
-  <td class="px-4 py-2 whitespace-nowrap border border-gray-200 hidden md:table-cell">
+  </LeaderboardPage::EntriesTable::RowCell>
+
+  <LeaderboardPage::EntriesTable::RowCell class="hidden md:table-cell">
     <div class="flex items-center justify-end">
       <div class="text-xs font-mono">
         <span class="{{if this.isCurrentUser 'text-teal-600' 'text-gray-700'}}">{{@entry.scoreUpdatesCount}}</span>
         <span class="{{if this.isCurrentUser 'text-teal-600' 'text-gray-400'}}">stages</span>
       </div>
     </div>
-  </td>
-  <td class="px-4 py-2 whitespace-nowrap border border-gray-200">
+  </LeaderboardPage::EntriesTable::RowCell>
+
+  <LeaderboardPage::EntriesTable::RowCell>
     <div class="flex items-center justify-end">
       {{!-- {{#if (eq @entry.score 142)}}
         <span class="inline-block align-middle text-teal-500 triangle-up mr-1.5" aria-hidden="true">
@@ -63,5 +64,5 @@
         <span class="{{if this.isCurrentUser 'text-teal-600' 'text-gray-400'}}">pts</span>
       </div>
     </div>
-  </td>
+  </LeaderboardPage::EntriesTable::RowCell>
 </tr>