s="title d-flex">
        <h1>Notifications</h1>
        <span id="unread-notifications-counter"></span>
      </div>
      <button class="btn-clear-all">Mark all as read</button>
    </div>

    <div class="notifications-list">
      <div class="notification d-flex">
        <img src="./assets/images/avatar-mark-webber.webp" alt="Avatar of Mark Webber">
        <div class="details">
          <div class="content">
            <span class="name">Mark Webber</span>
            <span class="action">reacted to