Android Compose名片应用开发：Icon/Tint组件应用位置及@Composable拆分排版问题求助

我最近在做Android官方的Compose名片实践项目，碰到两个棘手的问题，实在摸不着头绪，想请大家帮忙：

• Icon和Tint组件的位置完全没头绪
  整个教程里压根没提这两个组件该加到代码的哪个位置，之前的学习内容也没教过这类组件的整合方法。我已经卡了好几天，试了各种方式都没搞明白怎么把它们加进去。

• 拆分@Composable后排版彻底乱了
  一开始我把所有代码都写在同一个@Composable里的时候，文字对齐啥的都很正常；后来试着拆成了两个@Composable：一个负责展示头像、我的名字和职位，另一个放联系方式信息。结果联系方式那个@Composable里的内容在预览里直接跑到屏幕顶部去了，完全不符合预期，怎么调都不对。

另外说句心里话，我从2021年就开始学Android Basics in Kotlin这套课程了，结果现在Unit 1都卡了一年多，感觉自己进度慢得离谱，明明应该早就学完整套课程了，现在连这个小实践项目都搞不定，真的有点迷茫。

有没有大佬能给点具体的建议或者指导呀？

（原本附带三张截图：分别为项目预期界面、单@Composable时的正常预览、拆分@Composable后的异常预览）

备注：内容来源于stack exchange，提问作者User