website refactor

apps/website/templates/RacesAllTemplate.tsx

@@ -7,7 +7,9 @@ import { RacesAllLayout, RacesAllStats } from '@/components/races/RacesAllLayout
 import { RaceScheduleSection } from '@/components/races/RacesLayout';
 import type { SessionStatus } from '@/components/races/SessionStatusBadge';
 import type { RacesViewData } from '@/lib/view-data/RacesViewData';
-import { SharedPagination, SharedText, SharedBox } from '@/components/shared/UIComponents';
+import { Pagination } from '@/ui/Pagination';
+import { Text } from '@/ui/Text';
+import { Box } from '@/ui/Box';
 import { TemplateProps } from '@/lib/contracts/components/ComponentContracts';
 
 export type StatusFilter = 'scheduled' | 'running' | 'completed' | 'cancelled' | 'all';
@@ -76,7 +78,7 @@ export function RacesAllTemplate({
         />
       }
       pagination={
-        <SharedPagination
+        <Pagination
           currentPage={currentPage}
           totalPages={totalPages}
           onPageChange={onPageChange}
@@ -85,9 +87,9 @@ export function RacesAllTemplate({
     >
       <RaceScheduleSection title="Race Schedule">
         {races.length === 0 ? (
-          <SharedBox p={12} textAlign="center">
-            <SharedText color="text-gray-500">No races found matching your criteria.</SharedText>
-          </SharedBox>
+          <Box p={12} textAlign="center">
+            <Text color="text-gray-500">No races found matching your criteria.</Text>
+          </Box>
         ) : (
           <RaceScheduleTable 
             races={races.map(race => ({