Change font to Nunito sans

Author: ronellecaguioa

app/charts/LatencyChart.tsx

@@ -32,7 +32,7 @@ const LatencyChart = () => {
           font: {
             color: 'black',
             size: 15,
-            family: 'Nunito, san serif',
+            family: 'Nunito sans, sans serif',
           },
           paper_bgcolor: 'white',
           plot_bgcolor: 'white',

app/charts/MemoryChart.tsx

@@ -44,7 +44,7 @@ const MemoryChart = () => {
           font: {
             color: 'black',
             size: 15,
-            family: 'Nunito, san serif',
+            family: 'Nunito sans, sans serif',
           },
           paper_bgcolor: 'white',
           plot_bgcolor: 'white',

app/charts/ProcessesChart.tsx

@@ -50,7 +50,7 @@ const ProcessesChart = () => {
           font: {
             color: 'black',
             size: 15,
-            family: 'Nunito, san serif',
+            family: 'Nunito sans, sans serif',
           },
           paper_bgcolor: 'white',
           plot_bgcolor: 'white',

app/charts/RequestTypesChart.tsx

@@ -60,7 +60,7 @@ const RequestTypesChart: React.FC = () => {
           font: {
             color: 'black',
             size: 15,
-            family: 'Nunito, san serif',
+            family: 'Nunito sans, sans serif',
           },
           paper_bgcolor: 'white',
           legend: {

app/charts/ResponseCodesChart.tsx

@@ -77,7 +77,7 @@ const ResponseCodesChart: React.FC = () => {
           font: {
             color: 'black',
             size: 15,
-            family: 'Nunito, san serif',
+            family: 'Nunito sans, sans serif',
           },
           paper_bgcolor: 'white',
           legend: {

app/charts/SpeedChart.tsx

@@ -40,7 +40,7 @@ const SpeedChart = () => {
           font: {
             color: 'black',
             size: 14,
-            family: 'Nunito, san serif',
+            family: 'Nunito sans, sans serif',
           },
           xaxis: {
             title: 'Time (PST)',

app/charts/TemperatureChart.tsx

@@ -44,7 +44,7 @@ const TemperatureChart = () => {
           font: {
             color: 'black',
             size: 15,
-            family: 'Nunito, san serif',
+            family: 'Nunito sans, sans serif',
           },
           paper_bgcolor: 'white',
           plot_bgcolor: 'white',

app/charts/TrafficChart.tsx

@@ -95,13 +95,13 @@ const TrafficChart = () => {
           },
         ]}
         layout={{
-          title: 'Microservice Traffic',
+          title: 'Server Traffic',
           height: 400,
           width: 400,
           font: {
             color: 'black',
             size: 15,
-            family: 'Nunito, san serif',
+            family: 'Nunito sans, sans serif',
           },
           paper_bgcolor: 'white',
           plot_bgcolor: 'white',