Refactors

fixes:

make the form inputs of the react hook form array of objects to make the component clearer.
create a UI Component for the departments or any multi-data columns.
refactor all the endpoints objects keys
refactor new delete popover instead of the current one
add subject to department -> waiting for the backend to resovle this issue

Optimizations

using useCallBack, useMemo, and memo
optimize images
[ ]