style : update style

src/module/_global/bin/type_global.ts

@@ -3,6 +3,6 @@ export interface IGlobalTema {
     bgUtama: string
     bgIcon: string
     bgFiturHome: string
-    bgFiturDivisi: string
+    bgFiturDivision: string
     bgTotalKegiatan: string
 }

src/module/_global/bin/val_global.ts

@@ -17,6 +17,6 @@ export const TEMA = hookstate<IGlobalTema>({
    bgUtama: "#F4F9FD",
    bgIcon: "#384288",
    bgFiturHome: "#FCAA4B",
-   bgFiturDivisi: "#FCAA4B",
+   bgFiturDivision: "#FCAA4B",
    bgTotalKegiatan: "#DCEED8"
 })

src/module/_global/fun/WARNA.ts

@@ -1,9 +1,9 @@
 export const WARNA = {
     bgWhite: "#F4F9FD",
-    // biruTua: "#19345E",
-    biruTua: "#508D4E",
-    // bgIcon: "#384288",
-    bgIcon: "#3C8754",
+    biruTua: "#19345E",
+    // biruTua: "#508D4E",
+    bgIcon: "#384288",
+    // bgIcon: "#3C8754",
     borderOrange: "#FCAA4B",
     bgHijauMuda: "#DCEED8",
     borderBiruMuda: "#9EBDED"

src/module/_global/layout/layout_background.tsx

@@ -0,0 +1,14 @@
+"use client"
+import { useHookstate } from '@hookstate/core';
+import { Container, rem } from '@mantine/core';
+import React from 'react';
+import { TEMA } from '../bin/val_global';
+
+export default function LayoutBackground({ children }: { children: React.ReactNode }) {
+  const tema = useHookstate(TEMA)
+  return (
+    <Container mih={'100vh'} p={0} size={rem(550)} bg={tema.get().bgUtama}>
+      {children}
+    </Container>
+  );
+}