Use Tiny compositions for purchase planning

src/App.tsx

@@ -11,6 +11,7 @@ const ProductGroupDetails = React.lazy(() => import('./pages/ProductGroupDetails
 const Replenishment = React.lazy(() => import('./pages/Replenishment'));
 const Cutting = React.lazy(() => import('./pages/Cutting'));
 const PlanningIssues = React.lazy(() => import('./pages/PlanningIssues'));
+const DataHealth = React.lazy(() => import('./pages/DataHealth'));
 const ProductionOrders = React.lazy(() => import('./pages/ProductionOrders'));
 const Supplies = React.lazy(() => import('./pages/Supplies'));
 const Clients = React.lazy(() => import('./pages/Clients'));
@@ -56,6 +57,7 @@ function App() {
           <Route path="replenishment" element={<Replenishment />} />
           <Route path="cutting" element={<Cutting />} />
           <Route path="planning-issues" element={<PlanningIssues />} />
+          <Route path="data-health" element={<DataHealth />} />
           <Route path="supplies" element={<Supplies />} />
           <Route path="supplies/:section" element={<Supplies />} />
           <Route path="stock" element={<Navigate to="/products" replace />} />