added full keycloak support. Partial Quantum backend support, Moved to

.env for config

- removed the globalVars variable for a lack of need
- changed the documentation page for test of multilevel navigation
- added machines page to route
- cleaned up dependencies for build
- changed config to split imports

src/App.tsx

@@ -7,27 +7,17 @@ import "@mantine/notifications/styles.css";
 import "@mantine/core/styles.css";
 import { Notifications } from "@mantine/notifications";
 import { useLayoutStore } from "Stores/LayoutStore";
-import {
-  defaultAnimationDuration,
-  headerHeight,
-  sideMenuWidth,
-} from "GlobalVars";
 import Sidebar from "Components/Layout/Sidebar/Sidebar";
 import { Outlet, useLocation } from "react-router";
 import { Helmet } from "react-helmet";
 import { useEffect } from "react";
 import { useMediaQuery } from "@mantine/hooks";
 import BreadCrumbs from "Routes/Breadcrumbs/Breadcrumbs";
-import keycloak, { getProfile } from "Api/Keycloak/Keycloak";
+import keycloak from "Api/Keycloak/Keycloak";
 import { AuthenticationStore } from "Stores/AuthenticationStore";
-import type { KeycloakProfile } from "keycloak-js";
-import { useNavigate } from "react-router";
-
 function App() {
   const { is_navbar_open, set_navbar_open } = useLayoutStore();
-  const { set_token, set_profile } = AuthenticationStore();
-  const navigate = useNavigate();
-
+  const { set_token } = AuthenticationStore();
   const theme = useMantineTheme();
 
   const location = useLocation();
@@ -70,9 +60,9 @@ function App() {
       <Notifications />
 
       <AppShell
-        header={{ height: headerHeight }}
+        header={{ height: 50 }}
         aside={{
-          width: sideMenuWidth,
+          width: 280,
           breakpoint: "sm",
           collapsed: {
             desktop: !is_navbar_open,
@@ -80,7 +70,7 @@ function App() {
           },
         }}
         padding="md"
-        transitionDuration={defaultAnimationDuration}
+        transitionDuration={100}
       >
         <AppShell.Header id="Header" zIndex={1000}>
           <Header />