Fix RBAC role system bugs and improve UX (#446)

* Fix RBAC role system bugs and improve UX

- Fix user list dropdown selection in host sharing
- Fix role sharing permissions to include role-based access
- Fix translation template interpolation for success messages
- Standardize system roles to admin and user only
- Auto-assign user role to new registrations
- Remove blocking confirmation dialogs in modal contexts
- Add missing i18n keys for common actions
- Fix button type to prevent unintended form submissions

* Enhance RBAC system with UI improvements and security fixes

- Move role assignment to Users tab with per-user role management
- Protect system roles (admin/user) from editing and manual assignment
- Simplify permission system: remove Use level, keep View and Manage
- Hide Update button and Sharing tab for view-only/shared hosts
- Prevent users from sharing hosts with themselves
- Unify table and modal styling across admin panels
- Auto-assign system roles on user registration
- Add permission metadata to host interface

* Add empty state message for role assignment

- Display helpful message when no custom roles available
- Clarify that system roles are auto-assigned
- Add noCustomRolesToAssign translation in English and Chinese

* fix: Prevent credential sharing errors for shared hosts

- Skip credential resolution for shared hosts with credential authentication
  to prevent decryption errors (credentials are encrypted per-user)
- Add warning alert in sharing tab when host uses credential authentication
- Inform users that shared users cannot connect to credential-based hosts
- Add translations for credential sharing warning (EN/ZH)

This prevents authentication failures when sharing hosts configured
with credential authentication while maintaining security by keeping
credentials isolated per user.

* feat: Improve rbac UI and fixes some bugs

---------

Co-authored-by: Luke Gustafson <88517757+LukeGus@users.noreply.github.com>
Co-authored-by: LukeGus <bugattiguy527@gmail.com>

src/hooks/use-confirmation.ts

@@ -36,24 +36,50 @@ export function useConfirmation() {
   };
 
   const confirmWithToast = (
-    message: string,
-    callback: () => void,
-    variant: "default" | "destructive" = "default",
-  ) => {
-    const actionText = variant === "destructive" ? "Delete" : "Confirm";
-    const cancelText = "Cancel";
+    opts: ConfirmationOptions | string,
+    callback?: () => void,
+    variant?: "default" | "destructive",
+  ): Promise<boolean> => {
+    // Legacy signature support
+    if (typeof opts === "string" && callback) {
+      const actionText = variant === "destructive" ? "Delete" : "Confirm";
+      const cancelText = "Cancel";
 
-    toast(message, {
-      action: {
-        label: actionText,
-        onClick: callback,
-      },
-      cancel: {
-        label: cancelText,
-        onClick: () => {},
-      },
-      duration: 10000,
-      className: variant === "destructive" ? "border-red-500" : "",
+      toast(opts, {
+        action: {
+          label: actionText,
+          onClick: callback,
+        },
+        cancel: {
+          label: cancelText,
+          onClick: () => {},
+        },
+        duration: 10000,
+        className: variant === "destructive" ? "border-red-500" : "",
+      });
+      return Promise.resolve(true);
+    }
+
+    // New Promise-based signature
+    return new Promise<boolean>((resolve) => {
+      const options = opts as ConfirmationOptions;
+      const actionText = options.confirmText || "Confirm";
+      const cancelText = options.cancelText || "Cancel";
+      const variantClass = options.variant === "destructive" ? "border-red-500" : "";
+
+      toast(options.title, {
+        description: options.description,
+        action: {
+          label: actionText,
+          onClick: () => resolve(true),
+        },
+        cancel: {
+          label: cancelText,
+          onClick: () => resolve(false),
+        },
+        duration: 10000,
+        className: variantClass,
+      });
     });
   };