Refactor: Move header login buttons to right side of flow name

.gitattributes

@@ -21,4 +21,5 @@
 *.mp4 binary
 *.svg binary
 *.ico binary
-*.gif binary
+*.gif binary
+*.csv binary

src/frontend/src/components/headerComponent/index.tsx

@@ -27,6 +27,10 @@ export default function Header(): JSX.Element {
         <Link to="/">
           <span className="ml-4 text-2xl">⛓️</span>
         </Link>
+
+        {flows.findIndex((f) => tabId === f.id) !== -1 && tabId !== "" && (
+          <MenuBar flows={flows} tabId={tabId} />
+        )}
         {location.pathname === "/admin" && (
           <Button
             onClick={() => {
@@ -56,10 +60,6 @@ export default function Header(): JSX.Element {
             Admin page
           </Button>
         )}
-
-        {flows.findIndex((f) => tabId === f.id) !== -1 && tabId !== "" && (
-          <MenuBar flows={flows} tabId={tabId} />
-        )}
       </div>
       <div className="round-button-div">
         <Link to="/">