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/Api/ConvertBackendCalls.tsx

@@ -1,19 +1,20 @@
 import axios, { AxiosError } from "axios";
 import type { ConvertSchema } from "Types/ApiCalls/ConvertBackendCallsTypes";
 
-const openbableBackendRoot = "http://localhost:1654";
-
 export async function ConvertMoleculeToStandart(
   data: ConvertSchema,
 ): Promise<string | AxiosError> {
   try {
-    const response = await axios.post(openbableBackendRoot + "/convert", {
-      text: data.inputText,
-      format: data.inputFormat,
-      convert_3d: data.make_3d,
-      add_hydrogen: data.add_h,
-      optimize_geometry: data.optimize,
-    });
+    const response = await axios.post(
+      import.meta.env.VITE_MOLECULAR_BACKEND_URL + "/convert",
+      {
+        text: data.inputText,
+        format: data.inputFormat,
+        convert_3d: data.make_3d,
+        add_hydrogen: data.add_h,
+        optimize_geometry: data.optimize,
+      },
+    );
 
     // Response from the FastAPI JSONResponse
     return response.data.molfile;
@@ -32,7 +33,9 @@ export async function GetInFormats(): Promise<
   { [key: string]: string } | AxiosError
 > {
   try {
-    const response = await axios.get(openbableBackendRoot + "/informats");
+    const response = await axios.get(
+      import.meta.env.VITE_MOLECULAR_BACKEND_URL + "/informats",
+    );
     return response.data;
   } catch (error) {
     //Error handling