upd: update data pelayanan surat

Deskripsi
- form pencarian
- detail data pengajuan
- api
- belom selesai submit

NO Issues

src/components/FullScreenLoading.tsx

@@ -1,43 +1,38 @@
-import { Center, Loader, Overlay, Stack, Text } from "@mantine/core"
+import { Center, Loader, Overlay, Stack, Text } from "@mantine/core";
 
 type FullScreenLoadingProps = {
-   visible: boolean
-   text?: string
-}
+  visible: boolean;
+  text?: string;
+};
 
 export default function FullScreenLoading({
-   visible,
-   text = "Memproses data..."
+  visible,
+  text = "Memproses data...",
 }: FullScreenLoadingProps) {
-   if (!visible) return null
+  if (!visible) return null;
 
-   return (
-      <Overlay
-         fixed
-         blur={6}
-         backgroundOpacity={0.3}
-         zIndex={10000}
-      >
-         <Center h="100%">
-            <Stack align="center" justify="center">
-               <Loader size="lg" />
-               <Text size="sm" c="dimmed">
-                  {text}
-               </Text>
-            </Stack>
-         </Center>
-      </Overlay>
-   )
+  return (
+    <Overlay fixed blur={6} backgroundOpacity={0.3} zIndex={10000}>
+      <Center h="100%">
+        <Stack align="center" justify="center">
+          <Loader size="lg" />
+          <Text size="sm" c="dimmed">
+            {text}
+          </Text>
+        </Stack>
+      </Center>
+    </Overlay>
+  );
 }
 
 const overlayStyle: React.CSSProperties = {
-   position: "fixed",
-   inset: 0,
-   zIndex: 9999,
-   backdropFilter: "blur(6px)",
-   backgroundColor: "rgba(255, 255, 255, 0.6)"
-}
+  position: "fixed",
+  inset: 0,
+  zIndex: 9999,
+  backdropFilter: "blur(6px)",
+  backgroundColor: "rgba(255, 255, 255, 0.6)",
+};
 
 const contentStyle: React.CSSProperties = {
-   flexDirection: "column"
-}
+  flexDirection: "column",
+};