LMSN-191

Update

frontend/client-portal/src/sections/alarm-center/user-profile/CardPersonalInformation.tsx

@@ -132,8 +132,13 @@ export default function CardPersonalInformation({ data }) {
         </Button>*/}
       </Stack>
       {/* Stack 2 */}
-      <Stack direction="row" spacing={2} paddingX={2}>
+      <Stack maxHeight="584px" paddingX={2} sx={{ overflowY: 'auto' }}>
-        <div style={{ position: 'relative', flex: 'none', height: 'fit-content' }}>
+        {/* Stack 2.1 */}
+        <Stack marginTop={2} spacing={1}>
+            {/*<Typography variant="subtitle2">Informasi Dasar</Typography>*/}
+            <Stack direction="row" spacing={2} sx={{ flex: '100%' }}>
+              <Stack direction="row" spacing={2} sx={{ width: '40%' }}>
+                <Stack sx={{width: '10%'}}>
                     <img
                       width={52}
                       height={52}
@@ -141,27 +146,13 @@ export default function CardPersonalInformation({ data }) {
                       alt="user-profile"
                       style={{ borderRadius: '50%' }}
                     />
-          <IconButton
+                </Stack>
-            color="primary"
+                <Stack sx={{width: '30%'}}>
-            sx={{
-              position: 'absolute',
-              bottom: 0,
-              right: 0,
-              width: '20px',
-              height: '20px',
-              padding: '4px',
-              backgroundColor: 'rgba(255,255,255,0.9)',
-            }}
-          >
-            <Iconify icon="material-symbols:photo-camera" />
-          </IconButton>
-        </div>
-        <Stack direction="row" paddingY={1} spacing={2} sx={{ flex: '100%' }}>
-          <Stack sx={{ width: '36%' }}>
                   <Typography variant="caption">Full Name</Typography>
                   <Typography variant="body2"> {data?.name} </Typography>
                 </Stack>
-          <Stack sx={{ width: '31%' }}>
+              </Stack>
+              <Stack sx={{ width: '30%' }}>
                 <Typography variant="caption">Weight</Typography>
                 <Typography variant="body2">{data?.last_weight_kg} kg</Typography>
               </Stack>
@@ -171,6 +162,7 @@ export default function CardPersonalInformation({ data }) {
               </Stack>
             </Stack>
         </Stack>
+      </Stack>
       {/* Stack 3 */}
       <Stack maxHeight="584px" paddingX={2} sx={{ overflowY: 'auto' }}>
         {/* Stack 3.1 */}