feat: enhance tenant admin experience with form locking and column visibility settings

adminfront/src/features/users/UserDetailPage.tsx

@@ -16,6 +16,7 @@ import { Input } from "../../components/ui/input";
 import { Label } from "../../components/ui/label";
 import {
   type UserUpdateRequest,
+  fetchMe,
   fetchTenant,
   fetchTenants,
   fetchUser,
@@ -42,6 +43,11 @@ function UserDetailPage() {
   const [error, setError] = React.useState<string | null>(null);
   const [successMsg, setSuccessMsg] = React.useState<string | null>(null);
 
+  const { data: profile } = useQuery({
+    queryKey: ["me"],
+    queryFn: fetchMe,
+  });
+
   const {
     data: user,
     isLoading,
@@ -332,6 +338,7 @@ function UserDetailPage() {
                     id="companyCode"
                     className="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
                     {...register("companyCode")}
+                    disabled={profile?.role === "tenant_admin"}
                   >
                     <option value="">
                       {t(