fix(ts): refactor codebase for capacitor setup

app/(tabs)/unit/page.tsx

@@ -16,21 +16,18 @@ const units = [
 const Unit = () => {
   const router = useRouter();
 
-  const handleUnitPress = (unit) => {
+  const handleUnitPress = (unit: {
+    id?: number;
+    name: string;
+    rating?: number;
+  }) => {
     router.push(`/paper?name=${encodeURIComponent(unit.name)}`);
   };
 
   return (
     <BackgroundWrapper>
       <div className="flex flex-col min-h-screen">
-        <Header
-          displayExamInfo={null}
-          displayTabTitle={"Units"}
-          displaySubject={null}
-          displayUser={false}
-          title=""
-          image={""}
-        />
+        <Header displayTabTitle="Units" />
         <div className="flex-1">
           <div className="overflow-y-auto">
             <div className="border border-blue-200 gap-4 rounded-3xl p-4 mx-10 mt-10">