made prettier changes

Author: Abhrxdip

src/plays/api-request-builder/ApiRequestBuilder.jsx

@@ -102,7 +102,7 @@ function ApiRequestBuilder(props) {
 
       let responseData;
       const contentType = response.headers.get('content-type');
-      
+
       if (contentType && contentType.includes('application/json')) {
         responseData = await response.json();
       } else {

src/plays/api-request-builder/components/HistoryPanel.jsx

@@ -11,7 +11,7 @@ function HistoryPanel({ history, onLoadRequest, onClearHistory, onClose }) {
     if (diffMins < 60) return `${diffMins}m ago`;
     if (diffHours < 24) return `${diffHours}h ago`;
     if (diffDays < 7) return `${diffDays}d ago`;
-    
+
     return date.toLocaleDateString();
   };
 

src/plays/api-request-builder/styles.css

@@ -1,5 +1,6 @@
 .api-builder-container {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+  font-family:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
   padding: 1.5rem;
   max-width: 1400px;
   margin: 0 auto;
@@ -136,8 +137,13 @@
 }
 
 @keyframes pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.7; }
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.7;
+  }
 }
 
 .request-tabs {
@@ -236,7 +242,7 @@
   border-radius: 6px;
 }
 
-.header-row input[type="checkbox"] {
+.header-row input[type='checkbox'] {
   width: 18px;
   height: 18px;
   cursor: pointer;
@@ -298,7 +304,7 @@
   color: #4a5568;
 }
 
-.body-type-selector input[type="radio"] {
+.body-type-selector input[type='radio'] {
   cursor: pointer;
 }
 
@@ -413,7 +419,9 @@
 }
 
 @keyframes spin {
-  to { transform: rotate(360deg); }
+  to {
+    transform: rotate(360deg);
+  }
 }
 
 .response-loading p {
@@ -803,7 +811,7 @@
     gap: 0.5rem;
   }
 
-  .header-row input[type="text"]:last-of-type {
+  .header-row input[type='text']:last-of-type {
     grid-column: 1 / -1;
   }
 }