fix: File view

Deksripsi:
- Tampilan file view pdf
- Optimalisasi admin
## No Isuue

src/app_modules/investasi/detail_dokumen/layout.tsx

@@ -15,7 +15,7 @@ export default function LayoutDetailDokumenInvestasi({
   return (
     <>
       <UIGlobal_LayoutTamplate
-        header={<UIGlobal_LayoutHeaderTamplate title="Dokumen" />}
+        header={<UIGlobal_LayoutHeaderTamplate title="Daftar Dokumen" />}
       >
         {children}
       </UIGlobal_LayoutTamplate>

src/app_modules/investasi/detail_dokumen/view.tsx

@@ -1,58 +1,64 @@
 "use client";
 
 import { Paper, Grid, Center, Text, Title } from "@mantine/core";
-import { IconChevronRight } from "@tabler/icons-react";
+import { IconChevronRight, IconFileTypePdf } from "@tabler/icons-react";
 import Link from "next/link";
 import { MODEL_INVESTASI } from "../_lib/interface";
 import { useState } from "react";
 import _ from "lodash";
 import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
-import { AccentColor } from "@/app_modules/_global/color/color_pallet";
+import {
+  AccentColor,
+  MainColor,
+} from "@/app_modules/_global/color/color_pallet";
+import { useRouter } from "next/navigation";
+import { NEW_RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
 
 export default function DetailDokumenInvestasi({
   dataInvestasi,
 }: {
   dataInvestasi: MODEL_INVESTASI;
 }) {
+  const router = useRouter();
   const [dokumen, setDokumen] = useState(dataInvestasi);
+
   return (
     <>
       {!_.isEmpty(dokumen.DokumenInvestasi) ? (
         dokumen.DokumenInvestasi.map((e) => (
-          <Link
+          <Paper
             key={e.id}
-            href={`/file/${e.url}`}
-            target="_blank"
-            style={{ textDecorationLine: "none" }}
+            style={{
+              padding: "15px",
+              backgroundColor: AccentColor.darkblue,
+              border: `2px solid ${AccentColor.blue}`,
+              borderRadius: "10px",
+              color: "white",
+              marginBottom: "15px",
+            }}
+            onClick={() => {
+              router.push(NEW_RouterInvestasi.file_view_dokumen + e.id, {
+                scroll: false,
+              });
+            }}
           >
-            <Paper
-              style={{
-                padding: "15px",
-                backgroundColor: AccentColor.darkblue,
-                border: `2px solid ${AccentColor.blue}`,
-                borderRadius: "10px",
-                color: "white",
-                marginBottom: "15px",
-              }}
+            <Grid
+              align="center"
+              justify="center"
+              h={50}
+              px={"sm"}
+              onClick={() => ""}
             >
-              <Grid
-                align="center"
-                justify="center"
-                h={50}
-                px={"sm"}
-                onClick={() => ""}
-              >
-                <Grid.Col span={10}>
-                  <Text>{e.title}</Text>
-                </Grid.Col>
-                <Grid.Col span={2}>
-                  <Center>
-                    <IconChevronRight />
-                  </Center>
-                </Grid.Col>
-              </Grid>
-            </Paper>
-          </Link>
+              <Grid.Col span={10}>
+                <Text>{e.title}</Text>
+              </Grid.Col>
+              <Grid.Col span={2}>
+                <Center>
+                  <IconFileTypePdf style={{ color: MainColor.yellow }} />
+                </Center>
+              </Grid.Col>
+            </Grid>
+          </Paper>
         ))
       ) : (
         <ComponentGlobal_IsEmptyData />