update download logic and 404 redirect

src/app/document/view/[slug]/page.tsx

@@ -1,4 +1,3 @@
-'use client'
 import styles from './documentViewer.module.css'
 import { Zilla_Slab } from 'next/font/google'
 import { saveAs } from 'file-saver'
@@ -8,8 +7,8 @@ import {
   topics as topicList,
   authors as authorList,
 } from '../../../db/data'
-import { navigate } from '../../../actions'
 import Link from 'next/link'
+import { notFound } from 'next/navigation'
 
 const zillaSlab = Zilla_Slab({ subsets: ['latin'], weight: ['500'] })
 
@@ -32,7 +31,7 @@ export default function Page({
 }: Readonly<{ params: { slug: string } }>) {
   const doc = documents[params.slug]
   if (!doc) {
-    navigate('/404')
+    notFound()
     return
   }
   const { abstract, file } = doc
@@ -148,10 +147,12 @@ export default function Page({
         <p className='my-4 text-xl text-slate-600 font-serif  '>{abstract}</p>
         <p className='my-2'>{generateTopics()}</p>
         <p className='my-2'>{generateCode()}</p>
-        <button
-          className='bg-blue-600 text-slate-100 hover:bg-blue-400 font-semibold rounded py-2 px-4 my-2'
-          onClick={handleDownloadLatest}
+        <Link
+          href={`/download/${params.slug}/file${latest}.${file}`}
+          download={`${params.slug}-rev-${latest}.pdf`}
+          target='_blank'
         >
+          <button className='bg-blue-600 text-slate-100 hover:bg-blue-400 font-semibold rounded py-2 px-4 my-2'>
             Download{' '}
             {(() => {
               switch (file) {
@@ -164,6 +165,7 @@ export default function Page({
               }
             })()}
           </button>
+        </Link>
       </div>
     </div>
   )