fixed lint format

src/pages/ListIncidents.vue

@@ -3,14 +3,17 @@
         <h1>Incident Reports</h1>
         <div v-if="isLoading">Loading...</div>
         <div v-else-if="filteredReports.length">
-      <div v-for="report in filteredReports" :key="report._id" class="big-padding">
-
+            <div
+                v-for="report in filteredReports"
+                :key="report._id"
+                class="big-padding"
+            >
                 <h3>{{ formatDate(report._createdDate) }}</h3>
-        <hr>
+                <hr />
                 <h4>{{ report._title }}</h4>
                 <p>{{ report._content }}</p>
-        <hr><br><br>
-
+                <hr />
+                <br /><br />
             </div>
         </div>
         <p v-else>No incident reports found or an error occurred.</p>
@@ -45,14 +48,21 @@ export default {
         },
         formatDate(dateString) {
             const date = new Date(dateString);
-      return date.toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' });
+            return date.toLocaleDateString("en-US", {
+                year: "numeric",
+                month: "long",
+                day: "numeric",
+            });
         },
     },
     computed: {
         filteredReports() {
             return this.incidentReports
                 .slice() // Create a copy to avoid mutating the original array
-        .sort((a, b) => new Date(b._createdDate) - new Date(a._createdDate))
+                .sort(
+                    (a, b) =>
+                        new Date(b._createdDate) - new Date(a._createdDate),
+                )
                 .slice(-25); // Get the last 25 sorted reports
         },
     },
@@ -78,5 +88,5 @@ export default {
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     margin-bottom: 20px; /* Add spacing between jumbotrons */
 }
-
 </style>
+