feat: enhance review user info layout with responsive avatar and name styling

assets/css/productpage.css

@@ -494,6 +494,34 @@
     margin-bottom: 0.6rem;
 }
 
+/* User-Info (Avatar + Name/Datum) */
+.review-user-info {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    min-width: 0; /* erlaubt Text-Ellipsis/Umbruch in flex */
+}
+
+/* Profilbild in Reviews: immer gleich groß und angenehm klein */
+.review-avatar {
+    width: clamp(28px, 3.2vw, 34px);
+    height: clamp(28px, 3.2vw, 34px);
+    flex: 0 0 auto;
+    border-radius: 50%;
+    object-fit: cover;
+    object-position: center;
+    display: block;
+    border: 1px solid rgba(148, 163, 184, 0.35);
+    background: #0f172a; /* falls Bild transparent/fehlend */
+}
+
+/* Optional: verhindert, dass lange Namen Layout sprengen */
+.review-user {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
 .review-user {
     font-weight: 600;
     color: white;