Resolve "Distribution of requests per assignment over a lab"

What does this mr do?

Basically creates a bar chart that plots the assignments of a lab against the number of requests for each respective assignment. See #583 (closed) for initial concept diag.

Screenshots

The wireframe places graphs above the table, this will be changed later. For now since there is only one statistic, it is more appropriate that the chart comes below the table.

Does this MR meet the acceptance criteria?

• I have added a changelog entry to reflect the significant changes I made.
• Tests were created to test the feature.
• I have updated the documentation accordingly.
• I adhere to the style guide.

Closes #583 (closed)

src/main/resources/templates/lab/view/status.html

@@ -74,12 +74,17 @@
                     const qSessionId = /*[[@{qSession.id}]]*/ -1;
                     const genericFilterForm = $("#generic-filter-form");
 
-                    $.ajax({
-                        type: "GET",
-                        data: genericFilterForm ? genericFilterForm.serialize() : "",
-                        url: /*[[@{/lab/{id}/status/assistant/freq(id = ${qSession.id})}]]*/ `/lab/${qSessionId}`,
-                        success: updateAssistantFrequencyTable($("#assistant-frequency-table")),
-                    });
+                    const baseAssistantFreqUrl = /*[[@{/lab/{id}/status/assistant/freq(id = ${qSession.id})}]]*/ `/lab/${qSessionId}`;
+                    fetch(baseAssistantFreqUrl + new URLSearchParams(genericFilterForm ? genericFilterForm.serialize() : ""))
+                        .then(response => response.json())
+                        .then(updateAssistantFrequencyTable($("#assistant-frequency-table")));
+
+                    // $.ajax({
+                    //     type: "GET",
+                    //     data: genericFilterForm ? genericFilterForm.serialize() : "",
+                    //     url: /*[[@{/lab/{id}/status/assistant/freq(id = ${qSession.id})}]]*/ `/lab/${qSessionId}`,
+                    //     success: updateAssistantFrequencyTable($("#assistant-frequency-table")),
+                    // });
                 }
             </script>
         </section>