website refactor

apps/website/app/leagues/[id]/layout.tsx

@@ -1,6 +1,7 @@
 import { notFound } from 'next/navigation';
 import { LeagueDetailPageQuery } from '@/lib/page-queries/page-queries/LeagueDetailPageQuery';
 import { LeagueDetailTemplate } from '@/templates/LeagueDetailTemplate';
+import { Text } from '@/ui/Text';
 
 export default async function LeagueLayout({
   children,
@@ -27,7 +28,7 @@ export default async function LeagueLayout({
         leagueDescription="Failed to load league"
         tabs={[]}
       >
-        <div className="text-center text-gray-400">Failed to load league</div>
+        <Text align="center" className="text-gray-400">Failed to load league</Text>
       </LeagueDetailTemplate>
     );
   }