Stage M1

apps/admin/src/components/layout/page-scaffold.tsx

@@ -1,3 +1,5 @@
+import { useTranslations } from 'next-intl';
+
 import { Badge } from '@sport/ui';
 
 /** Placeholder for admin screens that are not built yet. */
@@ -12,13 +14,15 @@ export function PageScaffold({
   permission: string;
   milestone: string;
 }) {
+  const t = useTranslations('common');
+
   return (
     <div className="p-8">
       <h1 className="text-2xl font-bold">{title}</h1>
       <p className="text-ink-500 mt-2 max-w-2xl text-sm">{description}</p>
       <div className="mt-6 flex flex-wrap gap-2">
-        <Badge variant="outline">requires: {permission}</Badge>
-        <Badge variant="neutral">Planned: {milestone}</Badge>
+        <Badge variant="outline">{t('requires', { permission })}</Badge>
+        <Badge variant="neutral">{t('planned', { milestone })}</Badge>
       </div>
     </div>
   );