Update the table to a list of items and the header.

templates/tasks/index.html

@@ -2,20 +2,11 @@
 {% load static %}
 
 {% block content %}
-  <center><h1>Tasks</h1></center>
+  <h1 class="text-3xl font-bold text-center my-2">Tasks</h1>
 
-  <table class="table table-striped">
-    <tr>
-      <td>Status</td>
-      <td>Name</td>
-      <td>Description</td>
-    </tr>
+  <div class="flex flex-col">
     {% for task in tasks %}
-    <tr>
-      <td>{{ task.status }}</td>
-      <td>{{ task.name }}</td>
-      <td>{{ task.description | truncatewords:10 }}</td>
-    </tr>
+      {% include "partials/task_item.html" %}
     {% endfor %}
-  </table>
+  </div>
 {% endblock %}