feat: use layout from memberlist

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

@@ -0,0 +1,75 @@
+<Layouts.app flash={@flash}>
+  <.header>
+    {gettext("Listing Users")}
+    <:actions>
+      <.button variant="primary" navigate={~p"/users/new"}>
+        <.icon name="hero-plus" /> {gettext("New User")}
+      </.button>
+    </:actions>
+  </.header>
+
+  <.table
+    id="users"
+    rows={@users}
+    row_click={fn user -> JS.navigate(~p"/users/#{user}") end}
+  >
+    <:col
+      :let={user}
+      label={
+        ~H"""
+        <.input
+          type="checkbox"
+          name="select_all"
+          phx-click="select_all"
+          checked={Enum.sort(@selected_users) == Enum.map(@users, & &1.id) |> Enum.sort()}
+          aria-label={gettext("Select all users")}
+          role="checkbox"
+        />
+        """
+      }
+    >
+      <.input
+        type="checkbox"
+        name={user.id}
+        phx-click="select_user"
+        phx-value-id={user.id}
+        checked={user.id in @selected_users}
+        phx-capture-click
+        phx-stop-propagation
+        aria-label={gettext("Select user")}
+        role="checkbox"
+      />
+    </:col>
+    <:col
+      :let={user}
+      label={
+        sort_button(%{
+          field: :email,
+          label: gettext("Email"),
+          sort_field: @sort_field,
+          sort_order: @sort_order
+        })
+      }
+    >
+      {user.email}
+    </:col>
+    <:col :let={user} label={gettext("OIDC ID")}>{user.oidc_id}</:col>
+
+    <:action :let={user}>
+      <div class="sr-only">
+        <.link navigate={~p"/users/#{user}"}>{gettext("Show")}</.link>
+      </div>
+
+      <.link navigate={~p"/users/#{user}/edit"}>{gettext("Edit")}</.link>
+    </:action>
+
+    <:action :let={user}>
+      <.link
+        phx-click={JS.push("delete", value: %{id: user.id}) |> hide("#row-#{user.id}")}
+        data-confirm={gettext("Are you sure?")}
+      >
+        {gettext("Delete")}
+      </.link>
+    </:action>
+  </.table>
+</Layouts.app>