내 정보 및 역할별 권한 범위 안내 제공

devfront/src/features/profile/ProfilePage.tsx

@@ -117,6 +117,13 @@ function ProfilePage() {
                   </p>
                   <p className="text-sm">{profile.email}</p>
                 </div>
+                <div className="space-y-1">
+                  <p className="text-sm font-medium text-muted-foreground flex items-center gap-2">
+                    <Briefcase className="h-4 w-4" />
+                    {t("ui.dev.profile.basic.phone", "Phone")}
+                  </p>
+                  <p className="text-sm">{profile.phone || "-"}</p>
+                </div>
               </CardContent>
             </Card>
 
@@ -163,16 +170,22 @@ function ProfilePage() {
             </CardHeader>
             <CardContent>
               <div className="flex items-center gap-4 bg-muted/30 p-4 rounded-lg border border-border">
-                <div className="h-12 w-12 rounded-full bg-primary/20 flex items-center justify-center text-primary">
+                <div className="h-12 w-12 rounded-full bg-primary/20 flex items-center justify-center text-primary shrink-0">
                   <Briefcase className="h-6 w-6" />
                 </div>
-                <div>
+                <div className="flex flex-col gap-1 w-full">
                   <p className="text-sm text-muted-foreground font-medium uppercase tracking-wider">
                     {t("ui.dev.profile.role.current", "Current Role")}
                   </p>
                   <p className="text-xl font-bold mt-1">
                     {t(`ui.common.role.${profile.role}`, profile.role.toUpperCase())}
                   </p>
+                  <p className="mt-1 text-sm text-muted-foreground">
+                    {t(
+                      `ui.dev.profile.role.desc_${profile.role}`,
+                      "시스템 역할에 대한 설명이 제공되지 않았습니다.",
+                    )}
+                  </p>
                 </div>
               </div>
             </CardContent>