docs: Fix import logic and make example easier to understand (#8688)

docs/pages/product/data-modeling/dynamic/code-reusability-export-and-import.mdx

@@ -103,19 +103,20 @@ which is located in a parent directory.
 ├── README.md
 ├── cube.js
 ├── package.json
-└── model
-    ├── utils.js
-    └── sales
+└── model/
+    ├── shared_utils/
+    │   └── utils.js
+    └── sales/
         └── orders.js
 ```
 
 ```javascript
 // in model/sales/orders.js
-import { capitalize } from "./schema_utils";
+import { capitalize } from "./shared_utils/utils";
 ```
 
 ```javascript
-// in model/utils.js
+// in model/shared_utils/utils.js
 export const capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
 ```
 
@@ -124,4 +125,4 @@ export const capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
   https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export
 [mdn-js-es6-import]:
   https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import
-[ref-schema-string-time-dims]: /guides/recipes/data-modeling/string-time-dimensions
+[ref-schema-string-time-dims]: /guides/recipes/data-modeling/string-time-dimensions