feat: Implement latest blocks page

[Benjtalkshow]

closes #19

Implemented paginated list of latest blocks with detailed information

Features Implemented

• Display a table of the latest blocks using the shadcn/ui Table component.
• Each row in the table shows:
  • Block number (with a link to the block details page).
  • Timestamp (with tooltip showing the exact UTC time).
  • Transaction count (with a link to the block transactions page).
  • Gas used (with percentage against the gas limit).
  • Gas limit.
• Added a progress bar for gas used percentage using the shadcn/ui Progress component.
• Implemented pagination to navigate through the block history, displaying 25 blocks per page.
• The latest block number is fetched on the first page load and used as a reference for subsequent page navigation to ensure consistent pagination.

Pagination Details

• Navigating to /blocks displays blocks 100 to 76.
• Navigating to /blocks?p=2 displays blocks 75 to 51.
• Navigating to /blocks?p=3 displays blocks 50 to 26.
• The latest block number is fetched using viem getBlockNumber if not provided as a query parameter.

Implementation Details

• Used NextJS best practices for handling query parameters and data fetching.
• Server-side data fetching using React Server Components and getServerSideProps.
• Pagination is handled server-side using the searchParams parameter

Screenshot Desktop

Screenshot Mobile

Please review the changes and provide feedback. Thank you .

[Benjtalkshow]

closes #32 @saimeunt , I have made the requested changes to handle the edge case for fetching blocks on the last page. Please review the latest commit. Thank you!