feat: Add Organization, Sponsor, User, and Event Pages with Optimized Data

[Anmol-Baranwal]

Below are the preview of the page and the routes

Organization Page

route: /organization

Light Mode	Dark Mode

Sponsor Page

route: /organization/sponsor

Light Mode	Dark Mode

Event Page

route: /organization/event

Light Mode	Dark Mode

EventName Page

route: /organization/event/eventName

Light Mode	Dark Mode

User Page

route: /organization/user

Light Mode	Dark Mode

Special Note

• I made some minor adjustments, particularly to the header (to incorporate the Guidlify branding).
  • These changes are minor and can be easily modified.
• While the colors and text size may not be exact, they closely resemble the Figma design.
• I still need to complete the tab and timeline in the eventName page.
• The code structure is optimal and well-organized with data, as shown below:

Header	Header	Header

• The route can be changed, and the inner header is still pending. I used usePathname, which wasn't rendering images on the page.
• There might be 1-2 individual components whose styling slightly differs from Figma, which we can address now.

---

We still need to make these responsive :)

[mkubdev]

Hi @Anmol-Baranwal 👋🏻
The figma implementation look good to me ! Thank you !

[darkterminal]

@Anmol-Baranwal What the punk is this bro!!! You did a 🔥 to this project and I think this will burn the entire world!

Sorry, I think I am too much... but yes, of course! 🤣

[vinzvinci]

So far so good 💯 Anmol never fail us 💯

[Anmol-Baranwal]

Thanks :)
I will ask you guys to review it once every page is responsive. I plan to push the code every day. If you want, you can work on it as well. I'm currently working on the organization page and the user page.

[darkterminal]

@Anmol-Baranwal If not you don't mind, can you make a mocking API using https://miragejs.com/. So I would look at the suggested data structures of the UI that you create, so that you stay focused on the frontend.

[Anmol-Baranwal]

@Anmol-Baranwal If not you don't mind, can you make a mocking API using https://miragejs.com/. So I would look at the suggested data structures of the UI that you create, so that you stay focused on the frontend.

Sure. I will do it.

[darkterminal]

That's will be amazing! let's 🪨 -in out...

[darkterminal]

@Anmol-Baranwal I've added miragejs before at PR #26

[Anmol-Baranwal]

Responsive styling of /organization, /organization/user, /organization/sponsor is done :)

Yay! Two more to go 😁

[Anmol-Baranwal]

@darkterminal
Great refactoring into separate files. The file structure looks better now :)

I will do the same from next time.

[darkterminal]

@Anmol-Baranwal 🚀