Perbaikan UI pada Forum

# style:
- Tampilan keseluruhan forum di ganti menguikuti UI
## No Issue

src/app_modules/forum/edit/posting/index.tsx

@@ -26,6 +26,10 @@ import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_glob
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/component_global/notif_global/notifikasi_peringatan";
 import ComponentGlobal_InputCountDown from "@/app_modules/component_global/input_countdown";
+import {
+  AccentColor,
+  MainColor,
+} from "@/app_modules/component_global/color/color_pallet";
 const ReactQuill = dynamic(
   () => {
     return import("react-quill");
@@ -114,6 +118,17 @@ function ButtonAction({
   return (
     <>
       <Button
+        style={{
+          transition: "0.5s",
+          border:
+            diskusi === "<p><br></p>" || diskusi === "" || diskusi.length > 500
+              ? ""
+              : `1px solid ${AccentColor.yellow}`,
+          backgroundColor:
+            diskusi === "<p><br></p>" || diskusi === "" || diskusi.length > 500
+              ? ""
+              : MainColor.yellow,
+        }}
         disabled={
           diskusi === "<p><br></p>" || diskusi === "" || diskusi.length > 500
             ? true
@@ -122,9 +137,6 @@ function ButtonAction({
         loaderPosition="center"
         loading={loading ? true : false}
         radius={"xl"}
-        style={{
-          transition: "0.5s",
-        }}
         onClick={() => {
           onUpdate();
         }}

src/app_modules/forum/edit/posting/layout.tsx

@@ -4,6 +4,8 @@ import { AppShell } from "@mantine/core";
 import React from "react";
 import ComponentForum_HeaderTamplate from "../../component/header/header_tamplate";
 import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
+import ComponentGlobal_UI_LayoutTamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
+import ComponentGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
 
 export default function LayoutForum_EditPosting({
   children,
@@ -12,11 +14,17 @@ export default function LayoutForum_EditPosting({
 }) {
   return (
     <>
-      <AppComponentGlobal_LayoutTamplate
+      <ComponentGlobal_UI_LayoutTamplate
+        header={<ComponentGlobal_UI_HeaderTamplate title="Edit Postingan" />}
+      >
+        {children}
+      </ComponentGlobal_UI_LayoutTamplate>
+
+      {/* <AppComponentGlobal_LayoutTamplate
         header={<ComponentForum_HeaderTamplate title="Edit Postingan" />}
       >
         {children}
-      </AppComponentGlobal_LayoutTamplate>
+      </AppComponentGlobal_LayoutTamplate> */}
     </>
   );
 }