Fix dibagian auth dan profile

src/app_modules/katalog/profile/_component/comp_load_background.tsx

@@ -7,6 +7,7 @@ import { Center, Image, Skeleton } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
+import { MainColor } from "@/app_modules/_global/color";
 
 export function Profile_ComponentLoadBackgroundImage({
   fileId,
@@ -41,7 +42,7 @@ export function Profile_ComponentLoadBackgroundImage({
   if (!isImage)
     return (
       <>
-        <Center h={200} bg={"white"} style={{ borderRadius: "10px" }}>
+        <Center h={200} bg={MainColor.white} style={{ borderRadius: "10px" }}>
           <Image
             alt="No Image"
             maw={150}
@@ -64,7 +65,7 @@ export function Profile_ComponentLoadBackgroundImage({
             });
           }}
           style={{
-            borderColor: "white",
+            borderColor: MainColor.white,
             borderStyle: "solid",
             borderWidth: "1px",
             borderRadius: "5px",

src/app_modules/katalog/profile/edit/view.tsx

@@ -54,7 +54,7 @@ export default function EditProfile({ data }: { data: MODEL_PROFILE }) {
         <TextInput
           styles={{
             label: {
-              color: "white",
+              color: MainColor.white,
             },
           }}
           withAsterisk
@@ -66,7 +66,7 @@ export default function EditProfile({ data }: { data: MODEL_PROFILE }) {
         <TextInput
           styles={{
             label: {
-              color: "white",
+              color: MainColor.white,
             },
           }}
           withAsterisk
@@ -92,8 +92,11 @@ export default function EditProfile({ data }: { data: MODEL_PROFILE }) {
         <TextInput
           styles={{
             label: {
-              color: "white",
+              color: MainColor.white,
             },
+            input: {
+              backgroundColor: MainColor.white,
+            }
           }}
           withAsterisk
           label="Nama"
@@ -118,8 +121,11 @@ export default function EditProfile({ data }: { data: MODEL_PROFILE }) {
         <TextInput
           styles={{
             label: {
-              color: "white",
+              color: MainColor.white,
             },
+            input: {
+              backgroundColor: MainColor.white,
+            }
           }}
           withAsterisk
           label="Email"
@@ -146,8 +152,11 @@ export default function EditProfile({ data }: { data: MODEL_PROFILE }) {
         <TextInput
           styles={{
             label: {
-              color: "white",
+              color: MainColor.white,
             },
+            input: {
+              backgroundColor: MainColor.white,
+            }
           }}
           withAsterisk
           label="Alamat"
@@ -172,8 +181,11 @@ export default function EditProfile({ data }: { data: MODEL_PROFILE }) {
         <Select
           styles={{
             label: {
-              color: "white",
+              color: MainColor.white,
             },
+            input: {
+              backgroundColor: MainColor.white,
+            }
           }}
           withAsterisk
           label="Jenis Kelamin"