Working new-listing page + styling fixes

The new-listing page is finally working!!!!!!!!!!!!!!!!!!!!!!

This page was done together with @catcd1w3r5 and @HeinHtetAung5142

new-listing page when just opened

new-listing page when all information is filled in

new-listing page when information entered is not valid

[ ] Bug fix (non-breaking change which fixes an issue)
[ ] Issue fix (non-breaking change that addresses existing opened issue)
[X] New feature (non-breaking change which adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to change)
[ ] Refactoring change (refactoring change must not apply any form of functional change)

[x] Related issues linked using fixes #number. / There is no issue fix.
[x] Unit tests or E2E tests added for any new feature changes. / There is no new feature that requires test.
[x] Ensured that there's no linter errors.
[x] Ran the full set of testings and coverage reports exceed 80%. / There is currently no test.
[x] All Merge Conflicts have been fully resolved.
[x] Branch is rebased off the target branch.
[x] This PR is complete and does not have incomplete work that'll break the application.

kKar1503 / project-inc-siwma-1