fix(ts): fix interfaces for type safety

components/Header.tsx

@@ -12,7 +12,7 @@ import { UserData } from "@/types/auth";
 interface HeaderProps {
   displayUser?: boolean;
   displaySubject?: string;
-  displayTabTitle: string;
+  displayTabTitle?: string;
   examDuration?: string;
 }
 
@@ -109,18 +109,18 @@ const Header = ({
         </div>
       )}
 
-      {displaySubject && (
+      {displayTabTitle && (
         <div className={styles.profile}>
           <button onClick={handleBackClick} className={styles.iconButton}>
             <ChevronLeft size={24} color="white" />
           </button>
-          <span className={styles.text}>{displaySubject}</span>
+          <span className={styles.text}>{displayTabTitle}</span>
         </div>
       )}
 
-      {displayTabTitle && (
+      {displaySubject && (
         <div className={styles.profile}>
-          <span className={styles.text}>{displayTabTitle}</span>
+          <span className={styles.text}>{displaySubject}</span>
         </div>
       )}