Create endpoint that returns graphs of an overview of users workouts (Needs to be refactored)

templates/workouts_list.html

@@ -71,9 +71,17 @@
             </span>
         </button>
     </h2>
+
     <div class="!visible collapse p-4 hidden" id="workouts-list-accordion-{{ user.id }}">
         {{ render_partial('partials/calendar.html', calendar_month=user.calendar_month, user_id = user.id) }}
 
+        <img src="{{ url_for('graph_user_workouts', user_id=user.id, period='week', attributes=['workout_count']) }}"
+            loading="lazy" alt="No image" class="mx-auto">
+        <img src="{{ url_for('graph_user_workouts', user_id=user.id, period='month', attributes=['duration']) }}"
+            loading="lazy" alt="No image" class="mx-auto">
+
+
+
         <div id="workouts-list-wrapper-for-user-{{ user.id }}" class="mt-5 pl-2">{{
             render_partial('partials/workouts_list_fragment.html',
             workouts=workouts[:7], user_id = user.id) }}</div>