update for bs5

package.json

@@ -24,6 +24,6 @@
     "eslint-plugin-import": "2.21.1"
   },
   "nbbpm": {
-    "compatibility": "^1.17.0"
+    "compatibility": "^3.0.0"
   }
 }

public/templates/feed.tpl

@@ -5,24 +5,24 @@
 </div>
 
 <div class="feed">
-	<div class="topic-list-header btn-toolbar">
+	<div class="topic-list-header d-flex justify-content-end gap-1">
 		<!-- IMPORT partials/category-filter-right.tpl -->
 
-		<div class="btn-group pull-right bottom-sheet {{{ if !following.length }}}hidden{{{ end }}}">
-			<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+		<div class="btn-group bottom-sheet {{{ if !following.length }}}hidden{{{ end }}}">
+			<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown">
 				{{{ if selectedUser }}}
-				<span class="">{buildAvatar(selectedUser, "18", true, "not-responsive")} {selectedUser.username}</span>
+				<span class="">{buildAvatar(selectedUser, "18px", true, "not-responsive")} {selectedUser.username}</span>
 				{{{ else }}}
 				<span class="">[[feed:all-users]]</span>
 				{{{ end }}} <span class="caret"></span>
 			</button>
 			<ul class="dropdown-menu" role="menu">
 				<li role="presentation" class="user {{{ if !selectedUser}}}selected{{{end}}}">
-					<a role="menu-item" href="{config.relative_path}/{allUsersUrl}"><i class="fa fa-fw {{{ if !selectedUser }}}fa-check{{{ end }}}"></i>[[feed:all-users]]</a>
+					<a class="dropdown-item" role="menu-item" href="{config.relative_path}/{allUsersUrl}"><i class="fa fa-fw {{{ if !selectedUser }}}fa-check{{{ end }}}"></i>[[feed:all-users]]</a>
 				</li>
 				{{{ each following }}}
 				<li role="presentation" class="user {{{ if following.selected}}}selected{{{end}}}">
-					<a role="menu-item" href="{config.relative_path}/{following.url}"><i class="fa fa-fw {{{ if following.selected }}}fa-check{{{ end }}}"></i>{buildAvatar(@value, "18", true, "not-responsive")} {following.username}</a>
+					<a class="dropdown-item" role="menu-item" href="{config.relative_path}/{following.url}"><i class="fa fa-fw {{{ if following.selected }}}fa-check{{{ end }}}"></i>{buildAvatar(@value, "18px", true, "not-responsive")} {following.username}</a>
 				</li>
 				{{{end}}}
 			</ul>