Store Orders Page: Specific Order UI

[alexzhang1618]

Description

What changes did you make? List all distinct problems that this PR addresses. Explain any relevant
motivation or context.

• Implemented examining the info of a specific order

Things I still need to do:

• Discount price displays
• Flows for doing stuff (cancelling, rescheduling, etc etc)
• animation for opening a card? this might be difficult
• The specific event card header orientation for mobile (the status symbol moves to the top)

Changes

• [Fill in here]

Type of Change

• Bug Fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as
  expected)
• Logistics Change (A change to a README, description, or dev workflow setup like
  linting/formatting)
• Continuous Integration Change (Related to deployment steps or continuous integration
  workflows)
• Other: (Fill In)

Testing

I have tested that my changes fully resolve the linked issue ...

• locally on Desktop.
• locally on mobile - use https://ngrok.io to get a copy on a mobile device
• on the live deployment preview on Desktop.
• on the live deployment preview on Mobile.
• I have run and passed all new and existing Cypress tests. Add screenshots below.

Checklist

• I have performed a self-review of my own code.
• I have followed the style guidelines of this project.
• I have documented my code's src/lib functions and commented hard to understand areas
  anywhere else.
• My changes produce no new warnings.

Screenshots

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
membership-portal-ui-v2	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 31, 2023 5:34am

[SheepTester]

I think the text contrast could be improved. Probably the background color should be dark blue for dark theme

maybe on mobile, the text should show below the image?

• animation for opening a card? this might be difficult

yes it will be, i recommend putting this off for later

[alexzhang1618]

Since the last review:

• Fixed some color contrast stuff for order status
• Implemented the Discount price views
• Made each card openable and moved API code into the card
• Added mobile layout for status
• Added action buttons to view pickup event, reschedule, and cancel order
  • I'm going to wait until Modal is merged in Edit profile page #91 before implementing these since I want to use it for these buttons

[farisashai]

can you fix the blue color on the orders card and dropdown and also the padding for the store navbar is inconsistent with the page padding

[alexzhang1618]

fixed by adding to reset.scss, I also removed the change in EventCard since this covers it as well. padding also fixed too