feat(explorer): messages formatting

apps/explorer/src/app/components/empty-list/empty-list.tsx

@@ -1,28 +1,31 @@
-import { t } from "@vegaprotocol/react-helpers";
+import { t } from '@vegaprotocol/react-helpers';
 
 export type EmptyListProps = {
-    heading?: string
-    label?: string
+  heading?: string;
+  label?: string;
 };
 
 /**
  * Renders the empty state from github ticket #1463
  */
-const EmptyList = ({
-    heading,
-    label
-}: EmptyListProps) => {
+const EmptyList = ({ heading, label }: EmptyListProps) => {
   return (
     <div className="empty-list w-full items-center h-full align-center">
-        <div className="skeleton-list border-dashed border-neutral-800 rounded p-5 w-full border-[1px] grid gap-4 grid-cols-9 grid-rows-1 place-content-around mb-4">
-            <div className="bg-neutral-900 mr-5 h-3 col-span-5"></div>
-            <div className="bg-neutral-900 h-3 col-span-1"></div>
-        </div>
+      <div className="skeleton-list border-dashed border-neutral-800 rounded p-5 w-full border-[1px] grid gap-4 grid-cols-9 grid-rows-1 place-content-around mb-4">
+        <div className="bg-neutral-900 mr-5 h-3 col-span-5"></div>
+        <div className="bg-neutral-900 h-3 col-span-1"></div>
+      </div>
 
-        <div className="mt-4">
-            {heading ? <h1 className="font-alpha text-xl uppercase text-center leading-relaxed">{heading}</h1> : null}
-            {label ? <p className="font-alpha text-gray-500 text-center">{label}</p> : null}
-        </div>
+      <div className="mt-4">
+        {heading ? (
+          <h1 className="font-alpha text-xl uppercase text-center leading-relaxed">
+            {heading}
+          </h1>
+        ) : null}
+        {label ? (
+          <p className="font-alpha text-gray-500 text-center">{label}</p>
+        ) : null}
+      </div>
     </div>
   );
 };

apps/explorer/src/app/routes/blocks/id/block.tsx

@@ -113,7 +113,12 @@ const Block = () => {
                   blockHeight={blockData.result.block.header.height}
                   txCount={blockData.result.block.data.txs.length}
                 />
-              ) : <EmptyList heading={t('This block is empty')} label={t('0 transactions')} />} 
+              ) : (
+                <EmptyList
+                  heading={t('This block is empty')}
+                  label={t('0 transactions')}
+                />
+              )}
             </>
           )}
         </>