Add Views Handling for Components

[hnadrian]

• (getting user data from Clerk session)
• Add the following constant array in .env file to contains Admin Emails that can be used to validate views:
  • ADMIN_EMAIL_ADDRESSES=example1@gmail.com
  • Replace the example email with the email you will use to test
  • You will then compare the email from Clerk session to process.env.ADMIN_EMAIL_ADDRESSES
• Go over the individual components listed.
  • [x] Home (calendar) (admin: add event, admineventdetail) (not signed in: no button)
  • [x] volunteerEventDetail (no sign up button)
  • [x] Profile Database button (admin)
  • For each: use Clerk context to get the signed in user to determine what to render
  • Ex. don't render the sign up button in VolunteerEventDetail if there isn’t a user signed in
    • Note: probably want to render a “sign in to sign up for this event” type button that redirects to our login page
• Research Clerk’s user role handling and ways to enable views based on user roles.
  • https://clerk.com/docs/references/nextjs/read-session-data