enhance(ui): refactor the plugin manager menu with the shui popup

src/main/frontend/components/plugins.cljs

@@ -466,7 +466,7 @@
   (let [[enabled, set-enabled!] (rum/use-state (plugin-handler/get-enabled-auto-check-for-updates?))
         text (t :plugin/auto-check-for-updates)]
 
-    [:div.flex.items-center.justify-between.px-4.py-2
+    [:div.flex.items-center.justify-between.px-3.py-2
      {:on-click (fn []
                   (let [t (not enabled)]
                     (set-enabled! t)

src/main/frontend/components/plugins.css

@@ -857,7 +857,11 @@
       @apply px-[5px] py-1 text-sm relative w-full;
 
       &.extra-item {
-        @apply opacity-80 px-4 py-1.5 hover:opacity-100;
+        @apply opacity-80 px-3 py-1.5 hover:opacity-100;
+
+        .ui__icon {
+          @apply pr-[2px];
+        }
       }
     }
 
@@ -869,7 +873,7 @@
       }
 
       div[data-injected-ui] > a.button {
-        @apply h-auto;
+        @apply h-auto px-1.5;
       }
 
       div[data-injected-ui] :is(.ti, .tie) {