Merge pull request #9238 from MahendraBishnoi29/patch-4

Migrate `ShardChainsList.tsx` to Chakra

Author: pettinarip

src/components/ShardChainsList.tsx

@@ -1,14 +1,10 @@
 import React from "react"
-import styled from "@emotion/styled"
-import CardList, { CardListItem } from "./CardList"
 import { useIntl } from "react-intl"
+import CardList, { CardListItem } from "./CardList"
 
+import { Box } from "@chakra-ui/react"
 import { translateMessageId } from "../utils/translations"
 
-const Container = styled.div`
-  margin-bottom: 4rem;
-`
-
 export interface IProps {}
 
 const ShardChainsList: React.FC<IProps> = () => {
@@ -102,9 +98,9 @@ const ShardChainsList: React.FC<IProps> = () => {
   ]
 
   return (
-    <Container>
+    <Box mb="4rem">
       <CardList content={reads} />
-    </Container>
+    </Box>
   )
 }