UI Job

# style
- UI Job di bagian user selesai

# fix
- Scroll data untuk beranda dan tampilan yang lain selesi

## No issue

src/app_modules/job/non_user_view/layout.tsx

@@ -1,9 +1,11 @@
 "use client";
 
-import { AppShell } from "@mantine/core";
+import { AppShell, Center } from "@mantine/core";
 import React from "react";
 import ComponentJob_HeaderTamplate from "../component/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 LayoutJob_NonUserView({
   children,
@@ -12,16 +14,11 @@ export default function LayoutJob_NonUserView({
 }) {
   return (
     <>
-      <AppComponentGlobal_LayoutTamplate
-        header={
-          <ComponentJob_HeaderTamplate
-            hideBack={true}
-            title="JOB VACANCY HIMPI BADUNG"
-          />
-        }
+      <ComponentGlobal_UI_LayoutTamplate
+        header={<ComponentGlobal_UI_HeaderTamplate title="Job Vacancy" />}
       >
         {children}
-      </AppComponentGlobal_LayoutTamplate>
+      </ComponentGlobal_UI_LayoutTamplate>
     </>
   );
 }

src/app_modules/job/non_user_view/view.tsx

@@ -5,13 +5,23 @@ import ComponentJob_DetailData from "../component/detail/detail_data";
 import { RouterJob } from "@/app/lib/router_hipmi/router_job";
 import { data } from "autoprefixer";
 import { MODEL_JOB } from "../model/interface";
+import { AccentColor, MainColor } from "@/app_modules/component_global/color/color_pallet";
 
 export default function Job_NonUserView({ data }: { data: MODEL_JOB }) {
   return (
     <>
-      <Center>
-        <Card shadow="lg" withBorder p={30} w={{ base: 400 }}>
-          <Card.Section px={"xs"} pb={"lg"}>
+      <Center my={"md"} >
+        <Card
+          shadow="lg"
+          withBorder
+          p={"xl"}
+          // w={{ base: 400 }}
+          style={{
+            backgroundColor: MainColor.darkblue,
+            border: `2px solid ${AccentColor.blue}`,
+          }}
+        >
+          <Card.Section px={"xs"} pb={"lg"} c={"white"}>
             <Stack spacing={"xl"}>
               {data.imagesId ? (
                 <Stack align="center">