Added progress bar for assignments (UI fix needed)

app/subject/viewDetailsSubject.tsx

@@ -1,30 +1,11 @@
 import { defaultStyles } from '@/constants/defaultStyles';
 import { supabase } from '@/lib/supabase';
+import type { Assignment, Subject } from '@/lib/types';
 import { Session } from '@supabase/supabase-js';
 import { router, Stack, useFocusEffect, useLocalSearchParams } from 'expo-router';
 import { useCallback, useEffect, useState } from 'react';
 import { Alert, Button, Pressable, SectionList, Text, View } from "react-native";
 
-type Subject = {
-  sId: string;
-  title: string;
-  description: string;
-  isActive: boolean;
-  lastChanged: string;
-  uId: string;
-}
-
-type Assignment = {
-  aId: string;
-  title: string;
-  description: string;
-  deadline: string;
-  isCompleted: boolean;
-  lastChanged: string;
-  uId: string;
-  sId: string;
-}
-
 export default function ViewDetailsSubject() {
   const { sId } = useLocalSearchParams<{ sId: string }>();
   const [subject, SetSubject] = useState<Subject | null>(null)
@@ -132,6 +113,10 @@ export default function ViewDetailsSubject() {
     )
   }
 
+  const CalculateSubjectCompletion = async () => {
+    
+  }
+
   return (
     <View style={defaultStyles.container}>
       <Stack.Screen