Use a single button instead of drop down

packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/partials/tree.html.j2

@@ -19,29 +19,16 @@
     <div
       class="flex justify-end px-4"
       >
-      <button id="client-tree-menu-button" data-dropdown-toggle="client-tree-menu" class="inline-block text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-1.5" type="button">
-        <span class="sr-only">Open dropdown</span>
-        <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 3">
-          <path d="M2 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm6.041 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM14 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/>
-        </svg>
-      </button>
-      <!-- Dropdown menu -->
-      <div id="client-tree-menu" class="z-10 hidden text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow-sm w-44 dark:bg-gray-700">
-        <ul class="py-2" aria-labelledby="client-menu-button">
-          <li>
-            <a
-              href="#"
-              data-drawer-target="drawer-create-client-default"
-              data-drawer-show="drawer-create-client-default"
-              aria-controls="drawer-create-client-default"
-              data-drawer-placement="right"
-              class="block px-4 py-2 text-sm text-gray-900 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white"
-              >
-              New client
-            </a>
-          </li>
-        </ul>
-      </div>
+      <sl-icon-button
+        name="plus-square"
+        label="Add Client"
+        data-drawer-target="drawer-create-client-default"
+        data-drawer-show="drawer-create-client-default"
+        aria-controls="drawer-create-client-default"
+        data-drawer-placement="right"
+
+
+        ></sl-icon-button>
     </div>
   </div>
   <div class="flex-1 overflow-auto">