♻️ Refactored post layout

lib/widgets/account/account_avatar.dart

@@ -1,15 +1,16 @@
 import 'package:flutter/material.dart';
 import 'package:solian/services.dart';
+import 'package:solian/widgets/account/account_profile_popup.dart';
 import 'package:solian/widgets/auto_cache_image.dart';
 
-class AccountAvatar extends StatelessWidget {
+class AttachedCircleAvatar extends StatelessWidget {
   final dynamic content;
   final Color? bgColor;
   final Color? feColor;
   final double? radius;
   final Widget? fallbackWidget;
 
-  const AccountAvatar({
+  const AttachedCircleAvatar({
     super.key,
     required this.content,
     this.bgColor,
@@ -39,7 +40,7 @@ class AccountAvatar extends StatelessWidget {
       child: isEmpty
           ? (fallbackWidget ??
               Icon(
-                Icons.account_circle,
+                Icons.image,
                 size: radius != null ? radius! * 1.2 : 24,
                 color: feColor,
               ))
@@ -48,6 +49,54 @@ class AccountAvatar extends StatelessWidget {
   }
 }
 
+class AccountAvatar extends StatelessWidget {
+  final dynamic content;
+  final String username;
+  final Color? bgColor;
+  final Color? feColor;
+  final double? radius;
+  final Widget? fallbackWidget;
+
+  const AccountAvatar({
+    super.key,
+    required this.content,
+    required this.username,
+    this.bgColor,
+    this.feColor,
+    this.radius,
+    this.fallbackWidget,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      child: AttachedCircleAvatar(
+        content: content,
+        bgColor: bgColor,
+        feColor: feColor,
+        radius: radius,
+        fallbackWidget: (fallbackWidget ??
+            Icon(
+              Icons.account_circle,
+              size: radius != null ? radius! * 1.2 : 24,
+              color: feColor,
+            )),
+      ),
+      onTap: () {
+        showModalBottomSheet(
+          useRootNavigator: true,
+          isScrollControlled: true,
+          backgroundColor: Theme.of(context).colorScheme.surface,
+          context: context,
+          builder: (context) => AccountProfilePopup(
+            name: username,
+          ),
+        );
+      },
+    );
+  }
+}
+
 class AccountProfileImage extends StatelessWidget {
   final dynamic content;
   final BoxFit fit;

lib/widgets/account/account_heading.dart

@@ -84,7 +84,7 @@ class AccountHeadingWidget extends StatelessWidget {
               Positioned(
                 bottom: -30,
                 left: 32,
-                child: AccountAvatar(content: avatar, radius: 40),
+                child: AttachedCircleAvatar(content: avatar, radius: 40),
               ),
             ],
           ),

lib/widgets/account/account_select.dart

@@ -138,7 +138,7 @@ class _AccountSelectorState extends State<AccountSelector> {
                 return ListTile(
                   title: Text(element.nick),
                   subtitle: Text(element.name),
-                  leading: AccountAvatar(content: element.avatar),
+                  leading: AttachedCircleAvatar(content: element.avatar),
                   trailing: widget.trailingBuilder != null
                       ? widget.trailingBuilder!(element)
                       : _checkSelected(element)

lib/widgets/account/relative_list.dart

@@ -23,7 +23,7 @@ class SilverRelativeList extends StatelessWidget {
       title: Text(element.related.nick),
       subtitle: Text(element.related.name),
       leading: GestureDetector(
-        child: AccountAvatar(content: element.related.avatar),
+        child: AttachedCircleAvatar(content: element.related.avatar),
         onTap: () {
           showModalBottomSheet(
             useRootNavigator: true,

lib/widgets/account/relative_select.dart

@@ -56,7 +56,7 @@ class _RelativeSelectorState extends State<RelativeSelector> {
                 return ListTile(
                   title: Text(element.nick),
                   subtitle: Text(element.name),
-                  leading: AccountAvatar(content: element.avatar),
+                  leading: AttachedCircleAvatar(content: element.avatar),
                   trailing: widget.trailingBuilder != null
                       ? widget.trailingBuilder!(element)
                       : null,