ts fixes

ui/blocks/BlocksContent.tsx

-import { Box, Text } from '@chakra-ui/react';
+import { Box, Text, Show } from '@chakra-ui/react';
 import React from 'react';
 
-import useIsMobile from 'lib/hooks/useIsMobile';
 import BlocksList from 'ui/blocks/BlocksList';
 import BlocksTable from 'ui/blocks/BlocksTable';
 import Pagination from 'ui/shared/Pagination';
 
 const BlocksContent = () => {
-  const isMobile = useIsMobile();
-
   return (
     <>
       <Text>Total of 15,044,883 blocks</Text>
-      { isMobile ? <BlocksList/> : <BlocksTable/> }
+      <Show below="lg"><BlocksList/></Show>
+      <Show above="lg"><BlocksTable/></Show>
       <Box mx={{ base: 0, lg: 6 }} my={{ base: 6, lg: 3 }}>
-        <Pagination currentPage={ 1 } isMobile={ isMobile }/>
+        <Pagination currentPage={ 1 }/>
       </Box>
     </>
   );

ui/pages/Blocks.tsx

@@ -3,8 +3,8 @@ import React from 'react';
 import type { RoutedTab } from 'ui/shared/RoutedTabs/types';
 
 import BlocksContent from 'ui/blocks/BlocksContent';
-import Page from 'ui/shared/Page';
-import PageHeader from 'ui/shared/PageHeader';
+import Page from 'ui/shared/Page/Page';
+import PageTitle from 'ui/shared/Page/PageTitle';
 import RoutedTabs from 'ui/shared/RoutedTabs/RoutedTabs';
 
 const TABS: Array<RoutedTab> = [
@@ -20,7 +20,7 @@ export interface Props {
 const BlocksPageContent = ({ tab }: Props) => {
   return (
     <Page>
-      <PageHeader text="Blocks"/>
+      <PageTitle text="Blocks"/>
       <RoutedTabs
         tabs={ TABS }
         defaultActiveTab={ tab }