feat: add links to solutions and help

Author: nhestrompia

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

@@ -19,42 +19,42 @@ const ITEMS = [
   {
     text: "Court",
     Icon: Court,
-    url: "",
+    url: "https://court.kleros.io/",
   },
   {
     text: "Escrow",
     Icon: Escrow,
-    url: "",
+    url: "https://escrow.kleros.io",
   },
   {
     text: "Tokens",
     Icon: Tokens,
-    url: "",
+    url: "https://tokens.kleros.io/",
   },
   {
     text: "POH",
     Icon: POH,
-    url: "",
+    url: "https://www.proofofhumanity.id",
   },
   {
     text: "Curate",
     Icon: Curate,
-    url: "",
+    url: "https://curate.kleros.io/",
   },
   {
     text: "Resolver",
     Icon: Resolver,
-    url: "",
+    url: "https://resolve.kleros.io/",
   },
   {
     text: "Linguo",
     Icon: Linguo,
-    url: "",
+    url: "https://linguo.kleros.io/",
   },
   {
     text: "Governor",
     Icon: Governor,
-    url: "",
+    url: "https://governor.kleros.io/",
   },
 ];
 

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

@@ -12,17 +12,17 @@ const ITEMS = [
   {
     text: "Onboarding",
     Icon: Book,
-    url: "",
+    url: "https://kleros.dodao.io/",
   },
   {
     text: "Get Help",
     Icon: Telegram,
-    url: "",
+    url: "https://t.me/kleros",
   },
   {
     text: "Report a Bug",
     Icon: Bug,
-    url: "",
+    url: "https://github.com/kleros/kleros-v2/issues/new",
   },
   {
     text: "DApp Guide",
@@ -37,7 +37,7 @@ const ITEMS = [
   {
     text: "FAQ",
     Icon: Faq,
-    url: "",
+    url: "https://kleros.gitbook.io/docs/kleros-faq",
   },
 ];
 
@@ -61,7 +61,7 @@ const Container = styled.div`
   box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.06);
 `;
 
-const ListItem = styled.div`
+const ListItem = styled.a`
   display: flex;
   gap: 8px;
   padding: 0px 8px;
@@ -106,7 +106,7 @@ const Help: React.FC<IHelp> = ({ toggle }) => {
       <Overlay />
       <Container ref={containerRef}>
         {ITEMS.map((item) => (
-          <ListItem key={item.text}>
+          <ListItem href={item.url} key={item.text} target="_blank">
             <Icon as={item.Icon} />
             <small>{item.text}</small>
           </ListItem>

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

@@ -55,7 +55,6 @@ const StyledImg = styled.img`
 `;
 
 const Product: React.FC<IProduct> = ({ text, url, Icon }) => {
-  console.log("icon", Icon);
   return (
     <Container href={url} target="_blank">
       {typeof Icon === "string" ? <StyledImg alt={Icon} src={Icon} /> : <StyledIcon as={Icon} />}