Swap experimental and webgpuOnly warning order

Author: davepagurek

src/layouts/ReferenceItemLayout.astro

@@ -113,27 +113,27 @@ function normalizeP5ReferenceLinks(html: string | undefined): string | undefined
 >
   <div class="content-grid mt-0 max-w-[770px]">
     <div class="col-span-9 xl:min-w-[1000px]">
-      {entry.data.beta && (
+      {entry.data.webgpuOnly && (
         <div class="experimental">
           <h5>
             <div
               class="inline-block mr-2 w-[20px] h-[20px] mb-[-2px]"
-              set:html={flask}
+              set:html={warning}
             />
-            {t('experimentalApi', 'title')}
+            {t('webgpuAddon')}
           </h5>
-          <p>{t('experimentalApi', 'description')}</p>
         </div>
       )}
-      {entry.data.webgpuOnly && (
+      {entry.data.beta && (
         <div class="experimental">
           <h5>
             <div
               class="inline-block mr-2 w-[20px] h-[20px] mb-[-2px]"
-              set:html={warning}
+              set:html={flask}
             />
-            {t('webgpuAddon')}
+            {t('experimentalApi', 'title')}
           </h5>
+          <p>{t('experimentalApi', 'description')}</p>
         </div>
       )}
       {entry.data.deprecated && (