Inventory Management UI

[CaellumYHL]

Summary

Added Admin Dashboard with central home and catalogue viewer in the theme of Figma assets. Added buttons for creation/editing of items and developed modals for form submission/confirmation.

Related Issues

• Closes Inventory Management UI #31
• Relates to Inventory CRUD API #30

Changes

• Added AdminDashboard, AdminCatalogue, and AddItem/EditItem Modal components (css,tsx)
• Implemented database formatting to view inventory tables using API endpoints
• Developed logic for modals and accounted for errors in submission

How to Test

Use/create admin credentials - python app.py createsuperuser
Host the backend and npm run dev
cd into frontend and run npm run test src/pages/admin/AdminCataloguePage.test.tsx

Screenshots / UI (if applicable)

• Before:
• After:

Checklist

• Tests added or updated
• CI passes (lint, tests, build)
• Documentation updated (if behavior changed)
• No secrets or credentials committed

[vivjd]

Overall this looks good, but can you resolve the frontend CI warnings in AdminCatloguePage.tsx and re-request review? Thanks!

[CaellumYHL]

Fixed the CI test issues, please let me know if there are any other issues