UI/UX Usability Test -- Membership Page & Edit Profile

[Will-Hsu]

Test the specified page in Tablet, Mobile L, and Mobile S modes.

Example/Template:
Page: Membership
Mode: Tablet
Issue: The event check-in feature is off-centered.
Suggestion: This component can be centered or made smaller to be placed alongside the Prize component below.

[ssyquia]

1. Event Check-In on the main page is slightly larger
2. Event Check-In is slightly positioned to the left (off-center) for smaller screen sizes
3. Member Tier and Balance have a slight space
4. When a person's name on the leaderboard is too long, it moves off-center.
5. Even if someone doesn't have a minor, it still displays "Minor: "

[WojtekTB]

User Role & Goal: Already a member, wants to either check into an event or wants to see their level or how far they are in their level, or they want to cash in their points.
Context & Importance: Context is that the points are meant to eventually be able to reward the member with merch. They can only check into the events through this page.
Acceptance Criteria: Make the checkin option obvious and focused. Make sure that the point display and the check in box is functional. Make sure that the checkin email is sent.
Dependencies & Ownership: Backend is functional and only the email verification could be added. Ownership of @WojtekTB @SatrunsDream @ganeshkumar321
Priority & Effort: Very important that it is functional and bug free due to important functionality.