wip: make dashboard a usable iframe test thing

src/App.tsx

@@ -1,27 +1,20 @@
 import React from 'react';
 import { Helmet } from 'react-helmet';
-import { Routes, Route, Navigate, Outlet } from 'react-router-dom';
 import { Toaster } from 'react-hot-toast';
+import { Navigate, Route, Routes } from 'react-router-dom';
 
-import { useAuth } from 'src/services/auth';
-import { Dashboard, Users, Login } from './modules';
 import { Layout } from './components';
-import { LoginCallback } from './modules/login/LoginCallback';
+import { Dashboard } from './modules';
+import { AppIframe } from './modules/dashboard/AppIframe';
+
+import { DASHBOARD_APPS } from './modules/dashboard/consts';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 function App() {
-  const { authToken, currentUser, isAdmin } = useAuth();
-
-  const redirectToLogin = !authToken || !currentUser?.app_roles;
-
-  const ProtectedRoute = () => {
-    return isAdmin ? <Outlet /> : <Navigate to="/dashboard" />;
-  };
-
   return (
     <>
       <Helmet>
-        <title>Stackspin</title>
+        <title>Colli</title>
         <meta name="description" content="Stackspin" />
         <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
         <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
@@ -32,23 +25,15 @@ function App() {
       </Helmet>
 
       <div className="app bg-gray-50 min-h-screen flex flex-col">
-        {redirectToLogin ? (
+        <Layout>
           <Routes>
-            <Route path="/login" element={<Login />} />
-            <Route path="/login-callback" element={<LoginCallback />} />
-            <Route path="*" element={<Navigate to="/login" />} />
+            <Route path="/dashboard" element={<Dashboard />} />
+            {DASHBOARD_APPS('').map((app) => (
+              <Route key={app.name} path={app.internalUrl} element={<AppIframe app={app} />} />
+            ))}
+            <Route path="*" element={<Navigate to="/dashboard" />} />
           </Routes>
-        ) : (
-          <Layout>
-            <Routes>
-              <Route path="/dashboard" element={<Dashboard />} />
-              <Route path="/users" element={<ProtectedRoute />}>
-                <Route path="/users" element={<Users />} />
-              </Route>
-              <Route path="*" element={<Navigate to="/dashboard" />} />
-            </Routes>
-          </Layout>
-        )}
+        </Layout>
 
         {/* Place to load notifications */}
         <div