Merge pull request 'nico/2-feb-26' (#58) from nico/2-feb-26 into staggingweb

Reviewed-on: http://wibugit.wibudev.com/wibu/desa-darmasaba/pulls/58

src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx

@@ -86,7 +86,7 @@ function Page() {
               return (
                 <Paper p={'xl'} key={k}>
                   <Stack gap={"xs"}>
-                    <Image src={v.image.link || ''} pb={10} radius={10} alt='' loading="lazy" />
+                    <Image src={v.image?.link || "/no-image.jpg"} pb={10} radius={10} alt='' loading="lazy" />
                     <Title order={3} fw={'bold'} ta="left">
                       {v.name}
                     </Title>

src/app/darmasaba/(pages)/inovasi/kolaborasi-inovasi/page.tsx

@@ -147,7 +147,7 @@ function Page() {
                   <Center mb="sm">
                     {m.image?.link ? (
                       <Image
-                        src={`${process.env.NEXT_PUBLIC_BASE_URL || ''}${m.image.link}`}
+                        src={m.image.link}
                         alt={m.name}
                         w={150}
                         h={100}

src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx

@@ -91,12 +91,17 @@ function Page() {
               <Paper radius={10} key={k} bg={colors['white-trans-1']}>
                 <Stack gap="xs">
                   <Center p="10">
-                    <Image
-                      src={v.image?.link}
-                      radius={10}
-                      loading="lazy"
-                      alt=""
-                    />
+                    <Box h={200} w="100%" style={{ overflow: 'hidden' }}>
+                      <Image
+                        src={v.image?.link ?? "/no-image.jpg"}
+                        alt={v.judul}
+                        fit="cover"
+                        radius="md"
+                        h="100%"
+                        w="100%"
+                        loading="lazy"
+                      />
+                    </Box>
                   </Center>
                   <Box px="xl">
                     <Box pb="20">

src/app/darmasaba/(pages)/kesehatan/puskesmas/[id]/page.tsx

@@ -43,6 +43,7 @@ function Page() {
             <BackgroundImage
               radius="lg"
               h={{ base: 260, md: 480 }}
+              w="100%"
               src={data.image?.link ?? "/no-image.jpg"}
               style={{ position: 'relative', overflow: 'hidden' }}
             >

src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx

@@ -83,14 +83,17 @@ function Page() {
                 className="hover:scale-[1.02]"
               >
                 <Stack gap="sm">
-                  <Image
-                    src={v.image?.link ?? "/no-image.jpg"}
-                    alt={v.name}
-                    radius="md"
-                    height={160}
-                    fit="cover"
-                    loading="lazy"
-                  />
+                  <Box h={200} w="100%" style={{ overflow: 'hidden' }}>
+                    <Image
+                      src={v.image?.link ?? "/no-image.jpg"}
+                      alt={v.name}
+                      fit="cover"
+                      radius="md"
+                      h="100%"
+                      w="100%"
+                      loading="lazy"
+                    />
+                  </Box>
                   <Group justify="space-between">
                     <Title order={3} fw={600} lineClamp={1}>{v.name}</Title>
                     <Badge color="blue" variant="light" radius="sm" fz="xs">Aktif</Badge>