fix: space-evenly not working in Stack component

[nbsp1221]

Summary

Hi! I found an issue that justifyContent="space-evenly" not working in Stack component and fixed it.

AS-IS

TO-BE

Here is the code I used for testing.

export function Example() {
  return (
    <Stack
      direction="row"
      bg="gray.200"
      width={500}
      justifyContent="space-evenly"
    >
      <Center
        size="16"
        bg="primary.400"
        _text={{ color: 'warmGray.50', fontWeight: 'medium' }}
      >
        Box 1
      </Center>
      <Center
        size="16"
        bg="primary.500"
        _text={{ color: 'warmGray.50', fontWeight: 'medium' }}
      >
        Box 2
      </Center>
      <Center
        size="16"
        bg="primary.600"
        _text={{ color: 'warmGray.50', fontWeight: 'medium' }}
      >
        Box 3
      </Center>
      <Center
        size="16"
        bg="primary.700"
        _text={{ color: 'warmGray.50', fontWeight: 'medium' }}
      >
        Box 4
      </Center>
      <Center
        size="16"
        bg="primary.800"
        _text={{ color: 'warmGray.50', fontWeight: 'medium' }}
      >
        Box 5
      </Center>
    </Stack>
  );
}

Changelog

[General] [Fixed] - Fix issue that space-evenly not working in Stack component

Test Plan

[vercel]

@nbsp1221 is attempting to deploy a commit to the Geekyants Team Team on Vercel.

A member of the Team first needs to authorize it.

[nbsp1221]

@surajahmed any updates?