[FIX] website_forum: make navigation more consistent

This commit fixes typography in the forum by refining the style of
breadcrumbs and headings, making navigation more consistent.

task-5079831

closes odoo#226947

Signed-off-by: Benoit Socias (bso) <bso@odoo.com>

Author: anso-odoo

addons/website_forum/static/src/scss/website_forum.scss

@@ -26,8 +26,38 @@ $-forum-sidebar-width: map-get($container-max-widths, sm) / 2;
     --o-post-header-height: var(--o-avatar-height);
 
     .o_wforum_content_wrapper {
-        .o_searchbar_form {
-            min-width: 200px;
+        #o_wforum_nav {
+            align-items: center;
+
+            .o_wforum_breadcrumb_root_list_or_edit h1 {
+                margin: 0 !important;
+                font-size: var(--h4-font-size) !important;
+
+                span {
+                    font-weight: $headings-font-weight !important;
+                }
+            }
+
+            .breadcrumb-item {
+                padding-top: calc(#{$btn-padding-y} + #{$btn-border-width});
+                padding-bottom: calc(#{$btn-padding-y} + #{$btn-border-width});
+                font-size: $btn-font-size;
+                line-height: $btn-line-height;
+
+                h1 {
+                    font-size: $btn-font-size !important;
+                    font-family: var(--body-font-family);
+                }
+
+                span.fw-bold, strong {
+                    color: $text-muted;
+                    font-weight: var(--body-font-weight) !important;
+                }
+            }
+
+            .o_searchbar_form {
+                min-width: 200px;
+            }
         }
     }