头像未靠右侧

大概第13行 由 mr-auto 改为 me-auto

参考 bootstrap5 文档 这行选择器命名都发生了变化
Migrating to v5 · Bootstrap v5 中文文档 v5.1 | Bootstrap 中文网 (bootcss.com)

Renamed `.left-*` and `.right-*` to `.start-*` and `.end-*`.
Renamed `.float-left` and `.float-right` to `.float-start` and `.float-end`.
Renamed `.border-left` and `.border-right` to `.border-start` and `.border-end`.
Renamed `.rounded-left` and `.rounded-right` to `.rounded-start` and `.rounded-end`.
Renamed `.ml-*` and `.mr-*` to `.ms-*` and `.me-*`.
Renamed `.pl-*` and `.pr-*` to `.ps-*` and `.pe-*`.
Renamed `.text-left` and `.text-right` to `.text-start` and `.text-end`.