feat: add-format-on-save-for-vscode-workspace

Author: tractorss

.vscode/settings.json

@@ -12,5 +12,8 @@
   "sonarlint.connectedMode.project": {
     "connectionId": "kleros",
     "projectKey": "kleros_kleros-v2"
+  },
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
   }
 }

web/src/layout/Header/DesktopHeader.tsx

@@ -1,22 +1,27 @@
 import React from "react";
 import styled, { css } from "styled-components";
-import { landscapeStyle } from "styles/landscapeStyle";
+
 import { useToggle } from "react-use";
-import { useLockOverlayScroll } from "hooks/useLockOverlayScroll";
+
 import KlerosSolutionsIcon from "svgs/menu-icons/kleros-solutions.svg";
+
+import { useLockOverlayScroll } from "hooks/useLockOverlayScroll";
+
+import { landscapeStyle } from "styles/landscapeStyle";
+import { responsiveSize } from "styles/responsiveSize";
+
 import ConnectWallet from "components/ConnectWallet";
 import LightButton from "components/LightButton";
 import { Overlay } from "components/Overlay";
 
+import Logo from "./Logo";
 import DappList from "./navbar/DappList";
 import Explore from "./navbar/Explore";
 import Menu from "./navbar/Menu";
 import Help from "./navbar/Menu/Help";
 import Settings from "./navbar/Menu/Settings";
 
 import { PopupContainer } from ".";
-import { responsiveSize } from "styles/responsiveSize";
-import Logo from "./Logo";
 
 const Container = styled.div`
   display: none;

web/src/layout/Header/MobileHeader.tsx

@@ -1,12 +1,16 @@
 import React, { useContext, useMemo, useRef } from "react";
 import styled, { css } from "styled-components";
+
 import { useClickAway, useToggle } from "react-use";
-import { landscapeStyle } from "styles/landscapeStyle";
+
 import HamburgerIcon from "svgs/header/hamburger.svg";
+
+import { landscapeStyle } from "styles/landscapeStyle";
+
 import LightButton from "components/LightButton";
 
-import NavBar from "./navbar";
 import Logo from "./Logo";
+import NavBar from "./navbar";
 
 const Container = styled.div`
   display: flex;