Bursa Investasi

# feat:
- Tampilan portofolio selesai
- Hapus investasi
- Function get data publish
### no issue

src/app_modules/auth/validasi/layout.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { ActionIcon, AppShell, Group, Header } from "@mantine/core";
+import { IconChevronLeft } from "@tabler/icons-react";
+import { useRouter } from "next/navigation";
+import React from "react";
+
+export default function LayoutValidasi({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+    const router = useRouter()
+  return (
+    <>
+      <AppShell
+        header={
+          <Header height={50} sx={{borderStyle: "none"}} px={"md"}>
+           <Group h={50} align="center">
+           <ActionIcon variant="transparent" onClick={() => router.back()} >
+              <IconChevronLeft />
+            </ActionIcon>
+           </Group>
+          </Header>
+        }
+      >
+        {children}
+      </AppShell>
+    </>
+  );
+}

src/app_modules/auth/validasi/view.tsx

@@ -2,6 +2,7 @@
 
 import { useAtom } from "jotai";
 import {
+  ActionIcon,
   Button,
   Center,
   Flex,
@@ -14,7 +15,7 @@ import { gs_nomor, gs_otp } from "../state/state";
 import { Warna } from "@/app/lib/warna";
 import { useState } from "react";
 import { myConsole } from "@/app/fun/my_console";
-import { IconCircleLetterH } from "@tabler/icons-react";
+import { IconChevronLeft, IconCircleLetterH } from "@tabler/icons-react";
 import toast from "react-simple-toasts";
 import { ApiHipmi } from "@/app/lib/api";
 import { useRouter } from "next/navigation";
@@ -62,13 +63,14 @@ export default function Validasi() {
     <>
       {/* {JSON.stringify(nomor)}
       {JSON.stringify(code)} */}
+     
 
       <Flex
         align={"center"}
         justify={"center"}
         direction={"column"}
         gap={50}
-        h={"100vh"}
+        h={"80vh"}
       >
         <Title order={4}>Validasi Kode OTP</Title>
         <IconCircleLetterH size={150} />