Refactor EmbeddedActiveEquipmentPage to use custom data fetching and remove Authenticated wrapper from App component

client/src/App.tsx

@@ -1,5 +1,4 @@
-import { Admin, Authenticated, CustomRoutes, Resource } from 'react-admin';
-import { Route } from 'react-router-dom';
+import { Admin, Resource } from 'react-admin';
 import { authProvider } from './auth/authProvider';
 import { dataProvider } from './dataProvider';
 import { EmbeddedActiveEquipmentPage } from './pages/EmbeddedActiveEquipmentPage';
@@ -13,18 +12,12 @@ import { EquipmentStatusChangeList } from './resources/equipment-status-change/E
 import { EquipmentStatusChangeShow } from './resources/equipment-status-change/EquipmentStatusChangeShow';
 
 function App() {
+  if (window.location.pathname === '/embedded/equipment-active') {
+    return <EmbeddedActiveEquipmentPage />;
+  }
+
   return (
     <Admin dataProvider={dataProvider} authProvider={authProvider}>
-      <CustomRoutes noLayout>
-        <Route
-          path="/embedded/equipment-active"
-          element={
-            <Authenticated>
-              <EmbeddedActiveEquipmentPage />
-            </Authenticated>
-          }
-        />
-      </CustomRoutes>
       <Resource
         name="equipment"
         list={EquipmentList}