Fix QC

# fix
- authentication
- profile
- pencarian user
- forum
## No issue

src/app_modules/event/component/detail/detail_data.tsx

@@ -15,14 +15,14 @@ export default function ComponentEvent_DetailData({
   const jam = tgl.toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit",
-    hour12: false,
   });
 
   return (
     <>
+      {/* <pre>{JSON.stringify(jam)}</pre> */}
       <Paper withBorder p={"md"} shadow="lg">
         <Stack px={"sm"}>
-          <Title order={4}>{data ? data?.title : null}</Title>
+          <Title w={"100%"} order={4}>{data ? data?.title : null}</Title>
           <Grid>
             <Grid.Col span={4}>
               <Text fw={"bold"} fz={"sm"}>
@@ -52,7 +52,7 @@ export default function ComponentEvent_DetailData({
               </Text>
             </Grid.Col>
             <Grid.Col span={1}>:</Grid.Col>
-            <Grid.Col span={"auto"}>{hari}</Grid.Col>
+            <Grid.Col span={"auto"}>{hari ? hari : ""}</Grid.Col>
           </Grid>
           <Grid>
             <Grid.Col span={4}>
@@ -61,7 +61,7 @@ export default function ComponentEvent_DetailData({
               </Text>
             </Grid.Col>
             <Grid.Col span={1}>:</Grid.Col>
-            <Grid.Col span={"auto"}>{jam}</Grid.Col>
+            <Grid.Col span={"auto"}>{jam ? jam : ""}</Grid.Col>
           </Grid>
           <Stack spacing={2}>
             <Text fw={"bold"} fz={"sm"}>

src/app_modules/event/component/error_maksimal_input.tsx

@@ -1,17 +1,23 @@
-"use client"
+"use client";
 
 import { Group, Text } from "@mantine/core";
 import { IconAlertTriangle } from "@tabler/icons-react";
 
-export default function ComponentEvent_ErrorMaximalInput({max}:{max: number}){
-    return (
-      <>
-        <Group spacing={"xs"}>
-          <IconAlertTriangle size={15} />
-          <Text fz={10} fs={"italic"}>
-            Maksimal {max} karakter !
-          </Text>
-        </Group>
-      </>
-    );
-}
+export default function ComponentEvent_ErrorMaximalInput({
+  max,
+  text,
+}: {
+  max?: number;
+  text?: string;
+}) {
+  return (
+    <>
+      <Group spacing={"xs"}>
+        <IconAlertTriangle size={15} />
+        <Text fz={10} fs={"italic"}>
+          {text ? text : ` Maksimal ${max} karakter !`}
+        </Text>
+      </Group>
+    </>
+  );
+}

src/app_modules/event/component/header_tamplate.tsx

@@ -15,7 +15,7 @@ export default function ComponentEvent_HeaderTamplate({
   bg,
 }: {
   hideBack?: boolean;
-  changeIconBack?: any
+  changeIconBack?: any;
   route?: any;
   route2?: any;
   title: string;
@@ -23,6 +23,8 @@ export default function ComponentEvent_HeaderTamplate({
   bg?: any;
 }) {
   const router = useRouter();
+  const [isLoadingBack, setLoadingBack] = useState(false);
+  const [isLoadingOtherIcon, setLoadingOtherIcon] = useState(false);
   return (
     <>
       <Header
@@ -35,8 +37,10 @@ export default function ComponentEvent_HeaderTamplate({
             <ActionIcon variant="transparent" disabled></ActionIcon>
           ) : (
             <ActionIcon
+              loading={isLoadingBack ? true : false}
               variant="transparent"
               onClick={() => {
+                setLoadingBack(true);
                 if (route === null || route === undefined) {
                   return router.back();
                 } else {
@@ -44,7 +48,7 @@ export default function ComponentEvent_HeaderTamplate({
                 }
               }}
             >
-             {changeIconBack ? changeIconBack:  <IconChevronLeft />}
+              {changeIconBack ? changeIconBack : <IconChevronLeft />}
             </ActionIcon>
           )}
           <Title order={5}>{title}</Title>
@@ -54,8 +58,12 @@ export default function ComponentEvent_HeaderTamplate({
             } else {
               return (
                 <ActionIcon
+                  loading={isLoadingOtherIcon ? true : false}
                   variant="transparent"
-                  onClick={() => router.push(route2)}
+                  onClick={() => {
+                    setLoadingOtherIcon(true);
+                    router.push(route2);
+                  }}
                 >
                   {icon}
                 </ActionIcon>

src/app_modules/event/component/is_empty_data.tsx

@@ -0,0 +1,13 @@
+"use client";
+
+import { Center } from "@mantine/core";
+
+export default function ComponentEvent_IsEmptyData({ text }: { text: string }) {
+  return (
+    <>
+      <Center h={"50vh"} fz={"sm"} c="gray" fw={"bold"} style={{zIndex: 1}}>
+        {text}
+      </Center>
+    </>
+  );
+}