feat(metric): Simplify the code for setting metric/period data in Alpine

Co-authored-by: James Brooks <[email protected]>

Author: Ionys320

resources/views/components/metric.blade.php

@@ -32,8 +32,8 @@
 <script>
     document.addEventListener('alpine:init', () => {
         Alpine.data('chart', () => ({
-            metric: <?php echo json_encode($metric); ?>,
-            period: <?php echo json_encode($metric->defaultView); ?>,
+            metric: {{ Js::from($metric) }},
+            period: {{ Js::from($metric->defaultView) }},
             points: [
                 [],
                 [],