diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index c74cdaa76..039b8895c 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -33,14 +33,14 @@ export default function Header(): JSX.Element {
         )}
         {!autoLogin && location.pathname !== `/flow/${tabId}` && (
           <a
-          onClick={() => {
-            logout();
-            navigate("/login");
-          }}
-          className="text-sm font-medium text-muted-foreground transition-colors hover:text-primary cursor-pointer mx-5"
-        >
-          Sign out
-        </a>
+            onClick={() => {
+              logout();
+              navigate("/login");
+            }}
+            className="mx-5 cursor-pointer text-sm font-medium text-muted-foreground transition-colors hover:text-primary"
+          >
+            Sign out
+          </a>
         )}
 
         {location.pathname === "/admin" && (
@@ -48,7 +48,7 @@ export default function Header(): JSX.Element {
             onClick={() => {
               navigate("/");
             }}
-            className="text-sm font-medium text-muted-foreground transition-colors hover:text-primary cursor-pointer"
+            className="cursor-pointer text-sm font-medium text-muted-foreground transition-colors hover:text-primary"
           >
             Home
           </a>
@@ -59,11 +59,11 @@ export default function Header(): JSX.Element {
           location.pathname !== "/admin" &&
           location.pathname !== `/flow/${tabId}` && (
             <a
-            className="text-sm font-medium text-muted-foreground transition-colors hover:text-primary cursor-pointer"
-            onClick={() => navigate("/admin")}
-          >
-            Admin page
-          </a>
+              className="cursor-pointer text-sm font-medium text-muted-foreground transition-colors hover:text-primary"
+              onClick={() => navigate("/admin")}
+            >
+              Admin page
+            </a>
           )}
       </div>
       <div className="round-button-div">
diff --git a/src/frontend/src/pages/AdminPage/index.tsx b/src/frontend/src/pages/AdminPage/index.tsx
index fc963fee8..08e83f700 100644
--- a/src/frontend/src/pages/AdminPage/index.tsx
+++ b/src/frontend/src/pages/AdminPage/index.tsx
@@ -4,6 +4,7 @@ import { useContext, useEffect, useRef, useState } from "react";
 import PaginatorComponent from "../../components/PaginatorComponent";
 import ShadTooltip from "../../components/ShadTooltipComponent";
 import IconComponent from "../../components/genericIconComponent";
+import Header from "../../components/headerComponent";
 import { Button } from "../../components/ui/button";
 import { Checkbox } from "../../components/ui/checkbox";
 import { Input } from "../../components/ui/input";
@@ -25,9 +26,8 @@ import {
 } from "../../controllers/API";
 import ConfirmationModal from "../../modals/ConfirmationModal";
 import UserManagementModal from "../../modals/UserManagementModal";
-import { UserInputType } from "../../types/components";
-import Header from "../../components/headerComponent";
 import { Users } from "../../types/api";
+import { UserInputType } from "../../types/components";
 
 export default function AdminPage() {
   const [inputValue, setInputValue] = useState("");
@@ -89,7 +89,7 @@ export default function AdminPage() {
     if (input === "") {
       setFilterUserList(userList.current);
     } else {
-      const filteredList = userList.current.filter((user:Users) =>
+      const filteredList = userList.current.filter((user: Users) =>
         user.username.toLowerCase().includes(input.toLowerCase())
       );
       setFilterUserList(filteredList);
@@ -183,249 +183,254 @@ export default function AdminPage() {
 
   return (
     <>
-    <div className="flex flex-col">
-      <Header />
-      {userData && (
-        <div className="main-page-panel">
-          <div className="m-auto flex h-full flex-row justify-center">
-            <div className="basis-5/6">
-              <div className="m-auto flex h-full flex-col space-y-8 p-8 ">
-                <div className="flex items-center justify-between space-y-2">
-                  <div>
-                    <h2 className="text-2xl font-bold tracking-tight">
-                      Welcome back!
-                    </h2>
-                    <p className="text-muted-foreground">
-                      Navigate through this section to efficiently oversee all
-                      application users. From here, you can seamlessly manage
-                      user accounts.
-                    </p>
+      <div className="flex flex-col">
+        <Header />
+        {userData && (
+          <div className="main-page-panel">
+            <div className="m-auto flex h-full flex-row justify-center">
+              <div className="basis-5/6">
+                <div className="m-auto flex h-full flex-col space-y-8 p-8 ">
+                  <div className="flex items-center justify-between space-y-2">
+                    <div>
+                      <h2 className="text-2xl font-bold tracking-tight">
+                        Welcome back!
+                      </h2>
+                      <p className="text-muted-foreground">
+                        Navigate through this section to efficiently oversee all
+                        application users. From here, you can seamlessly manage
+                        user accounts.
+                      </p>
+                    </div>
+                    <div className="flex items-center space-x-2"></div>
                   </div>
-                  <div className="flex items-center space-x-2"></div>
-                </div>
 
-                {userList.current.length === 0 && !loadingUsers && (
+                  {userList.current.length === 0 && !loadingUsers && (
+                    <>
+                      <div className="flex items-center justify-between">
+                        <h2>There's no users registered :)</h2>
+                      </div>
+                    </>
+                  )}
                   <>
                     <div className="flex items-center justify-between">
-                      <h2>There's no users registered :)</h2>
-                    </div>
-                  </>
-                )}
-                <>
-                  <div className="flex items-center justify-between">
-                    <div className="flex flex-1 items-center space-x-2">
-                      <Input
-                        value={inputValue}
-                        placeholder="Filter users..."
-                        className="h-8 w-[150px] lg:w-[250px]"
-                        onChange={(e) => handleFilterUsers(e.target.value)}
-                      />
-                      {inputValue.length > 0 && (
-                        <Button
-                          onClick={() => {
-                            setInputValue("");
-                            setFilterUserList(userList.current);
+                      <div className="flex flex-1 items-center space-x-2">
+                        <Input
+                          value={inputValue}
+                          placeholder="Filter users..."
+                          className="h-8 w-[150px] lg:w-[250px]"
+                          onChange={(e) => handleFilterUsers(e.target.value)}
+                        />
+                        {inputValue.length > 0 && (
+                          <Button
+                            onClick={() => {
+                              setInputValue("");
+                              setFilterUserList(userList.current);
+                            }}
+                            variant="ghost"
+                            className="h-8 px-2 lg:px-3"
+                          >
+                            Reset
+                            <X className="ml-2 h-4 w-4" />
+                          </Button>
+                        )}
+                      </div>
+                      <div>
+                        <UserManagementModal
+                          title="New User"
+                          titleHeader={"Add a new user"}
+                          cancelText="Cancel"
+                          confirmationText="Save"
+                          icon={"UserPlus2"}
+                          onConfirm={(index, user) => {
+                            handleNewUser(user);
                           }}
-                          variant="ghost"
-                          className="h-8 px-2 lg:px-3"
                         >
-                          Reset
-                          <X className="ml-2 h-4 w-4" />
-                        </Button>
-                      )}
+                          <Button>New User</Button>
+                        </UserManagementModal>
+                      </div>
                     </div>
-                    <div>
-                      <UserManagementModal
-                        title="New User"
-                        titleHeader={"Add a new user"}
-                        cancelText="Cancel"
-                        confirmationText="Save"
-                        icon={"UserPlus2"}
-                        onConfirm={(index, user) => {
-                          handleNewUser(user);
-                        }}
-                      >
-                        <Button>New User</Button>
-                      </UserManagementModal>
-                    </div>
-                  </div>
-                  {loadingUsers && (
-                    <div>
-                      <strong>Loading...</strong>
-                    </div>
-                  )}
-                  <div
-                    className={
-                      "max-h-[26rem] min-h-[26rem] overflow-scroll overflow-x-hidden rounded-md border-2 bg-muted custom-scroll" +
-                      (loadingUsers ? " border-0" : "")
-                    }
-                  >
-                    <Table className={"table-fixed bg-muted outline-1"}>
-                      <TableHeader
-                        className={
-                          loadingUsers
-                            ? "hidden"
-                            : "table-fixed bg-muted outline-1"
-                        }
-                      >
-                        <TableRow>
-                          <TableHead className="h-10">Id</TableHead>
-                          <TableHead className="h-10">Username</TableHead>
-                          <TableHead className="h-10">Active</TableHead>
-                          <TableHead className="h-10">Superuser</TableHead>
-                          <TableHead className="h-10">Created At</TableHead>
-                          <TableHead className="h-10">Updated At</TableHead>
-                          <TableHead className="h-10 w-[100px]  text-right"></TableHead>
-                        </TableRow>
-                      </TableHeader>
-                      {!loadingUsers && (
-                        <TableBody>
-                          {filterUserList.map((user:UserInputType, index) => (
-                            <TableRow key={index}>
-                              <TableCell className="truncate py-2 font-medium">
-                                <ShadTooltip content={user.id}>
-                                  <span className="cursor-default">
-                                    {user.id}
-                                  </span>
-                                </ShadTooltip>
-                              </TableCell>
-                              <TableCell className="truncate py-2">
-                                <ShadTooltip content={user.username}>
-                                  <span className="cursor-default">
-                                    {user.username}
-                                  </span>
-                                </ShadTooltip>
-                              </TableCell>
-                              <TableCell className="relative left-5 truncate py-2 text-align-last-left">
-                                <ConfirmationModal
-                                  title="Edit"
-                                  titleHeader={`${user.username}`}
-                                  modalContentTitle="Attention!"
-                                  modalContent="Are you completely confident about the changes you are making to this user?"
-                                  cancelText="Cancel"
-                                  confirmationText="Confirm"
-                                  icon={"UserCog2"}
-                                  data={user}
-                                  index={index}
-                                  onConfirm={(index, user) => {
-                                    handleDisableUser(
-                                      user.is_active,
-                                      user.id,
-                                      user
-                                    );
-                                  }}
-                                >
-                                  <Checkbox
-                                    id="is_active"
-                                    checked={user.is_active}
-                                  />
-                                </ConfirmationModal>
-                              </TableCell>
-                              <TableCell className="relative left-5 truncate py-2 text-align-last-left">
-                                <ConfirmationModal
-                                  title="Edit"
-                                  titleHeader={`${user.username}`}
-                                  modalContentTitle="Attention!"
-                                  modalContent="Are you completely confident about the changes you are making to this user?"
-                                  cancelText="Cancel"
-                                  confirmationText="Confirm"
-                                  icon={"UserCog2"}
-                                  data={user}
-                                  index={index}
-                                  onConfirm={(index, user) => {
-                                    handleSuperUserEdit(
-                                      user.is_superuser,
-                                      user.id,
-                                      user
-                                    );
-                                  }}
-                                >
-                                  <Checkbox
-                                    id="is_superuser"
-                                    checked={user.is_superuser}
-                                  />
-                                </ConfirmationModal>
-                              </TableCell>
-                              <TableCell className="truncate py-2 ">
-                                {
-                                  new Date(user.create_at!)
-                                    .toISOString()
-                                    .split("T")[0]
-                                }
-                              </TableCell>
-                              <TableCell className="truncate py-2">
-                                {
-                                  new Date(user.updated_at!)
-                                    .toISOString()
-                                    .split("T")[0]
-                                }
-                              </TableCell>
-                              <TableCell className="flex w-[100px] py-2 text-right">
-                                <div className="flex">
-                                  <UserManagementModal
-                                    title="Edit"
-                                    titleHeader={`${user.id}`}
-                                    cancelText="Cancel"
-                                    confirmationText="Save"
-                                    icon={"UserPlus2"}
-                                    data={user}
-                                    index={index}
-                                    onConfirm={(index, editUser) => {
-                                      handleEditUser(user.id, editUser);
-                                    }}
-                                  >
-                                    <ShadTooltip content="Edit" side="top">
-                                      <IconComponent
-                                        name="Pencil"
-                                        className="h-4 w-4 cursor-pointer"
-                                      />
+                    {loadingUsers && (
+                      <div>
+                        <strong>Loading...</strong>
+                      </div>
+                    )}
+                    <div
+                      className={
+                        "max-h-[26rem] min-h-[26rem] overflow-scroll overflow-x-hidden rounded-md border-2 bg-muted custom-scroll" +
+                        (loadingUsers ? " border-0" : "")
+                      }
+                    >
+                      <Table className={"table-fixed bg-muted outline-1"}>
+                        <TableHeader
+                          className={
+                            loadingUsers
+                              ? "hidden"
+                              : "table-fixed bg-muted outline-1"
+                          }
+                        >
+                          <TableRow>
+                            <TableHead className="h-10">Id</TableHead>
+                            <TableHead className="h-10">Username</TableHead>
+                            <TableHead className="h-10">Active</TableHead>
+                            <TableHead className="h-10">Superuser</TableHead>
+                            <TableHead className="h-10">Created At</TableHead>
+                            <TableHead className="h-10">Updated At</TableHead>
+                            <TableHead className="h-10 w-[100px]  text-right"></TableHead>
+                          </TableRow>
+                        </TableHeader>
+                        {!loadingUsers && (
+                          <TableBody>
+                            {filterUserList.map(
+                              (user: UserInputType, index) => (
+                                <TableRow key={index}>
+                                  <TableCell className="truncate py-2 font-medium">
+                                    <ShadTooltip content={user.id}>
+                                      <span className="cursor-default">
+                                        {user.id}
+                                      </span>
                                     </ShadTooltip>
-                                  </UserManagementModal>
-
-                                  <ConfirmationModal
-                                    title="Delete"
-                                    titleHeader="Delete User"
-                                    modalContentTitle="Attention!"
-                                    modalContent="Are you sure you want to delete this user? This action cannot be undone."
-                                    cancelText="Cancel"
-                                    confirmationText="Delete"
-                                    icon={"UserMinus2"}
-                                    data={user}
-                                    index={index}
-                                    onConfirm={(index, user) => {
-                                      handleDeleteUser(user);
-                                    }}
-                                  >
-                                    <ShadTooltip content="Delete" side="top">
-                                      <IconComponent
-                                        name="Trash2"
-                                        className="ml-2 h-4 w-4 cursor-pointer"
-                                      />
+                                  </TableCell>
+                                  <TableCell className="truncate py-2">
+                                    <ShadTooltip content={user.username}>
+                                      <span className="cursor-default">
+                                        {user.username}
+                                      </span>
                                     </ShadTooltip>
-                                  </ConfirmationModal>
-                                </div>
-                              </TableCell>
-                            </TableRow>
-                          ))}
-                        </TableBody>
-                      )}
-                    </Table>
-                  </div>
+                                  </TableCell>
+                                  <TableCell className="relative left-5 truncate py-2 text-align-last-left">
+                                    <ConfirmationModal
+                                      title="Edit"
+                                      titleHeader={`${user.username}`}
+                                      modalContentTitle="Attention!"
+                                      modalContent="Are you completely confident about the changes you are making to this user?"
+                                      cancelText="Cancel"
+                                      confirmationText="Confirm"
+                                      icon={"UserCog2"}
+                                      data={user}
+                                      index={index}
+                                      onConfirm={(index, user) => {
+                                        handleDisableUser(
+                                          user.is_active,
+                                          user.id,
+                                          user
+                                        );
+                                      }}
+                                    >
+                                      <Checkbox
+                                        id="is_active"
+                                        checked={user.is_active}
+                                      />
+                                    </ConfirmationModal>
+                                  </TableCell>
+                                  <TableCell className="relative left-5 truncate py-2 text-align-last-left">
+                                    <ConfirmationModal
+                                      title="Edit"
+                                      titleHeader={`${user.username}`}
+                                      modalContentTitle="Attention!"
+                                      modalContent="Are you completely confident about the changes you are making to this user?"
+                                      cancelText="Cancel"
+                                      confirmationText="Confirm"
+                                      icon={"UserCog2"}
+                                      data={user}
+                                      index={index}
+                                      onConfirm={(index, user) => {
+                                        handleSuperUserEdit(
+                                          user.is_superuser,
+                                          user.id,
+                                          user
+                                        );
+                                      }}
+                                    >
+                                      <Checkbox
+                                        id="is_superuser"
+                                        checked={user.is_superuser}
+                                      />
+                                    </ConfirmationModal>
+                                  </TableCell>
+                                  <TableCell className="truncate py-2 ">
+                                    {
+                                      new Date(user.create_at!)
+                                        .toISOString()
+                                        .split("T")[0]
+                                    }
+                                  </TableCell>
+                                  <TableCell className="truncate py-2">
+                                    {
+                                      new Date(user.updated_at!)
+                                        .toISOString()
+                                        .split("T")[0]
+                                    }
+                                  </TableCell>
+                                  <TableCell className="flex w-[100px] py-2 text-right">
+                                    <div className="flex">
+                                      <UserManagementModal
+                                        title="Edit"
+                                        titleHeader={`${user.id}`}
+                                        cancelText="Cancel"
+                                        confirmationText="Save"
+                                        icon={"UserPlus2"}
+                                        data={user}
+                                        index={index}
+                                        onConfirm={(index, editUser) => {
+                                          handleEditUser(user.id, editUser);
+                                        }}
+                                      >
+                                        <ShadTooltip content="Edit" side="top">
+                                          <IconComponent
+                                            name="Pencil"
+                                            className="h-4 w-4 cursor-pointer"
+                                          />
+                                        </ShadTooltip>
+                                      </UserManagementModal>
 
-                  <PaginatorComponent
-                    pageIndex={index}
-                    pageSize={size}
-                    totalRowsCount={totalRowsCount}
-                    paginate={(pageIndex, pageSize) => {
-                      handleChangePagination(pageSize, pageIndex);
-                    }}
-                  ></PaginatorComponent>
-                </>
+                                      <ConfirmationModal
+                                        title="Delete"
+                                        titleHeader="Delete User"
+                                        modalContentTitle="Attention!"
+                                        modalContent="Are you sure you want to delete this user? This action cannot be undone."
+                                        cancelText="Cancel"
+                                        confirmationText="Delete"
+                                        icon={"UserMinus2"}
+                                        data={user}
+                                        index={index}
+                                        onConfirm={(index, user) => {
+                                          handleDeleteUser(user);
+                                        }}
+                                      >
+                                        <ShadTooltip
+                                          content="Delete"
+                                          side="top"
+                                        >
+                                          <IconComponent
+                                            name="Trash2"
+                                            className="ml-2 h-4 w-4 cursor-pointer"
+                                          />
+                                        </ShadTooltip>
+                                      </ConfirmationModal>
+                                    </div>
+                                  </TableCell>
+                                </TableRow>
+                              )
+                            )}
+                          </TableBody>
+                        )}
+                      </Table>
+                    </div>
+
+                    <PaginatorComponent
+                      pageIndex={index}
+                      pageSize={size}
+                      totalRowsCount={totalRowsCount}
+                      paginate={(pageIndex, pageSize) => {
+                        handleChangePagination(pageSize, pageIndex);
+                      }}
+                    ></PaginatorComponent>
+                  </>
+                </div>
               </div>
             </div>
           </div>
-        </div>
-      )}
+        )}
       </div>
     </>
   );
diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 74a211c33..64f7de21e 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -431,7 +431,7 @@ export default function Page({
                   zoomOnScroll={!view}
                   zoomOnPinch={!view}
                   panOnDrag={!view}
-                  proOptions={{hideAttribution: true}}
+                  proOptions={{ hideAttribution: true }}
                 >
                   <Background className="" />
                   {!view && (