#style:

Deskripsi:
- UI Voting bagian beranda dan status
## Noissue

src/app_modules/vote/detail/draft/layout.tsx

@@ -1,32 +1,57 @@
 "use client";
 
-import { AppShell } from "@mantine/core";
-import React from "react";
+import { ActionIcon, AppShell } from "@mantine/core";
+import React, { useState } from "react";
 import ComponentVote_HeaderTamplate from "../../component/header_tamplate";
-import { IconEdit } from "@tabler/icons-react";
+import { IconDotsVertical, IconEdit } from "@tabler/icons-react";
 import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
 import AppComponentGlobal_LayoutTamplate from "@/app_modules/_global/component_layout_tamplate";
+import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
+import UIGlobal_Drawer from "@/app_modules/_global/ui/ui_drawer";
 
 export default function LayoutVote_DetailDraft({
   children,
-  voteId
+  voteId,
 }: {
   children: React.ReactNode;
-  voteId: string
+  voteId: string;
 }) {
+  const [openDrawer, setOpenDrawer] = useState(false);
+  const listComponent = [
+    {
+      id: "1",
+      name: "Edit Voting",
+      icon: <IconEdit />,
+      path: RouterVote.edit + voteId,
+    },
+  ];
+
   return (
     <>
-      <AppComponentGlobal_LayoutTamplate
+      <UIGlobal_LayoutTamplate
         header={
-          <ComponentVote_HeaderTamplate
+          <UIGlobal_LayoutHeaderTamplate
             title="Detail Draft"
-            icon={<IconEdit />}
-            route2={RouterVote.edit + voteId}
+            customButtonRight={
+              <ActionIcon
+                variant="transparent"
+                onClick={() => setOpenDrawer(true)}
+              >
+                <IconDotsVertical color="white" />
+              </ActionIcon>
+            }
           />
         }
       >
         {children}
-      </AppComponentGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate>
+
+      <UIGlobal_Drawer
+        opened={openDrawer}
+        close={() => setOpenDrawer(false)}
+        component={listComponent}
+      />
     </>
   );
 }