v1.0

- added task rendering instead of molecule
- fied a lot of errors
- changes experiment page to show generic experiment info

src/Pages/DevicesPage/DevicePage/DevicePage.tsx

@@ -21,6 +21,12 @@ import TeamInMachineListCard from "Components/ListCard/TeamListCard/TeamInMachin
 import { AddTeamToDevice } from "Modals/AddTeamToDevice/AddTeamToDevice";
 import { getShortTeamsList } from "Api/QuantumBackend/TeamManagement";
 
+const colors = {
+  ONLINE: "var(--mantine-color-green-7)",
+  OFFLINE: "var(--mantine-color-red-7)",
+  BUSY: "var(--mantine-color-yellow-5)",
+};
+
 function DevicePage() {
   const [isOpen, setIsOpen] = useState(false);
   const { device_id } = useParams();
@@ -107,7 +113,16 @@ function DevicePage() {
             <Space h="xl" />
             <div style={{ display: "flex", flexDirection: "row", gap: "15px" }}>
               <Text size="md">Статус: </Text>
-              <Pill className="ExperimentPill">
+              <Pill
+                className="ExperimentPill"
+                style={{
+                  color: "white",
+                  backgroundColor:
+                    colors[
+                      cur_device?.system.status as "ONLINE" | "OFFLINE" | "BUSY"
+                    ],
+                }}
+              >
                 <Text size="md">{cur_device?.system.status}</Text>
               </Pill>
               <div className="dateContainer">