doc: doxygen: update to doxygen-awesome 1.6.1

The new template fixes issues when using latest Doxygen version (1.9.2).

Signed-off-by: Gerard Marull-Paretas <gerard.marull@nordicsemi.no>

doc/_doxygen/doxygen-awesome.css

@@ -168,7 +168,7 @@ html {
 @media (prefers-color-scheme: dark) {
     html:not(.light-mode) {
         color-scheme: dark;
-        
+
         --primary-color: #1982d2;
         --primary-dark-color: #5ca8e2;
         --primary-light-color: #4779ac;
@@ -581,6 +581,10 @@ iframe#MSearchResults {
     margin: 4px;
 }
 
+iframe {
+    color-scheme: normal;
+}
+
 @media (prefers-color-scheme: dark) {
     html:not(.light-mode) iframe#MSearchResults {
         filter: invert() hue-rotate(180deg);
@@ -646,6 +650,23 @@ html.dark-mode iframe#MSearchResults {
         transform: translate(0, 20px);
         animation: ease-out 280ms slideInSearchResultsMobile;
     }
+
+    /*
+     * Overwrites for fixing the searchbox on mobile in doxygen 1.9.2
+     */
+    label.main-menu-btn ~ #searchBoxPos1 {
+        top: 3px !important;
+        right: 6px !important;
+        left: 45px;
+        display: flex;
+    }
+
+    label.main-menu-btn ~ #searchBoxPos1 > #MSearchBox {
+        margin-top: 0;
+        margin-bottom: 0;
+        flex-grow: 2;
+        float: left;
+    }
 }
 
 /*
@@ -1460,6 +1481,7 @@ li.navelem:first-child:before {
 */
 
 doxygen-awesome-dark-mode-toggle {
+    display: inline-block;
     margin: 0 0 0 var(--spacing-small);
     padding: 0;
     width: var(--searchbar-height);

doc/_doxygen/footer.html

@@ -15,11 +15,16 @@ $generatedby&#160;<a href="https://www.doxygen.org/index.html"><img class="foote
 <!--END !GENERATE_TREEVIEW-->
 <script type="text/javascript">
   $(function() {
-      $(document).ready(function(){
-         toggleButton = document.createElement('doxygen-awesome-dark-mode-toggle')
-         toggleButton.title = "Toggle Light/Dark Mode"
-         document.getElementById("MSearchBox").parentNode.appendChild(toggleButton)
-     })
+    toggleButton = document.createElement('doxygen-awesome-dark-mode-toggle')
+    toggleButton.title = "Toggle Light/Dark Mode"
+
+    $(document).ready(function(){
+      document.getElementById("MSearchBox").parentNode.appendChild(toggleButton)
+    })
+    // every resize will remove the button, which is why it has to be added again:
+    $(window).resize(function(){
+      document.getElementById("MSearchBox").parentNode.appendChild(toggleButton)
+    })
   })
 </script>
 </body>