Feature: Add catch-all route for SPA

[Skanderloueti]

Description

Adding a catch-all route for serving a Single Page Application (SPA) from the backend allows you to serve the entire application from a single port, typically the backend port (port 8888 in this case), instead of running separate servers for the backend and frontend (on ports 8888 and 3000). This simplifies deployment and potentially improves performance by reducing network overhead. After adding this route, users can access the application through the backend port, and the frontend will be served seamlessly. However, it's essential to build the frontend application before deploying (using the npm run build command) to ensure that the frontend assets are available to be served by the backend.

Related Issues

No related issues this is a feature

Steps to Test

1. navigate to the frontend folder cd frontend
2. build the app npm run build
3. navigate to the backend folder cd ../backend
4. start the backend npm run dev
5. open this link in the browser http://localhost:8888
6. if it opens and you can login then everything works fine

Screenshots (if applicable)

Before:

After:

Checklist

• [x] I have tested these changes
• [x] I have updated the relevant documentation
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] I have made corresponding changes to the codebase
• [x] My changes generate no new warnings or errors
• [x] The title of my pull request is clear and descriptive