Tab layout for hardware section

[sumitshinde-84]

Description

Screen.Recording.2025-03-05.at.3.43.56.PM.mov

Related Issue(s)

Checklist

• I have read the contribution guidelines
• I have considered the performance impact of these changes
• Suitable unit/system level tests have been added and they pass
• Documentation has been updated

[github-actions]

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 2.9%, saving 6.65 KB.

Filename	Before	After	Improvement	Visual comparison
src/node-red/hardware/images/robustel-eg5120.png	227.10 KB	220.45 KB	-2.9%	View diff

1644 images did not require optimisation.

[ZJvandeWeg]

Why is this branch not deployed, do you know?

[sumitshinde-84]

Why is this branch not deployed, do you know?

Yes, it is deployed. Here is the preview: https://deploy-preview-3016--flowforge-website.netlify.app/node-red/hardware/raspberry-pi-4/

[github-actions]

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 37.8%, saving 384.23 KB.

Filename	Before	After	Improvement	Visual comparison
src/node-red/hardware/images/raspberry-4-editor.png	249.72 KB	156.17 KB	-37.5%	View diff
src/node-red/hardware/images/raspberry-pi-4.png	251.61 KB	156.34 KB	-37.9%	View diff
src/node-red/hardware/images/raspberry-pi-5-editor.png	249.48 KB	156.04 KB	-37.5%	View diff
src/node-red/hardware/images/raspberry-pi-5.png	264.94 KB	162.96 KB	-38.5%	View diff

1643 images did not require optimisation.

[ZJvandeWeg]

Good first iteration, thanks!