Feature: Implement Guest Checkout Support

[Daksh7785]

resolves #156

Description

This Pull Request refactors the Guest Checkout flow to ensure a clean separation of HTML, CSS, and JavaScript (React component) files, improving maintainability, readability, and long-term scalability while preserving all existing functionality.

The implementation now fully follows the project's architectural guidelines and component-based folder structure defined in CONTRIBUTING.md.

Changes Included

• Separated Styles

  • Removed all inline styling from the checkout-related components.
  • Moved styling into dedicated CSS files where applicable.
  • Ensured all visual styles are managed through external stylesheets.

• Separated Logic

  • Kept all checkout logic inside dedicated React components.
  • Preserved component encapsulation and state management.
  • Avoided unnecessary inline event handlers where possible.

• Component Cleanup

  • Simplified component structure by separating presentation and logic.
  • Properly linked component-specific styles.
  • Preserved semantic markup and accessibility features.

• Project Structure

  • Maintained the feature-based folder structure.
  • Ensured a clear separation of concerns between UI, styling, and application logic.

Benefits

• Cleaner code organization
• Improved readability
• Easier debugging and maintenance
• Better scalability
• Better collaboration among developers
• Consistent project architecture

Related Issues

Resolves #154

Screenshots / Verification

• ✅ No inline styling remains in the checkout components.
• ✅ Component styles are properly linked.
• ✅ Existing functionality remains unchanged after refactoring.
• ✅ Checkout gateway renders correctly for unauthenticated users.
• ✅ Guest checkout form validation functions correctly.
• ✅ Successful checkout flow displays the success state.
• ✅ Routing to /checkout works correctly.
• ✅ Responsive layout functions correctly across screen sizes.
• ✅ Accessibility and semantic structure remain intact.

Checklist

• ✅ Tested locally and confirmed working.
• ✅ Follows CONTRIBUTING.md structural guidelines.
• ✅ Components, styles, and logic are properly separated.
• ✅ No inline styling in checkout components.
• ✅ No unnecessary inline JavaScript.
• ✅ React best practices followed.
• ✅ No global variable pollution.
• ✅ Semantic markup and accessibility maintained.
• ✅ Existing functionality preserved after refactoring.

[netlify]

❌ Deploy Preview for book-shelf1126 failed.

Name	Link
🔨 Latest commit	0651bdc
🔍 Latest deploy log	https://app.netlify.com/projects/book-shelf1126/deploys/6a6a2f30f6165600089a4545

[github-actions]

🎉 Thank you for opening this Pull Request!

We appreciate your contribution and effort toward improving this project.

A maintainer will review your PR soon.

Please ensure:
✅ Code follows project guidelines
✅ Changes are properly tested
✅ No sensitive data or API keys are exposed

Thank you for contributing to the community.

[vercel]

@Daksh7785 is attempting to deploy a commit to the CHINMAY Team on Vercel.

A member of the Team first needs to authorize it.