UI FIX: Responsive design

[Hari-krishna-tech]

PR to fix #9

Changes:

• Made UI responsive in landing page, better user experience in smaller devices.

before:

After:

• Fixed UI in both result and image page.

PS: I was unable to run the query engine server because I don't have any data in the database. This also prevented me from taking before and after images. Adding an in-memory database for development could rectify this.

[IonelPopJara]

Hello @Hari-krishna-tech! Thank you for submitting this PR and try to help make Moogle better. I completely disregarded responsive design when designing the UI.

However, after testing it in my Machine I saw a couple of issues.

This might've been my fault because currently the Dockerfile has a bug that I forgot to fix. To properly compile and run the project with docker you have to do this.

npm install
npm run build
docker compose build
docker compose up

This is because I'm wrongly copying the build folder in the Dockerfile. So most likely when you tested the changes it was not compiled properly. Let me know what you think.