New Checkout page design and implementation

[bardan-dhakal]

Changes Made

Checkout Page (Checkout.tsx)

• Implemented a new shopping cart style interface for workflow management
• Added detailed workflow review functionality with expandable accordions
• Implemented service grouping and cost calculation (dummy values for testing)
• Added ability to remove individual workflows or clear entire cart
• Improved UI with fixed position order summary sidebar
• Enhanced workflow details display showing parameters and values

Final Checkout Page (FinalCheckout.tsx)

• Created a new two-step checkout process with Details and Payment tabs
• Implemented form validation for all required fields
• Added contact information and delivery address collection
• Implemented payment information collection
• Added persistent order summary sidebar
• Enhanced error handling and success notifications
• Improved navigation with back button functionality

Known Issues
⚠️ Important: Job submission is currently non-functional for:

• Large workflows
• Multiple workflow submissions

CORS issue preventing successful API calls to backend:
Access to fetch at 'https://damplab-backend-damp-lab-canvas-242df1.apps.shift.nerc.mghpcc.org/graphql' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.