Merge branch 'dev' into feat/evidence-attachment-display

web/src/components/EvidenceCard.tsx

@@ -2,16 +2,17 @@ import React from "react";
 import styled, { css } from "styled-components";
 
 import Identicon from "react-identicons";
+import ReactMarkdown from "react-markdown";
 import { Link } from "react-router-dom";
 
 import { Card } from "@kleros/ui-components-library";
 
 import AttachmentIcon from "svgs/icons/attachment.svg";
 
 import { useIPFSQuery } from "hooks/useIPFSQuery";
+import { formatDate } from "utils/date";
 import { getIpfsUrl } from "utils/getIpfsUrl";
 import { shortenAddress } from "utils/shortenAddress";
-import { formatDate } from "utils/date";
 
 import { landscapeStyle } from "styles/landscapeStyle";
 import { responsiveSize } from "styles/responsiveSize";
@@ -65,13 +66,13 @@ const StyledA = styled.a`
   margin-left: auto;
   gap: ${responsiveSize(5, 6)};
   ${landscapeStyle(
-  () => css`
+    () => css`
       > svg {
         width: 16px;
         fill: ${({ theme }) => theme.primaryBlue};
       }
     `
-)}
+  )}
 `;
 
 const AccountContainer = styled.div`
@@ -95,22 +96,22 @@ const AccountContainer = styled.div`
 const DesktopText = styled.span`
   display: none;
   ${landscapeStyle(
-  () => css`
+    () => css`
       display: inline;
     `
-)}
+  )}
 `;
 
 const Timestamp = styled.p`
-color: ${({ theme }) => theme.secondaryText};
+  color: ${({ theme }) => theme.secondaryText};
 `;
 
 const MobileText = styled.span`
   ${landscapeStyle(
-  () => css`
+    () => css`
       display: none;
     `
-)}
+  )}
 `;
 
 const StyledLink = styled(Link)`