feat: a few tabs for module, deal services tab for mobiles

src/modules/modules.tsx

@@ -1,21 +1,48 @@
 import {
+    IconColumns,
     IconBox,
 } from "@tabler/icons-react";
+import {
+    CommonServicesTab,
+    ProductsTab,
+    FulfillmentBaseTab,
+} from "./dealModularEditorTabs";
 import ModulesType from "./types";
-import connectModules from "./connectModules";
 
 export enum ModuleNames {
     FULFILLMENT_BASE = "fulfillment_base",
 }
 
-const modules: ModulesType = {
+const MODULES: ModulesType = {
     [ModuleNames.FULFILLMENT_BASE]: {
-        renderInfo: {
-            label: "Фулфиллмент",
+        info: {
             key: "fulfillment_base",
-            icon: <IconBox />,
+            label: "Фулфиллмент",
         },
+        tabs: [
+            {
+                label: "Услуги",
+                key: "common_services",
+                icon: <IconColumns />,
+                device: "mobile",
+                tab: (props: any) => <CommonServicesTab {...props} key={"common_services"} />,
+            },
+            {
+                label: "Товары",
+                key: "products",
+                icon: <IconBox />,
+                device: "mobile",
+                tab: (props: any) => <ProductsTab {...props} key={"products"} />,
+            },
+            {
+                label: "Фулфиллмент",
+                key: "fulfillment_base",
+                icon: <IconBox />,
+                device: "desktop",
+                tab: (props: any) => <FulfillmentBaseTab {...props} key={"fulfillment_base"} />,
+            },
+        ]
     },
 };
 
-export const MODULES = connectModules(modules);
+export default MODULES;