dashboard design changes

src/features/staff/Leaderboard.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import {Table, proportional, pixel} from '@astryxdesign/core/Table';
+import {proportional, pixel} from '@astryxdesign/core/Table';
+import {ResponsiveTable} from '@/components/patterns/ResponsiveTable';
 import type {TableColumn} from '@astryxdesign/core/Table';
 import {Avatar} from '@astryxdesign/core/Avatar';
 import {Badge} from '@astryxdesign/core/Badge';
@@ -164,12 +165,12 @@ export function Leaderboard({
           }));
 
         return (
-          <Table
+          <ResponsiveTable
             data={rows}
             columns={columns}
             idKey="id"
+            primaryKey="name"
             density="compact"
-            hasHover
           />
         );
       }}