feat(web): add debug info to desktop version in help component

Author: kemuru

web/src/layout/Header/navbar/Menu/Help.tsx

@@ -9,6 +9,7 @@ import ETH from "svgs/icons/eth.svg";
 import Faq from "svgs/menu-icons/help.svg";
 import Telegram from "svgs/socialmedia/telegram.svg";
 import { IHelp } from "..";
+import Debug from "../Debug";
 
 const Container = styled.div`
   display: flex;
@@ -32,7 +33,7 @@ const Container = styled.div`
   ${landscapeStyle(
     () => css`
       margin-top: 64px;
-      width: 240px;
+      width: 260px;
       top: 0;
       right: 0;
       left: auto;
@@ -112,6 +113,7 @@ const Help: React.FC<IHelp> = ({ toggleIsHelpOpen }) => {
           <small>{item.text}</small>
         </ListItem>
       ))}
+      <Debug />
     </Container>
   );
 };

web/src/layout/Header/navbar/index.tsx

@@ -11,7 +11,6 @@ import LightButton from "components/LightButton";
 import { Overlay } from "components/Overlay";
 import KlerosSolutionsIcon from "svgs/menu-icons/kleros-solutions.svg";
 import Menu from "./Menu";
-import Debug from "./Debug";
 import Help from "./Menu/Help";
 import Settings from "./Menu/Settings";
 import { DisconnectWalletButton } from "./Menu/Settings/General";
@@ -97,7 +96,6 @@ const NavBar: React.FC = () => {
         <hr />
         <Menu {...{ toggleIsHelpOpen, toggleIsSettingsOpen }} />
         <br />
-        <Debug />
       </Container>
       {(isDappListOpen || isHelpOpen || isSettingsOpen) && (
         <PopupContainer>