fix(theme): 修复部分交互与样式问题

theme-terminal/templates/modules/header.html

@@ -7,8 +7,8 @@
       </a>
       <div class="dividing"></div>
       <button
-        id="search-button"
         type="button"
+        class="button"
         th:if="${pluginFinder.available('PluginSearchWidget')}"
         onclick="SearchWidget.open()"
       >
@@ -24,7 +24,7 @@
           <svg xmlns="http://www.w3.org/2000/svg" width="1.5rem" height="1.5rem" viewBox="0 0 24 24"><path fill="currentColor" d="M6 2h8v2H6zM4 6V4h2v2zm0 8H2V6h2zm2 2H4v-2h2zm8 0v2H6v-2zm2-2h-2v2h2v2h2v2h2v2h2v-2h-2v-2h-2v-2h-2zm0-8h2v8h-2zm0 0V4h-2v2z"/></svg>
         </th:block>
       </button>
-      <button type="button" x-data="themeMode()" @click="handleToggleThemeMode()">
+      <button type="button" class="button" x-data="themeMode()" @click="handleToggleThemeMode()">
         <th:block th:unless="${theme.config.basic.pixel_style}">
           <svg
             xmlns="http://www.w3.org/2000/svg"
@@ -56,7 +56,7 @@
           <ul 
             th:if="${not #lists.isEmpty(menuItem.children)}"
             class="menu__sub-inner" 
-            :class="{'hidden': !isOpen}"
+            :class="{'open': isOpen}"
           >
             <li th:each="childMenuItem : ${menuItem.children}">
               <a