Show miner when hovering over a block

frontend/components/Block.tsx

@@ -36,15 +36,20 @@ export const EmptyBlock = styled.div`
 export interface IBlockProps {
   height: number;
   signals: boolean | undefined;
+  miner: string | undefined;
 }
 
-export function Block({ height, signals }: IBlockProps) {
+export function Block({ height, signals, miner }: IBlockProps) {
   if (signals === undefined) {
     return <EmptyBlock title={`Coming block ${height}`} />;
   }
+
+  const hover = `Height: ${height}
+Miner: ${miner ?? "Unknown"}`;
+
   return (
     <a href={`https://mempool.space/block/${height}`} target="_blank">
-      <BlockStyle title={`Height: ${height}`} signals={signals}></BlockStyle>
+      <BlockStyle title={hover} signals={signals}></BlockStyle>
     </a>
   );
 }

frontend/pages/index.tsx

@@ -111,7 +111,7 @@ export default function Blocks() {
         </TopSection>
         <BlockContainer>
           {blocks.map((block, i) => (
-            <Block key={i} height={block.height} signals={block.signals} />
+            <Block key={i} height={block.height} signals={block.signals} miner={block.miner} />
           ))}
         </BlockContainer>
         {config.donation && <Donation />}