Add fade in transition to work out start date, tags, & note

templates/partials/start_date.html

@@ -1,4 +1,4 @@
-<div id="edit-start-date" hx-target="this" hx-swap="outerHTML swap:0.5s">
+<div id="edit-start-date" hx-target="this" hx-swap="outerHTML swap:0.5s" class="animate-fadeIn">
     {% if is_edit|default(false, true) == false %}
     <span class="text-base font-normal text-gray-500">{{ strftime(start_date, "%b %d %Y") }}</span>
     <a class="text-sm font-medium text-cyan-600 hover:bg-gray-100 rounded-lg inline-flex items-center p-2 cursor-pointer"

templates/partials/tags.html

@@ -1,4 +1,4 @@
-<div class="flex w-full flex-wrap justify-center">
+<div class="flex w-full flex-wrap justify-center animate-fadeIn">
 
     {% for t in tags %}
     <div data-te-chip-init data-te-ripple-init

templates/partials/workout_note.html

@@ -1,4 +1,4 @@
-<div id="workout-note-{{workout_id}}" hx-target="this" hx-swap="outerHTML swap:0.5s">
+<div id="workout-note-{{workout_id}}" hx-target="this" hx-swap="outerHTML swap:0.5s" class="animate-fadeIn">
     {% if is_edit|default(false, true) == false %}
     {% if note|length > 0 %}
     <span class="text-base font-normal text-gray-500 whitespace-normal">{{ note | replace('\n', '<br>') | safe }}</span>

templates/partials/workout_tags.html

@@ -23,7 +23,7 @@
 
     </span>
 </div>
-<div id="tag-form-w-{{ workout_id }}" class="hidden pt-2 pb-3">
+<div id="tag-form-w-{{ workout_id }}" class="hidden pt-2 pb-3 animate-fadeIn">
 
     <span class="text-base font-normal text-gray-500">Add tag to workout</span>