fix: html tags

src/components/Title.tsx

@@ -0,0 +1,11 @@
+interface TitleProps {
+  title: string;
+}
+
+export const Title = ({ title }: TitleProps) => {
+  return (
+    <>
+      <h2> {title}</h2>
+    </>
+  );
+};

src/containers/Dashboard/index.tsx

@@ -1,14 +1,15 @@
 import { SearchBar, Table } from '~/components';
+import { Title } from '~/components/Title';
 
 const Dashboard = () => {
   return (
-    <div>
-      <div>
-        <h1>Chain list</h1>
+    <section>
+      <header>
+        <Title title={'Chain list'} />
         <SearchBar />
-      </div>
+      </header>
       <Table />
-    </div>
+    </section>
   );
 };
 

src/containers/Landing/index.tsx

@@ -14,7 +14,7 @@ export const Landing = () => {
   );
 };
 
-const LandingContainer = styled('div')({
+const LandingContainer = styled('main')({
   display: 'flex',
   flexDirection: 'column',
   padding: '0 8rem',

src/containers/LockedAssets/index.tsx

@@ -1,17 +1,18 @@
 import { TotalValueLocked } from '~/components';
+import { Title } from '~/components/Title';
 import { useData } from '~/hooks';
 
 export const LockedAssets = () => {
   const { ecosystemData } = useData();
 
   return (
-    <div>
+    <section>
       {ecosystemData && (
         <>
-          <h2>Locked assets in shared bridge: {ecosystemData.total}</h2>
+          <Title title={`Locked assets in shared bridge: ${ecosystemData.total}`} />
           <TotalValueLocked tvl={ecosystemData.tvl} />
         </>
       )}
-    </div>
+    </section>
   );
 };