add key()

Signed-off-by: Kenneth Obsequio <k80308392@gmail.com>

src/modules/admin/pages/assets/ViewDocumentAsset.jsx

@@ -1,11 +1,10 @@
 // modules/admin/pages/assets/ViewDocumentAsset.jsx
 
-import { useEffect } from "react";
 import { useParams, useNavigate } from "react-router-dom";
 import { ArrowLeft, Lock, Globe, FileText, Download } from "lucide-react";
 import { useDateFormat } from "@/hooks/useDateFormat";
 
-import { useAssets } from "@/contexts/AdminAssetsContext";
+import { useAssetFetchState } from "@/hooks/useAssetFetchState";
 import { useAssetPreviewSrc } from "@/hooks/useAssetPreviewSrc";
 import { downloadAsset } from "@/utils/media.util";
 import { Spinner }   from "@/components/ui/spinner";
@@ -32,18 +31,14 @@ export default function ViewDocumentAsset() {
     const navigate    = useNavigate();
     const { fmtDateTime } = useDateFormat();
 
-    const { selectedAsset, loading, fetchAsset } = useAssets();
+    const { asset: selectedAsset, loading, notFound } = useAssetFetchState(assetId);
     const { src: streamUrl } = useAssetPreviewSrc(selectedAsset, { scope: "admin" });
 
-    useEffect(() => {
-        if (assetId) fetchAsset(assetId);
-    }, [assetId]);
-
     if (loading) {
         return <AssetPageLoader />;
     }
 
-    if (!selectedAsset) {
+    if (notFound) {
         return (
             <div className="flex flex-col items-center justify-center h-96 gap-3 text-muted-foreground">
                 <p>Asset not found.</p>