fix: [M3-10351] - Align Encrypt Volume checkbox in Volume Create with other fields

[cpathipa]

Description 📝

This PR fixes the alignment of Encrypt Volume checkbox in volume create page and add volume drawer.

Changes 🔄

List any change(s) relevant to the reviewer.

• Encryption.tsx
• LinodeVolumeCreateForm.tsx
• VolumeCreate.tsx
• Checkbox.tsx

Target release date 🗓️

8/12

Preview 📷

Include a screenshot or screen recording of the change.

🔒 Use the Mask Sensitive Data setting for security.

💡 Use <video src="" /> tag when including recordings in table.

Before	After

How to test 🧪

Verification steps

(How to verify changes)

• Navigate to http://localhost:3000/volumes/create
• Verify the alignment of Encrypt Volume checkbox
• Navigate add volume page from linode details storage tab
• Verify the alignment of Encrypt Volume checkbox.
• Verify there no regressions.

Author Checklists

As an Author, to speed up the review process, I considered 🤔

👀 Doing a self review
❔ Our contribution guidelines
🤏 Splitting feature into small PRs
➕ Adding a changeset
🧪 Providing/improving test coverage
🔐 Removing all sensitive information from the code and PR description
🚩 Using a feature flag to protect the release
👣 Providing comprehensive reproduction steps
📑 Providing or updating our documentation
🕛 Scheduling a pair reviewing session
📱 Providing mobile support
♿ Providing accessibility support

• I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

• All tests and CI checks are passing
• TypeScript compilation succeeded without errors
• Code passes all linting rules

[coliu-akamai]

✅ Volume Encryption on Volume Create and Linode Add volume flow looks good
❓ Seeing that the checkbox in Linode Create/Rebuild Disk Encryption is a little shifted now though (they use the Encryption component):

[cpathipa]

@bnussman-akamai and @coliu-akamai Thank you for the feedback, addressed the feedback and ready for re-review - 33ff139

[coliu-akamai]

✅ confirmed alignment with linode create, rebuild, and both volume create forms

thanks @cpathipa!

[linode-gh-bot]

Cloud Manager UI test results

🔺 5 failing tests on test run #8 ↗︎

❌ Failing	✅ Passing	↪️ Skipped	🕐 Duration
5 Failing	696 Passing	4 Skipped	134m 22s

Details

Failing Tests
	Spec	Test
❌	object-storage-objects-multicluster.spec.ts	Cloud Manager Cypress Tests→Object Storage Multicluster objects » Object Storage Multicluster objects
❌	linode-storage.spec.ts	Cloud Manager Cypress Tests→linode storage tab » linode storage tab
❌	lke-create.spec.ts	Cloud Manager Cypress Tests→LKE Cluster Creation with ACL→with LKE IPACL account capability » LKE Cluster Creation with ACL→with LKE IPACL account capability
❌	lke-create.spec.ts	Cloud Manager Cypress Tests→LKE Cluster Creation with ACL→with LKE IPACL account capability » LKE Cluster Creation with ACL→with LKE IPACL account capability
❌	lke-create.spec.ts	Cloud Manager Cypress Tests→LKE Cluster Creation with ACL→with LKE IPACL account capability » LKE Cluster Creation with ACL→with LKE IPACL account capability

Troubleshooting

Use this command to re-run the failing tests:

pnpm cy:run -s "cypress/e2e/core/objectStorageMulticluster/object-storage-objects-multicluster.spec.ts,cypress/e2e/core/linodes/linode-storage.spec.ts,cypress/e2e/core/kubernetes/lke-create.spec.ts"