프론트엔드 UI/UX를 전면 개편

adminfront/src/features/users/UserDetailPage.tsx

@@ -70,6 +70,8 @@ function UserDetailPage() {
       status: "active",
       companyCode: "",
       department: "",
+      position: "",
+      jobTitle: "",
       password: "",
       metadata: {},
     },
@@ -104,6 +106,8 @@ function UserDetailPage() {
         status: user.status,
         companyCode: user.companyCode || "",
         department: user.department || "",
+        position: user.position || "",
+        jobTitle: user.jobTitle || "",
         password: "",
         metadata: user.metadata || {},
       });
@@ -337,6 +341,38 @@ function UserDetailPage() {
               </div>
             </div>
 
+            <div className="grid gap-4 md:grid-cols-2">
+              <div className="space-y-2">
+                <Label htmlFor="position">
+                  {t("ui.admin.users.detail.form.position", "직급")}
+                </Label>
+
+                <Input
+                  id="position"
+                  placeholder={t(
+                    "ui.admin.users.detail.form.position_placeholder",
+                    "수석/책임/선임",
+                  )}
+                  {...register("position")}
+                />
+              </div>
+
+              <div className="space-y-2">
+                <Label htmlFor="jobTitle">
+                  {t("ui.admin.users.detail.form.job_title", "직무")}
+                </Label>
+
+                <Input
+                  id="jobTitle"
+                  placeholder={t(
+                    "ui.admin.users.detail.form.job_title_placeholder",
+                    "프론트엔드 개발",
+                  )}
+                  {...register("jobTitle")}
+                />
+              </div>
+            </div>
+
             {userSchema.length > 0 && (
               <div className="border-t pt-4">
                 <h3 className="mb-4 text-sm font-medium text-muted-foreground">