added tons of files, got the bin page to render

src/navigation/Router.tsx

@@ -15,6 +15,7 @@ import { ErrorBoundary } from "react-error-boundary";
 import DeviceComponent from "pages/DeviceComponent";
 import Bins from "pages/Bins";
 import { getWhitelabel } from "services/whiteLabel";
+import Bin from "pages/Bin";
 
 const DeviceHistory = lazy(() => import("pages/DeviceHistory"));
 const DevicePage = lazy(() => import("pages/Device"));
@@ -23,6 +24,7 @@ const GroupPage = lazy(() => import("pages/Group"));
 const Teams = lazy(() => import("pages/Teams"));
 const Users = lazy(() => import("pages/Users"));
 const TeamPage = lazy(() => import("pages/Team"));
+const BinPage = lazy(() => import("pages/Bin"));
 
 interface Props {
   toggleTheme: () => void;
@@ -108,22 +110,22 @@ export default function Router(props: Props) {
             path="" // "/settings/basic"
             element={<Bins key={"Bins page"} />}
           />
-          {/* <Route
+          <Route
             path="/:binID" // "/settings/basic"
             element={<Bin />}
           />
-          <Route
+          {/* <Route
             path="/:deviceID/components/:componentID" // "/settings/basic"
             element={<DeviceComponent />}
           />
           <Route
             path="/:deviceID/history" // "/settings/basic"
             element={<DeviceHistory />}
-          />
-          <Route
-            path="/:deviceID/*" // "/settings/basic"
-            element={<RelativeRoutes />}
           /> */}
+          <Route
+            path="/:binID/*" // "/settings/basic"
+            element={<RelativeRoutes />}
+          />
         </Routes>
       </div>
     );