[feat] build component placeholders for CaseScreen.

src/Components/CaseStatusBar/CaseStatusBar.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { View, Text } from 'react-native';
+
+export default function CaseStatusBar() {
+  return (
+    <View>
+      <Text>CaseStatusBar</Text>
+    </View>
+  );
+}

src/Components/CaseSummaryCard/CaseSummarCard.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { View, Text } from 'react-native';
+
+export default function CaseSummaryCard() {
+  return (
+    <View>
+      <Text>CaseSummaryCard</Text>
+    </View>
+  );
+}

src/Components/EducationalBar/EducationalBar.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { View, Text } from 'react-native';
+
+export default function EducationalBar() {
+  return (
+    <View>
+      <Text>EducationalBar</Text>
+    </View>
+  );
+}

src/Components/EligibilityCard/EligibilityCard.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { View, Text } from 'react-native';
+
+export default function EligibilityCard() {
+  return (
+    <View>
+      <Text>EligibilityCard</Text>
+    </View>
+  );
+}

src/Components/FormsCard/FormsCard.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { View, Text } from 'react-native';
+
+export default function FormsCard() {
+  return (
+    <View>
+      <Text>FormsCard</Text>
+    </View>
+  );
+}

src/app/(BottomTabNavigation)/Cases/CaseScreen/index.tsx

@@ -3,6 +3,11 @@ import React from 'react';
 import { View, Text, TouchableOpacity } from 'react-native';
 
 import styles from './styles';
+import CaseStatusBar from '../../../../Components/CaseStatusBar/CaseStatusBar';
+import CaseSummaryCard from '../../../../Components/CaseSummaryCard/CaseSummarCard';
+import EducationalBar from '../../../../Components/EducationalBar/EducationalBar';
+import EligibilityCard from '../../../../Components/EligibilityCard/EligibilityCard';
+import FormsCard from '../../../../Components/FormsCard/FormsCard';
 import { Case } from '../../../../types/types';
 
 function CasesScreen() {
@@ -17,6 +22,11 @@ function CasesScreen() {
           <Text>Go Back</Text>
         </TouchableOpacity>
       </View>
+      <CaseStatusBar />
+      <CaseSummaryCard />
+      <EligibilityCard />
+      <FormsCard />
+      <EducationalBar />
     </View>
   );
 }

src/app/(BottomTabNavigation)/Cases/CaseScreen/styles.tsx

@@ -16,19 +16,6 @@ export default StyleSheet.create({
     width: '100%',
     paddingRight: 30,
   },
-  casesContainer: {
-    flex: 0.8,
-    flexDirection: 'column',
-    width: '90%',
-  },
-  circle: {
-    width: 70,
-    height: 70,
-    borderRadius: 100 / 2,
-    backgroundColor: '#a9a9a9',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
   button: {
     margin: 10,
     alignItems: 'center',