DEV: Remove header floats and clearfixes (#22523)

app/assets/javascripts/discourse/app/widgets/header-contents.js

@@ -2,7 +2,7 @@ import { createWidget } from "discourse/widgets/widget";
 import hbs from "discourse/widgets/hbs-compiler";
 
 createWidget("header-contents", {
-  tagName: "div.contents.clearfix",
+  tagName: "div.contents",
   transform() {
     return {
       showBootstrapMode: this.currentUser?.staff && this.site.desktopView,
@@ -27,6 +27,6 @@ createWidget("header-contents", {
 
     {{before-header-panel-outlet attrs=attrs}}
 
-    <div class="panel clearfix" role="navigation">{{yield}}</div>
+    <div class="panel" role="navigation">{{yield}}</div>
   `,
 });

app/assets/javascripts/discourse/app/widgets/header.js

@@ -464,7 +464,7 @@ createWidget("glimmer-search-menu-wrapper", {
 });
 
 export default createWidget("header", {
-  tagName: "header.d-header.clearfix",
+  tagName: "header.d-header",
   buildKey: () => `header`,
   services: ["router", "search"],
 

app/assets/stylesheets/common/base/header.scss

@@ -124,13 +124,10 @@
 }
 
 .d-header-icons {
-  text-align: center;
+  display: flex;
   margin: 0 0 0 0.5em;
   list-style: none;
 
-  > li {
-    float: left;
-  }
   .icon {
     box-sizing: content-box;
     appearance: none;