add status management with list and detail views, including routing and mock data

src/App.jsx

@@ -15,6 +15,7 @@ import IndexTag from './pages/master/tag/IndexTag';
 import IndexBrandDevice from './pages/master/brandDevice/IndexBrandDevice';
 import IndexErrorCode from './pages/master/errorCode/IndexErrorCode';
 import IndexPlantSection from './pages/master/plantSection/IndexPlantSection';
+import IndexStatus from './pages/master/status/IndexStatus';
 
 // History
 import IndexTrending from './pages/history/trending/IndexTrending';
@@ -54,6 +55,7 @@ const App = () => {
                     <Route path="brand-device" element={<IndexBrandDevice />} />
                     <Route path="plant-section" element={<IndexPlantSection />} />
                     <Route path="error-code" element={<IndexErrorCode />} />
+                    <Route path="status" element={<IndexStatus />} />
                 </Route>
 
                 <Route path="/history" element={<ProtectedRoute />}>