feat: enhance UserBar with user API details and improved text styling

lib/features/you/view/you_page.dart

@@ -183,6 +183,10 @@ class UserBar extends HookConsumerWidget {
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     final me = ref.watch(meProvider);
+    final api = ref.watch(authenticatedApiProvider);
+
+    final themeData = Theme.of(context);
+    final textTheme = themeData.textTheme;
 
     return me.when(
       data: (userData) {
@@ -194,20 +198,31 @@ class UserBar extends HookConsumerWidget {
               // first letter of the username
               child: Text(
                 userData.username[0].toUpperCase(),
-                style: const TextStyle(
+                style: textTheme.headlineLarge?.copyWith(
-                  fontSize: 32,
                   fontWeight: FontWeight.bold,
                 ),
               ),
             ),
             const SizedBox(width: 16),
+            Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
                 Text(
                   userData.username,
-              style: const TextStyle(
+                  style: textTheme.headlineSmall?.copyWith(
-                fontSize: 24,
                     fontWeight: FontWeight.bold,
                   ),
                 ),
+                const SizedBox(height: 4),
+                Text(
+                  api.baseUrl.toString(),
+                  style: textTheme.bodyMedium?.copyWith(
+                    color:
+                        themeData.colorScheme.onSurface.withValues(alpha: 0.6),
+                  ),
+                ),
+              ],
+            ),
           ],
         );
       },