feat(explorer): empty state appears below headers in more pages

apps/explorer/src/app/routes/assets/index.tsx

@@ -20,10 +20,13 @@ const Assets = () => {
   if (!assets || assets.length === 0) {
     if (!loading) {
       return (
-        <EmptyList
-          heading={t('This chain has no assets')}
-          label={t('0 assets')}
-        />
+        <section>
+          <RouteTitle data-testid="assets-header">{t('Assets')}</RouteTitle>
+          <EmptyList
+            heading={t('This chain has no assets')}
+            label={t('0 assets')}
+          />
+        </section>
       );
     } else {
       return <Loader />;

apps/explorer/src/app/routes/governance/index.tsx

@@ -17,10 +17,16 @@ const Governance = () => {
   if (!data || !data.proposalsConnection || !data.proposalsConnection.edges) {
     if (!loading) {
       return (
-        <EmptyList
-          heading={t('This chain has no proposals')}
-          label={t('0 proposals')}
-        />
+        <section>
+          <RouteTitle data-testid="governance-header">
+            {t('Governance Proposals')}
+          </RouteTitle>
+
+          <EmptyList
+            heading={t('This chain has no proposals')}
+            label={t('0 proposals')}
+          />
+        </section>
       );
     } else {
       return <Loader />;