fix(mobile): inconsistent thumbnail's label (#10589)

* fix(mobile): inconsistent thumbnail with label

* fix: limit person's name width

mobile/lib/widgets/search/thumbnail_with_info_container.dart

@@ -0,0 +1,66 @@
+import 'package:flutter/material.dart';
+import 'package:immich_mobile/extensions/build_context_extensions.dart';
+
+class ThumbnailWithInfoContainer extends StatelessWidget {
+  const ThumbnailWithInfoContainer({
+    super.key,
+    this.onTap,
+    this.borderRadius = 10,
+    required this.label,
+    required this.child,
+  });
+
+  final VoidCallback? onTap;
+  final double borderRadius;
+  final String label;
+  final Widget child;
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: onTap,
+      child: Stack(
+        alignment: Alignment.bottomLeft,
+        children: [
+          Container(
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(borderRadius),
+              color: context.isDarkTheme ? Colors.grey[900] : Colors.grey[100],
+            ),
+            foregroundDecoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(borderRadius),
+              color: Colors.white,
+              gradient: LinearGradient(
+                begin: FractionalOffset.topCenter,
+                end: FractionalOffset.bottomCenter,
+                colors: [
+                  Colors.grey.withOpacity(0.0),
+                  label == ''
+                      ? Colors.black.withOpacity(0.1)
+                      : Colors.black.withOpacity(0.5),
+                ],
+                stops: const [0.0, 1.0],
+              ),
+            ),
+            child: child,
+          ),
+          Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 8) +
+                const EdgeInsets.only(bottom: 8),
+            child: Text(
+              label,
+              style: const TextStyle(
+                color: Colors.white,
+                fontWeight: FontWeight.bold,
+                fontSize: 14,
+              ),
+              maxLines: 2,
+              softWrap: false,
+              overflow: TextOverflow.ellipsis,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}