Module View added, with images and moved view into reusable component for ModuleView. All activities done for week 2.

src/components/screens/ModuleListScreen.js

@@ -1,17 +1,16 @@
-import { useState } from "react";
-import { StyleSheet } from "react-native";
+import {useState} from "react";
+import {StyleSheet} from "react-native";
 import Screen from "../layout/Screen";
 import ModuleList from "../entity/modules/ModuleList";
 import initialModules from "../../data/modules.js";
 import RenderCount from "../UI/RenderCount";
-import ModuleViewScreen from "./ModuleViewScreen";
 
 const ModuleListScreen = ({navigation}) => {
 //   Initialisation -------------
 //    let modules = initialModules;
 
 //   State ----------------------
-    const [ modules, setModules] = useState(initialModules);
+    const [modules, setModules] = useState(initialModules);
 
 
 //   Handlers -------------------
@@ -19,15 +18,15 @@ const ModuleListScreen = ({navigation}) => {
     const handleDelete = (module) =>
         setModules(modules.filter((item) => item.ModuleID !== module.ModuleID));
 
-    const handleSelect = (module) => navigation.navigate('ModuleViewScreen', { module });
+    const handleSelect = (module) => navigation.navigate('ModuleViewScreen', {module});
 //   View -----------------------
 
-  return (
-    <Screen>
-        <RenderCount />
-        <ModuleList modules={modules} onSelect={handleSelect} />
-    </Screen>
-  );
+    return (
+        <Screen>
+            <RenderCount/>
+            <ModuleList modules={modules} onSelect={handleSelect}/>
+        </Screen>
+    );
 };
 
 const styles = StyleSheet.create({});