feat(member): condense the overview into composite name and address cells

lib/mv_web/live/member_live/index.html.heex

@@ -149,6 +149,48 @@
           role="checkbox"
         />
       </:col>
+      <:col
+        :let={member}
+        :if={:name in @member_fields_visible}
+        label={gettext("Name")}
+      >
+        <% full_name =
+          [member.first_name, member.last_name]
+          |> Enum.reject(&(&1 in [nil, ""]))
+          |> Enum.join(" ") %>
+        <div data-testid="member-name">
+          <div class="font-medium truncate" title={full_name}>
+            {full_name}
+          </div>
+          <div
+            :if={member.email not in [nil, ""]}
+            class="opacity-70 truncate"
+            title={member.email}
+          >
+            {member.email}
+          </div>
+        </div>
+      </:col>
+      <:col
+        :let={member}
+        :if={:address in @member_fields_visible}
+        label={gettext("Address")}
+      >
+        <% line1 =
+          [member.street, member.house_number]
+          |> Enum.reject(&(&1 in [nil, ""]))
+          |> Enum.join(" ") %>
+        <% line2 =
+          [member.postal_code, member.city]
+          |> Enum.reject(&(&1 in [nil, ""]))
+          |> Enum.join(" ") %>
+        <.maybe_value value={line1 <> line2} empty_sr_text={gettext("No address")}>
+          <div data-testid="member-address">
+            <div class="truncate" title={line1}>{line1}</div>
+            <div class="opacity-70 truncate" title={line2}>{line2}</div>
+          </div>
+        </.maybe_value>
+      </:col>
       <:col
         :let={member}
         :if={:first_name in @member_fields_visible}
@@ -280,7 +322,9 @@
           """
         }
       >
-        {member.city}
+        <.maybe_value value={member.city} empty_sr_text={gettext("Not specified")}>
+          {member.city}
+        </.maybe_value>
       </:col>
       <:col
         :let={member}
@@ -298,7 +342,9 @@
           """
         }
       >
-        {member.street}
+        <.maybe_value value={member.street} empty_sr_text={gettext("Not specified")}>
+          {member.street}
+        </.maybe_value>
       </:col>
       <:col
         :let={member}
@@ -316,7 +362,9 @@
           """
         }
       >
-        {member.house_number}
+        <.maybe_value value={member.house_number} empty_sr_text={gettext("Not specified")}>
+          {member.house_number}
+        </.maybe_value>
       </:col>
       <:col
         :let={member}
@@ -334,7 +382,9 @@
           """
         }
       >
-        {member.postal_code}
+        <.maybe_value value={member.postal_code} empty_sr_text={gettext("Not specified")}>
+          {member.postal_code}
+        </.maybe_value>
       </:col>
       <:col
         :let={member}
@@ -407,15 +457,17 @@
         }
       >
         <.maybe_value value={member.groups} empty_sr_text={gettext("No group assignment")}>
-          <%= for group <- (member.groups || []) do %>
-            <.badge
-              variant="primary"
-              style="outline"
-              aria-label={gettext("Member of group %{name}", name: group.name)}
-            >
-              {group.name}
-            </.badge>
-          <% end %>
+          <div class="flex flex-wrap gap-1 w-max">
+            <%= for group <- (member.groups || []) do %>
+              <.badge
+                variant="primary"
+                style="outline"
+                aria-label={gettext("Member of group %{name}", name: group.name)}
+              >
+                {group.name}
+              </.badge>
+            <% end %>
+          </div>
         </.maybe_value>
       </:col>
       <:action :let={member}>