fix(ts): fix interfaces for type safety

app/(tabs)/home/page.tsx

@@ -7,7 +7,7 @@ import Header from "@/components/Header";
 import SlidingGallery from "@/components/SlidingGallery";
 import BackgroundWrapper from "@/components/BackgroundWrapper";
 import DestructibleAlert from "@/components/DestructibleAlert";
-import { ChevronRight } from "lucide-react"; // Using Lucide React for icons
+import { ChevronRight } from "lucide-react";
 import styles from "@/css/Home.module.css";
 import { API_URL } from "@/lib/auth";
 import { Avatar } from "@/components/ui/avatar";
@@ -52,6 +52,7 @@ const page = () => {
     }
     const fetchedLinkedViews = getLinkedViews();
     setLinkedViews(fetchedLinkedViews);
+    fetchBoardData();
 
     return () => {
       isMounted = false;

app/(tabs)/leaderboard/page.tsx

@@ -4,15 +4,22 @@ import BackgroundWrapper from "@/components/BackgroundWrapper";
 import Header from "@/components/Header";
 import { Avatar, AvatarFallback } from "@/components/ui/avatar";
 import { API_URL, getToken } from "@/lib/auth";
-import { BoardData, getLeaderboard, getUserData } from "@/lib/leaderboard";
+import { BoardData, getLeaderboard } from "@/lib/leaderboard";
 import { UserData } from "@/types/auth";
-import Image from "next/image";
 import React, { useEffect, useState } from "react";
 
 const LeaderboardPage = () => {
   const [boardError, setBoardError] = useState<string | null>(null);
   const [boardData, setBoardData] = useState<BoardData[]>([]);
-  const [userData, setUserData] = useState<UserData>();
+  const [userData, setUserData] = useState<UserData>({
+    name: "",
+    institution: "",
+    sscRoll: "",
+    hscRoll: "",
+    email: "",
+    phone: "",
+  });
+
   const [loading, setLoading] = useState(true);
 
   useEffect(() => {
@@ -80,6 +87,16 @@ const LeaderboardPage = () => {
     return [topThree[1], topThree[0], topThree[2]].filter(Boolean); // Handle missing players
   };
 
+  const getUserData = (boardData: BoardData[], name: string) => {
+    if (!boardData || !Array.isArray(boardData)) return [];
+    const sortedData = boardData
+      .filter((player) => player?.name && player?.points !== undefined)
+      .sort((a, b) => b.points - a.points);
+
+    const result = sortedData.find((player) => player.name === name);
+    return result ? [{ ...result, rank: sortedData.indexOf(result) + 1 }] : [];
+  };
+
   return (
     <BackgroundWrapper>
       <section>
@@ -112,7 +129,7 @@ const LeaderboardPage = () => {
           <div className="w-full border-[0.5px] border-[#c5dbf8] bg-[#c5dbf8]"></div>
           <section className="border-[1px] border-[#c0dafc] w-full rounded-3xl p-6 space-y-4 mb-20">
             <section>
-              {getUserData(boardData, userData!.name).map((user, idx) => (
+              {getUserData(boardData, userData.name).map((user, idx) => (
                 <div
                   key={idx}
                   className="flex bg-[#113768] rounded-[8] py-2 px-4 justify-between items-center"

app/(tabs)/paper/page.tsx

@@ -15,7 +15,6 @@ interface Mock {
   rating: number;
 }
 
-// For App Router (Next.js 13+ with app directory)
 export default function PaperScreen() {
   const router = useRouter();
   const searchParams = useSearchParams();
@@ -58,13 +57,7 @@ export default function PaperScreen() {
     return (
       <BackgroundWrapper>
         <div className="min-h-screen">
-          <Header
-            displaySubject={name}
-            displayTabTitle={null}
-            displayUser={false}
-            image={undefined}
-            examDuration={undefined}
-          />
+          <Header displayTabTitle={name} />
           <div className="overflow-y-auto">
             <div className="mt-5 px-5">
               <DestructibleAlert text={errorMsg} extraStyles="" />
@@ -88,13 +81,7 @@ export default function PaperScreen() {
   return (
     <BackgroundWrapper>
       <div>
-        <Header
-          displayTabTitle={null}
-          displayUser={false}
-          displaySubject={name}
-          image={undefined}
-          examDuration={undefined}
-        />
+        <Header displayTabTitle={name} />
         <div className="mx-10 pt-10 overflow-y-auto">
           <div className="border border-[#c0dafc] flex flex-col gap-4 w-full rounded-[25px] p-4">
             {questions ? (

app/exam/pretest/page.tsx

@@ -91,7 +91,7 @@ export default function PretestPage() {
         <div className="flex-1 overflow-y-auto mb-20">
           {metadata ? (
             <div className="mx-10 mt-10 gap-6 pb-6 space-y-6">
-              <button onClick={() => router.push("/unit")}>
+              <button onClick={() => router.back()}>
                 <ArrowLeft size={30} color="black" />
               </button>
 

app/exam/results/page.tsx

@@ -7,7 +7,7 @@ import React from "react";
 import { ArrowLeft } from "lucide-react";
 import SlidingGallery from "@/components/SlidingGallery";
 import QuestionItem from "@/components/QuestionItem";
-import { getResultViews } from "@/lib/resultViews";
+import { getResultViews } from "@/lib/gallery-views";
 
 export default function ResultsPage() {
   const router = useRouter();