fix: resolve TypeScript errors and finalize frontend build

frontend/src/app/globals.css

@@ -64,11 +64,13 @@ input[type="range"]::-webkit-slider-thumb:hover { transform: scale(1.25); }
 
 @keyframes spin { to { transform: rotate(360deg); } }
 @keyframes slide-up { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
+@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
 @keyframes shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
 @keyframes pulse-border { 0%, 100% { border-color: var(--color-brand-dim); } 50% { border-color: var(--color-brand); } }
 
 .animate-spin { animation: spin 0.7s linear infinite; }
 .animate-slide-up { animation: slide-up 0.3s ease; }
+.animate-fade-in { animation: fade-in 0.4s ease; }
 .animate-shimmer {
   background: linear-gradient(90deg, var(--color-card) 25%, var(--color-card-hover) 50%, var(--color-card) 75%);
   background-size: 200% 100%;

frontend/src/app/jds/[id]/candidates/[cid]/page.tsx

@@ -29,10 +29,15 @@ interface CandidateData {
   parsed_work_experience?: WorkExp[];
   programming_languages?: string[];
   backend_frameworks?: string[];
+  frontend_technologies?: string[];
   gen_ai_experience?: boolean;
   growth_velocity?: number;
   looking_for?: string;
   open_to_working_at?: string;
+  notice_period?: string;
+  time_in_current_company?: number;
+  education_status?: string;
+  degree?: string;
   is_actively_or_passively_looking?: string;
   most_recent_company_is_funded?: boolean;
   most_recent_company_is_product_company?: boolean;

frontend/src/app/jds/[id]/page.tsx

@@ -69,13 +69,13 @@ export default function JDDetailPage() {
     // Instance 0ms Array sorting natively!
     if (baseResults && match) {
       const totalW = Object.values(nw).reduce((a, b) => a + b, 0);
-      const wNorm = totalW > 0 ? Object.fromEntries(Object.entries(nw).map(([k, v]) => [k, v / totalW])) : nw;
+      const wNorm: Record<string, number> = totalW > 0 ? Object.fromEntries(Object.entries(nw).map(([k, v]) => [k, v / totalW])) : nw;
 
       const newRes = baseResults.map(c => {
          let score = 0;
-         const cs = c.component_scores || {};
+         const cs = c.component_scores as unknown as Record<string, number>;
          ["semantic", "skill", "yoe", "company", "growth", "education"].forEach(k => {
-           score += (cs[k] as number || 0) * (wNorm[k] || 0);
+           score += (cs[k] || 0) * (wNorm[k] || 0);
          });
          return { ...c, final_score: score };
       });
@@ -256,10 +256,10 @@ export default function JDDetailPage() {
                  setWeights(DEFAULT_WEIGHTS);
                  if (baseResults && match) {
                     const totalW = Object.values(DEFAULT_WEIGHTS).reduce((a, b) => a + b, 0);
-                    const wNorm = totalW > 0 ? Object.fromEntries(Object.entries(DEFAULT_WEIGHTS).map(([k, v]) => [k, v / totalW])) : DEFAULT_WEIGHTS;
+                    const wNorm: Record<string, number> = totalW > 0 ? Object.fromEntries(Object.entries(DEFAULT_WEIGHTS).map(([k, v]) => [k, v / totalW])) : DEFAULT_WEIGHTS;
                     const newRes = baseResults.map(c => {
-                       let score = 0; const cs = c.component_scores || {};
-                       ["semantic", "skill", "yoe", "company", "growth", "education"].forEach(k => { score += (cs[k] as number || 0) * (wNorm[k] || 0); });
+                       let score = 0; const cs = c.component_scores as unknown as Record<string, number>;
+                       ["semantic", "skill", "yoe", "company", "growth", "education"].forEach(k => { score += (cs[k] || 0) * (wNorm[k] || 0); });
                        return { ...c, final_score: score };
                     });
                     newRes.sort((a, b) => b.final_score - a.final_score);

frontend/src/app/layout.tsx

@@ -26,6 +26,9 @@ export default function RootLayout({ children }: { children: React.ReactNode })
               <Link href="/jds" className="px-3 py-1.5 rounded-lg text-sm text-[var(--color-muted)] hover:text-[var(--color-text)] hover:bg-[var(--color-card)] transition-all">
                 Job Descriptions
               </Link>
+              <Link href="/pipeline" className="ml-2 px-3 py-1.5 rounded-lg text-sm font-semibold text-[var(--color-brand-light)] bg-[var(--color-brand-dim)] border border-[var(--color-brand-glow)] hover:bg-[var(--color-brand)] hover:text-white transition-all">
+                ⚡ Auto Pipeline
+              </Link>
             </div>
           </div>
         </nav>