The navigation folder contains the components specific to layout, access, and navigation. AppLayout is the top-level component which defines the sidebar, navbar, and content layout.
Routing is handled in the top-level in routes.tsx using React Router v6. The pages are lazy loaded as Suspense wrapped components in the renderRoutes loop, with the actual values being passed in from the routes array.
The sideBar is the left-hand menu, which contains links to the main views in the application. The actual content is driven by navList. The navbar is the horizonal top bar with the title and user menu avatar.
The AuthGuard prevents non-logged-in users from accessing the views of the application and will send them to the login screen instead. GuestGuard conversely, prevents logged-in users from navigating to the login screen.