Show banner popup items

[erenfn]

Now we can see banners and popups that are in our database at our main page for banners and popup

[erenfn]

Also fixed the 'flashing' issue Gorkem mentioned. Changes to Header and Dashboard are related to that

[uparkalau]

Could you please next time create separate branches for the frontend and backend parts? It’s one of the fundamental principles of teamwork to make small commits . This will prevent blocking yourself and other team.

Example:

Branch 1: Feature/Banner-Controller:

Commit 1: Add getBanners method to banner.controller.js.
Commit 2: Update banner.routes.js to include new route for getBanners.

Branch 2: Feature/Popup-Controller:

Commit 1: Add getPopups method to popupController.js.
Commit 2: Update popup.routes.js to include new route for getPopups.

Branch 3: Feature/Model-Updates:

Commit 1: Add bannerText field to Banner.js.
Commit 2: Add header and content fields to Popup.js.

Branch 4: Feature/Service-Methods:

Commit 1: Add getBanners method to banner.service.js.
Commit 2: Add getPopups method to popup.service.js.

Branch 5: Feature/Frontend-Updates:

Commit 1: Update routes in App.jsx.
Commit 2: Refactor Header.jsx to include user fetching logic.

banner.controller.js and popupController.js:
Extract common logic (e.g., error handling) into helper functions to reduce code duplication.
Example:

async handleRequest(req, res, serviceMethod, errorMessage) {
  try {
    const userId = req.user.id;
    const result = await serviceMethod(userId);
    res.status(200).json(result);
  } catch (err) {
    const { statusCode, payload } = internalServerError(errorMessage, err.message);
    res.status(statusCode).json(payload);
  }
}

banner.routes.js and popup.routes.js:
Group similar routes together.
Example:

router.route('/banners')
  .get(authenticateJWT, bannerController.getBanners)
  .post(authenticateJWT, bannerController.addBanner);

banner.service.js and popup.service.js:
Use more descriptive method names and methods are single-responsibility.
Example:

async fetchBannersByUser(userId) {
  return await Banner.findAll({
    where: { createdBy: userId },
    include: [{ model: db.User, as: "creator" }],
  });
}