disable shallow navigation for blocks

ui/block/BlockDetails.tsx

@@ -52,8 +52,10 @@ const BlockDetails = () => {
 
   const handlePrevNextClick = React.useCallback((direction: 'prev' | 'next') => {
     const increment = direction === 'next' ? +1 : -1;
-    const url = link('block_index', { id: String(Number(router.query.id) + increment) });
-    router.push(url, undefined, { shallow: true });
+    const nextId = String(Number(router.query.id) + increment);
+
+    const url = link('block_index', { id: nextId });
+    router.push(url, undefined);
   }, [ link, router ]);
 
   if (isLoading) {

ui/pages/Block.tsx

@@ -21,9 +21,13 @@ export interface Props {
 const BlockPageContent = ({ tab }: Props) => {
   const router = useRouter();
 
+  if (!router.query.id) {
+    return null;
+  }
+
   return (
     <Page>
-      <PageTitle text={ `Block #${ router.query.id || '' }` }/>
+      <PageTitle text={ `Block #${ router.query.id }` }/>
       <RoutedTabs
         tabs={ TABS }
         defaultActiveTab={ tab }