fix: Fix issue where the Add System button is visible to read-only users (#1442)

移除按钮的hidden类并提前检查只读用户状态返回null

internal/site/src/components/add-system.tsx

@@ -36,6 +36,9 @@ import { AppleIcon, DockerIcon, FreeBsdIcon, TuxIcon, WindowsIcon } from "./ui/i
 import { InputCopy } from "./ui/input-copy"
 
 export function AddSystemButton({ className }: { className?: string }) {
+    if (isReadOnlyUser()) {
+        return null
+    }
     const [open, setOpen] = useState(false)
     const opened = useRef(false)
     if (open) {
@@ -47,7 +50,7 @@ export function AddSystemButton({ className }: { className?: string }) {
             <DialogTrigger asChild>
                 <Button
                     variant="outline"
-					className={cn("flex gap-1 max-xs:h-[2.4rem]", className, isReadOnlyUser() && "hidden")}
+                    className={cn("flex gap-1 max-xs:h-[2.4rem]", className)}
                 >
                     <PlusIcon className="h-4 w-4 -ms-1" />
                     <Trans>