Admin Sidebar & Dashboard setup

[noahgiboney]

Developer: Noah Giboney

Closes #13

Pull Request Summary

Created admin sidebar and dashboard setup. Sidebar is a use client component that uses the useSegementLayout from next/navigation. This is an easier way to determine what page user is on rather than useState. I did use useState however for the collapsing slider. Adding admins options is easy and can be done once we have a better idea what data will fill the dash. Let me know if anything needs to be changed or adjusted accordingly.

Modifications

{list out the files created/modified and a brief description of what was changed}

Admin directory in app directory and admin directory in styles for CSS. Created sidebar in the components folder. In app/admin i created a layout for all admin pages and one folder for events which is an example page. Each page has its corresponding landing page.tsx.

Testing Considerations

Mobile responsiveness works but might to be updated once dashboard has content. Also I was very rarely getting a runtime error about outdate node.js and null object, might have to keep an eye on this.

Pull Request Checklist

• Code is neat, readable, and works
• Comments are appropriate
• The commit messages follows our guidelines
• The developer name is specified
• The summary is completed
• Assign reviewers

Screenshots/Screencast

Demo of sidebar and dashboard

Screen.Recording.2024-01-24.at.6.01.00.PM.mp4

[javalosr2004]

Code is immaculate, congrats on being the first to merge into the repo! One thing I do see as an area of improvement is to have some padding on top of the view for the actual page, for example for the mobile view, having it match the navbar icon

and for the desktop view having it match where it says Admin

Don't feel like you need to do it though, I can always pick it up!