Fix interview UI template errors and local app startup

Author: thughari

frontend/src/app/components/application-list/application-list.component.html

@@ -106,7 +106,6 @@ <h2 class="text-2xl md:text-3xl font-black text-gray-900 dark:text-white trackin
                     class="ph ph-arrow-square-out"></i></a>
                 }
               </div>
-              </div>
             </td>
             <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-600 dark:text-gray-300">{{ job.role }}</td>
             <td class="hidden md:table-cell px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">{{
@@ -227,7 +226,7 @@ <h2 class="text-2xl md:text-3xl font-black text-gray-900 dark:text-white trackin
                   class="px-3 py-1.5 rounded-lg text-[11px] font-semibold bg-indigo-600 text-white hover:bg-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed">
                   {{ startingInterviewId() === job.id ? 'Starting...' : 'Prepare for Interview' }}
                 </button>
-              <div class="relative inline-block">
+                <div class="relative inline-block">
                 <button (click)="toggleMenu(job.id, $event)"
                   class="text-gray-400 hover:text-gray-600 dark:hover:text-white p-1 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors">
                   <i class="ph ph-dots-three-vertical text-xl"></i>

frontend/src/app/components/interview-prep/interview-prep.component.html

@@ -60,7 +60,7 @@ <h3 class="text-xl font-bold text-gray-900 dark:text-white">Final Report</h3>
         @if (isLoading()) {
           <div class="text-sm text-gray-500">Loading interview questions...</div>
         } @else {
-          <h3 class="text-lg font-semibold text-gray-900 dark:text-white">{{ questions()[currentIndex()]?.question }}</h3>
+          <h3 class="text-lg font-semibold text-gray-900 dark:text-white">{{ currentQuestionText }}</h3>
 
           @if (lastScore() !== null) {
             <div class="rounded-xl border border-indigo-200 dark:border-indigo-800/50 bg-indigo-50 dark:bg-indigo-900/20 p-3 space-y-1">

frontend/src/app/components/interview-prep/interview-prep.component.ts

@@ -57,6 +57,12 @@ export class InterviewPrepComponent implements OnInit {
     }
   }
 
+
+  get currentQuestionText() {
+    const current = this.questions()[this.currentIndex()];
+    return current ? current.question : '';
+  }
+
   async submitAnswer() {
     if (this.isSubmitting() || !this.answer().trim()) return;