chore: migrate inline styles to utility classes

Author: Indyandie

src/components/ApiExplorer.astro

@@ -42,7 +42,7 @@ import { Aside } from '@astrojs/starlight/components'
 </style>
 
 <section class="py-12">
-  <h2 id="try-it-now" class="text-center" style="margin-bottom: 32px">Try it now!</h2>
+  <h2 id="try-it-now" class="text-center mb-10">Try it now!</h2>
 
   <Aside type="tip" title="Need a hint?">
     Try <code>pokemon/ditto</code>, <code>pokemon-species/aegislash</code>, <code>type/3</code>,
@@ -104,11 +104,11 @@ import { Aside } from '@astrojs/starlight/components'
       >
     </label>
     <button
-      style="font-weight: bolder"
       id="sendRequestSubmit"
       class="
         bg-(--sl-color-accent)
         text-(--sl-color-white)
+        font-semibold
         p-3 rounded-md
         cursor-pointer
         w-full