website refactor

apps/website/ui/LeaderboardList.tsx

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+import { Box } from './Box';
+
+interface LeaderboardListProps {
+  children: ReactNode;
+}
+
+export function LeaderboardList({ children }: LeaderboardListProps) {
+  return (
+    <Box rounded="xl" bg="bg-iron-gray/30" border={true} borderColor="border-charcoal-outline" overflow="hidden">
+      <div className="divide-y divide-charcoal-outline/50">
+        {children}
+      </div>
+    </Box>
+  );
+}