use shot group table component instead

lib/cannery_web/live/range_live/index.html.heex

@@ -92,13 +92,36 @@
       </h1>
     <% else %>
       <.live_component
-        module={CanneryWeb.Components.TableComponent}
+        module={CanneryWeb.Components.ShotGroupTableComponent}
         id="shot_groups_index_table"
-        columns={@columns}
-        rows={@rows}
-        initial_key={:date}
-        initial_sort_mode={:desc}
-      />
+        shot_groups={@shot_groups}
+        current_user={@current_user}
+      >
+        <:actions :let={shot_group}>
+          <div class="px-4 py-2 space-x-4 flex justify-center items-center">
+            <.link
+              patch={Routes.range_index_path(Endpoint, :edit, shot_group)}
+              class="text-primary-600 link"
+              data-qa={"edit-#{shot_group.id}"}
+            >
+              <i class="fa-fw fa-lg fas fa-edit"></i>
+            </.link>
+
+            <.link
+              href="#"
+              class="text-primary-600 link"
+              phx-click="delete"
+              phx-value-id={shot_group.id}
+              data-confirm={
+                dgettext("prompts", "Are you sure you want to delete this shot record?")
+              }
+              data-qa={"delete-#{shot_group.id}"}
+            >
+              <i class="fa-fw fa-lg fas fa-trash"></i>
+            </.link>
+          </div>
+        </:actions>
+      </.live_component>
     <% end %>
   <% end %>
 </div>