feat: Create Subject Management UI - Add / Edit / Delete

[rakshitjain23]

🧩 Task

Create a subject manager UI that allows users to:

• Add new subjects
• Edit subject names
• Delete subjects

Each subject should be shown as a card with animation and hover effects.

🛠 Tech Stack

• Next.js
• Tailwind CSS
• Framer Motion (optional)

🎯 UI Goals

• Responsive layout (1–3 cards per row depending on screen)
• Styled using the same dark theme and spacing as landing page
• Use localStorage temporarily to persist subjects

📁 Suggested file: pages/subjects.tsx

[LeHoangMinhQuan]

hello, i want to contribute to this task as my first issue, can I ask you for more detail about the wireframe, layout of this subjects management UI that you want it to be?

[rakshitjain23]

Hey @LeHoangMinhQuan great u are interesting in this.

Each subject card should show:

Subject name

Edit button (optional now — can be in a later issue)

Delete button

💻 Tech Stack / Styling Guidelines
Use Tailwind CSS for layout & styles.

Try to maintain our dark gradient UI theme (like the landing page).

You can use Framer Motion to animate subject cards when they are added/removed.

Make sure it’s responsive - on mobile, cards should stack; on larger screens, you can use 2 or 3-column grid.