🐛 fix NotFound.tsx: align i18n keys with common.json

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Signed-off-by: Hive Scanner <hive-scanner@kubestellar.local>

Author: Hive Scanner

web/src/components/NotFound.test.tsx

@@ -12,19 +12,19 @@ vi.mock('react-i18next', () => ({
     t: (key: string) => {
       const map: Record<string, string> = {
         'notFound.title': 'Page not found',
-        'notFound.pathDoesNotExist': "doesn't exist yet — but it could!",
-        'notFound.shipFast': 'Ship it in hours, not months',
-        'notFound.aiAutomation': 'KubeStellar Console uses AI-powered repo automation to go from feature request to production in hours. Open an issue and watch the magic happen.',
-        'notFound.requestFeature': 'Request this feature',
+        'notFound.description': "doesn't exist yet — but it could!",
+        'notFound.ctaTitle': 'Ship it in hours, not months',
+        'notFound.ctaDescription': 'KubeStellar Console uses AI-powered repo automation to go from feature request to production in hours. Open an issue and watch the magic happen.',
+        'notFound.ctaButton': 'Request this feature',
         'notFound.popularPages': 'Popular pages',
         'notFound.goBack': 'Go back',
         'notFound.home': 'Home',
-        'notFound.quickLinks.dashboard': 'Dashboard',
-        'notFound.quickLinks.clusters': 'Clusters',
-        'notFound.quickLinks.compliance': 'Compliance',
-        'notFound.quickLinks.deploy': 'Deploy',
-        'notFound.quickLinks.marketplace': 'Marketplace',
-        'notFound.quickLinks.cost': 'Cost',
+        'quickLinks.dashboard': 'Dashboard',
+        'quickLinks.clusters': 'Clusters',
+        'quickLinks.compliance': 'Compliance',
+        'quickLinks.deploy': 'Deploy',
+        'quickLinks.marketplace': 'Marketplace',
+        'quickLinks.cost': 'Cost',
       }
       return map[key] || key
     },

web/src/components/NotFound.tsx

@@ -23,12 +23,12 @@ const NOT_FOUND_COMPASS_STYLE_1: CSSProperties = { animationDuration: '8s' }
 
 
 const QUICK_LINKS = [
-  { labelKey: 'notFound.quickLinks.dashboard', path: ROUTES.HOME, icon: LayoutDashboard },
-  { labelKey: 'notFound.quickLinks.clusters', path: ROUTES.CLUSTERS, icon: Server },
-  { labelKey: 'notFound.quickLinks.compliance', path: ROUTES.COMPLIANCE, icon: Shield },
-  { labelKey: 'notFound.quickLinks.deploy', path: ROUTES.DEPLOY, icon: Zap },
-  { labelKey: 'notFound.quickLinks.marketplace', path: ROUTES.MARKETPLACE, icon: Rocket },
-  { labelKey: 'notFound.quickLinks.cost', path: ROUTES.COST, icon: Sparkles },
+  { labelKey: 'quickLinks.dashboard', path: ROUTES.HOME, icon: LayoutDashboard },
+  { labelKey: 'quickLinks.clusters', path: ROUTES.CLUSTERS, icon: Server },
+  { labelKey: 'quickLinks.compliance', path: ROUTES.COMPLIANCE, icon: Shield },
+  { labelKey: 'quickLinks.deploy', path: ROUTES.DEPLOY, icon: Zap },
+  { labelKey: 'quickLinks.marketplace', path: ROUTES.MARKETPLACE, icon: Rocket },
+  { labelKey: 'quickLinks.cost', path: ROUTES.COST, icon: Sparkles },
 ] as const
 
 export default function NotFound() {
@@ -67,18 +67,18 @@ export default function NotFound() {
           </h1>
           <p className="text-muted-foreground text-base leading-relaxed">
             <code className="px-2 py-0.5 bg-zinc-800 rounded text-sm text-purple-300">{path}</code>
-            {' '}{t('notFound.pathDoesNotExist')}
+            {' '}{t('notFound.description')}
           </p>
         </div>
 
         {/* Feature request CTA */}
         <div className="bg-linear-to-br from-purple-500/10 to-blue-500/10 border border-purple-500/20 rounded-xl p-5 space-y-3">
           <div className="flex items-center justify-center gap-2 text-purple-300">
             <Sparkles className="w-4 h-4" />
-            <span className="text-sm font-semibold">{t('notFound.shipFast')}</span>
+            <span className="text-sm font-semibold">{t('notFound.ctaTitle')}</span>
           </div>
           <p className="text-muted-foreground text-sm leading-relaxed">
-            {t('notFound.aiAutomation')}
+            {t('notFound.ctaDescription')}
           </p>
           <a
             href={featureRequestUrl}
@@ -87,7 +87,7 @@ export default function NotFound() {
             className="inline-flex items-center gap-2 px-5 py-2.5 bg-purple-600 hover:bg-purple-500 text-white text-sm font-medium rounded-lg transition-colors"
           >
             <MessageSquarePlus className="w-4 h-4" />
-            {t('notFound.requestFeature')}
+            {t('notFound.ctaButton')}
           </a>
         </div>