Проблема с отправлением стилей в ответ на Get-запрос

Давненько я ничего не писал в этот форум😁.
В общем суть проблемы такая:

  1. захожу на локальный сервер написаный на node.js соответственно получаю сайт, есть все, html, css & js файлы и все грамотно разложено.
  2. с помощью формы отправляю данные чтобы перейти на другую страницу, но в ответ на Get-запрос получаю только html без стилей (скорее всего и без скриптов). Когда хочу просмотреть в браузере сорс то не могу перейти на файл с стилями.
    Мой код выгляди так:
    server.js:
const express = require("express");
const app = express();
const pool = require("./connection.js");
const userRouter = require("./routes/user.router.js");
const PORT = process.env.PORT || 3000;
const path = require("path");

app.use(express.static(path.join(__dirname, "NonLoginUsers/publicLogin")));
app.use(express.json());
app.use("/manager", userRouter);

app.listen(PORT, () => {
  console.log("Server running on port " + PORT);
});

app.get("/manager", async (req, res) => {
  res.sendFile(path.join(__dirname, "NonLoginUsers", "users.html"));
});

app.get("/manager/:id", async (req, res) => {
  res.sendFile(path.join(__dirname, "LoginUsersFront", "index.html"));
});

index.html:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Task Manager</title>
    <link rel="stylesheet" href="/userStyles.css" />
    <link rel="icon" href="data:;base64,=" />
  </head>

  <body>
    <div id="app">
      <h1>Task Manager</h1>

      <form id="task-form">
        <div>
          <label for="task-title">Task name</label>
          <input type="text" id="task-title" name="title" required />
        </div>

        <div>
          <label for="task-desk">Task description</label>
          <textarea
            id="task-desk"
            name="description"
            rows="4"
            maxlength="255"
            required
          ></textarea>
        </div>

        <div>
          <label for="task date">Deadline</label>
          <input type="date" id="task-date" name="dueDate" required />
        </div>

        <button type="submit">New task</button>
      </form>

      <div id="error-message" style="color: red"></div>
      <ul id="task-list"></ul>
    </div>
    <script src="./script.js"></script>
  </body>
</html>

Думаю что проблема в сервере, и то что он как-то неправильно отправляет папку с стилями и скриптом

Два вопроса:

  1. Включи инструменты разработчика. Открой вкладку с network
  2. Пройди все шаги чтобы попасть на страницу которая не подгружает стили
  3. В списке запросов будут запросы за файлами стилей со статусом 404 (скорее всего). Какой именно пусть запрашивается?

По видимому коду выглядит так что userStyles.css ожидается в папке PROJECT_FOLDER/NonLoginUsers/publicLogin. Так ли расположены файлы в файловой системе?