In response to user feedback, this commit addresses the spacing concerns within the GetNighthawk website's UI. The existing design was visually appealing but lacked sufficient spacing between certain components.

Changes Made:
- Added margin-bottom to the analysis, distribution, and standards-based cards to create a clear distinction between them and improve readability.
- Introduced appropriate spacing between the 'Nighthawk & Meshery' section and the 'Layer 7 Performance Analysis' division to enhance the overall visual balance.

These adjustments have been carefully implemented to maintain the smooth and polished UI while ensuring a more comfortable viewing experience for users. The improved spacing creates a harmonious layout, allowing each component to breathe and stand out effectively.

Resolves Issue: layer5io#290

Signed-off-by: Akhilender [email protected]
Signed-off-by: Akhilender <[email protected]>

Refactored the CSS code to introduce a custom scrollbar consistent with modern design trends. The new scrollbar design aligns with the desired appearance, replacing the default one.

Changes Made:
- Added custom scrollbar CSS rules.
- Removed the default scrollbar appearance.

These adjustments have been carefully implemented to maintain the smooth
and polished UI.

Resolves Issue: layer5io#327

Signed-off-by: Akhilender <[email protected]>

In response to user feedback, this commit addresses the spacing concerns within the GetNighthawk website's UI. The existing design was visually appealing but lacked sufficient spacing between certain components.

Changes Made:
- Added margin-bottom to the analysis, distribution, and standards-based cards to create a clear distinction between them and improve readability.
- Introduced appropriate spacing between the 'Nighthawk & Meshery' section and the 'Layer 7 Performance Analysis' division to enhance the overall visual balance.

These adjustments have been carefully implemented to maintain the smooth and polished UI while ensuring a more comfortable viewing experience for users. The improved spacing creates a harmonious layout, allowing each component to breathe and stand out effectively.

Resolves Issue: layer5io#290

Signed-off-by: Akhilender <[email protected]>

…ighthawk into addspacing

- Changed from 12rem to 6rem for proper visibility of the website.
- The website looks consistent now.

Signed-off-by: Akhilender <[email protected]>