fix(integrations): reduce excessive bottom space in honeycomb grid (#7511)

[LeC-D]

Description

Fixes #7511

The integrations page (/cloud-native-management/meshery/integrations) shows a large empty space below the last row of integration hexagons.

Root Cause

In Honeycomb.style.js, the ul element's explicit height is computed as:

height: calc(${props.$height}px + 46px)

The $height value is already calculated precisely in Honeycomb.js based on the number of hexagon rows (e.g. pairsCount * 272 + 130). The extra + 46px was adding ~43px of unnecessary empty space below the last row.

Fix

Reduced the buffer from 46px to 3px — matching the margin applied to each li element — to preserve the small visual buffer needed for the bottom row while eliminating the large gap.

- height: ${(props) => props.$height === 0 ? "unset" : `calc(${props.$height}px + 46px)`};
+ height: ${(props) => props.$height === 0 ? "unset" : `calc(${props.$height}px + 3px)`};

Testing

• Verified that hexagon height math: 150px * 1.1547 ≈ 173px, negative margin ≈ -40px, net ≈ 136px/row — consistent with 272px per pair used in Honeycomb.js, confirming the explicit height needs no additional large buffer.

[l5io]

🚀 Preview for commit 7f2c791 at: https://69b70095afd869ed4bdb8a68--layer5.netlify.app