Enhancement : Decouple the UI by using conditional rendering for each module

components/modules/modules.tsx

@@ -0,0 +1,11 @@
+// This interface is to be used in all the modules of the project
+// Each module should have its own interface and call the following function:
+// TODO: Add a function to register a module
+// Note: Maybe use context to keep track of the modules
+export interface MHPModule {
+  title: string;
+  description: string;
+  icon: React.ReactNode;
+  component: React.ComponentType;
+  props?: any;
+}