changes in next code add functionalities

Job ID: 38786650

Budget: $30 – $250 USD

Generate Product URL: Ensure that the URL includes the product name based on the existing code.

Add Skeleton Loader: Implement a skeleton loader without affecting server-side rendering (SSR) or SEO.

Design Adjustments: Make small design improvements to ensure everything looks good. The page is responsive, but it appears slightly off on medium and large screens.

Add Registration and Login: Enable user registration and login functionalities.

Add Interest Button:

Product Page: Include a button on each product page for users to register their interest. If they are logged in, they should be able to set their desired price and phone number. This data should initially be saved as “pending approval” for later verification.
All Products View: In the all-products view (refer to the reference image), add an “Interest” button for each product, allowing users to express interest directly from this view.
User Product View: Create a simple screen where users can view the products they’ve registered with their pricing information.

Database Structure:
Ensure all modifications respect the existing table structure.
Related categories: Node.js Express JS PostgreSQL Next.js