fix(ts): refactor codebase for capacitor setup

app/(tabs)/settings/page.tsx

@@ -3,6 +3,7 @@
 import BackgroundWrapper from "@/components/BackgroundWrapper";
 import { Avatar, AvatarFallback } from "@/components/ui/avatar";
 import { API_URL, getToken } from "@/lib/auth";
+import { UserData } from "@/types/auth";
 import {
   Bookmark,
   ChartColumn,
@@ -22,7 +23,14 @@ import React, { useEffect, useState } from "react";
 
 const SettingsPage = () => {
   const router = useRouter();
-  const [userData, setUserData] = useState(null);
+  const [userData, setUserData] = useState<UserData>({
+    name: "",
+    institution: "",
+    sscRoll: "",
+    hscRoll: "",
+    email: "",
+    phone: "",
+  });
 
   useEffect(() => {
     async function fetchUser() {