Merge pull request #5 from kleros/feat(web)/all-lists-page

feat(web): all lists page, refactors, styling

Author: kemuru

web/src/app.tsx

@@ -10,6 +10,7 @@ import StyledComponentsProvider from "context/StyledComponentsProvider";
 import RefetchOnBlock from "context/RefetchOnBlock";
 import Layout from "layout/index";
 import Home from "./pages/Home";
+import AllLists from "./pages/AllLists";
 
 const App: React.FC = () => {
   return (
@@ -21,6 +22,7 @@ const App: React.FC = () => {
             <SentryRoutes>
               <Route path="/" element={<Layout />}>
                 <Route index element={<Home />} />
+                <Route path="lists/*" element={<AllLists />} />
                 <Route path="*" element={<h1>404 not found</h1>} />
               </Route>
             </SentryRoutes>

web/src/assets/svgs/chains/ethereum.svg

@@ -1,9 +1,9 @@
 import React from "react";
 import { arbitrum, arbitrumSepolia, gnosis, gnosisChiado, polygon, polygonMumbai } from "viem/chains";
 import { mainnet, sepolia } from "wagmi";
-import EthIcon from "svgs/icons/eth-chain.svg";
-import PolygonIcon from "svgs/icons/polygon.svg";
-import GnosisIcon from "svgs/icons/gnosis.svg";
+import EthIcon from "svgs/chains/ethereum.svg";
+import PolygonIcon from "svgs/chains/polygon.svg";
+import GnosisIcon from "svgs/chains/gnosis.svg";
 import styled from "styled-components";
 
 const getChainIcon = (chainId: number) => {