feat(build): migrate from Prettier to Oxfmt for performant code formatting (#42434)

docs/developer_docs_versioned_docs/version-6.1.0/components/ui/loading.mdx

@@ -33,40 +33,33 @@ The Loading component from Superset's UI library.
 <StoryWithControls
   component="Loading"
   props={{
-  size: "m",
-  position: "normal",
-  muted: false
-}}
+    size: 'm',
+    position: 'normal',
+    muted: false,
+  }}
   controls={[
-  {
-    name: "size",
-    label: "Size",
-    type: "select",
-    options: [
-      "s",
-      "m",
-      "l"
-    ],
-    description: "Size of the spinner: s (40px), m (70px), or l (100px)."
-  },
-  {
-    name: "position",
-    label: "Position",
-    type: "select",
-    options: [
-      "normal",
-      "floating",
-      "inline"
-    ],
-    description: "Position style: normal (inline flow), floating (overlay), or inline."
-  },
-  {
-    name: "muted",
-    label: "Muted",
-    type: "boolean",
-    description: "Whether to show a muted/subtle version of the spinner."
-  }
-]}
+    {
+      name: 'size',
+      label: 'Size',
+      type: 'select',
+      options: ['s', 'm', 'l'],
+      description: 'Size of the spinner: s (40px), m (70px), or l (100px).',
+    },
+    {
+      name: 'position',
+      label: 'Position',
+      type: 'select',
+      options: ['normal', 'floating', 'inline'],
+      description:
+        'Position style: normal (inline flow), floating (overlay), or inline.',
+    },
+    {
+      name: 'muted',
+      label: 'Muted',
+      type: 'boolean',
+      description: 'Whether to show a muted/subtle version of the spinner.',
+    },
+  ]}
 />
 
 ## Try It
@@ -104,20 +97,48 @@ function SizeShowcase() {
   const sizes = ['s', 'm', 'l'];
   return (
     <div style={{ padding: 20 }}>
-      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: 20, alignItems: 'center' }}>
-        <div><strong>Size</strong></div>
-        <div><strong>Normal</strong></div>
-        <div><strong>Muted</strong></div>
-        <div><strong>Usage</strong></div>
+      <div
+        style={{
+          display: 'grid',
+          gridTemplateColumns: 'repeat(4, 1fr)',
+          gap: 20,
+          alignItems: 'center',
+        }}
+      >
+        <div>
+          <strong>Size</strong>
+        </div>
+        <div>
+          <strong>Normal</strong>
+        </div>
+        <div>
+          <strong>Muted</strong>
+        </div>
+        <div>
+          <strong>Usage</strong>
+        </div>
         {sizes.map(size => (
           <React.Fragment key={size}>
             <div style={{ fontWeight: 'bold' }}>
-              {size.toUpperCase()} ({size === 's' ? '40px' : size === 'm' ? '70px' : '100px'})
+              {size.toUpperCase()} (
+              {size === 's' ? '40px' : size === 'm' ? '70px' : '100px'})
             </div>
-            <div style={{ textAlign: 'center', padding: 10, border: '1px solid #eee' }}>
+            <div
+              style={{
+                textAlign: 'center',
+                padding: 10,
+                border: '1px solid #eee',
+              }}
+            >
               <Loading size={size} position="normal" />
             </div>
-            <div style={{ textAlign: 'center', padding: 10, border: '1px solid #eee' }}>
+            <div
+              style={{
+                textAlign: 'center',
+                padding: 10,
+                border: '1px solid #eee',
+              }}
+            >
               <Loading size={size} muted position="normal" />
             </div>
             <div style={{ fontSize: 12, color: '#666' }}>
@@ -140,7 +161,17 @@ function ContextualDemo() {
   return (
     <div style={{ padding: 20 }}>
       <h4>Filter Bar (size="s", muted)</h4>
-      <div style={{ height: 40, backgroundColor: '#f5f5f5', display: 'flex', alignItems: 'center', padding: '0 10px', gap: 10, marginBottom: 30 }}>
+      <div
+        style={{
+          height: 40,
+          backgroundColor: '#f5f5f5',
+          display: 'flex',
+          alignItems: 'center',
+          padding: '0 10px',
+          gap: 10,
+          marginBottom: 30,
+        }}
+      >
         <span>Filter 1:</span>
         <Loading size="s" muted position="normal" />
         <span>Filter 2:</span>
@@ -148,16 +179,41 @@ function ContextualDemo() {
       </div>
 
       <h4>Dashboard Grid (size="s", muted)</h4>
-      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 10, marginBottom: 30 }}>
+      <div
+        style={{
+          display: 'grid',
+          gridTemplateColumns: 'repeat(3, 1fr)',
+          gap: 10,
+          marginBottom: 30,
+        }}
+      >
         {[1, 2, 3].map(i => (
-          <div key={i} style={{ height: 100, backgroundColor: '#fafafa', border: '1px solid #ddd', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+          <div
+            key={i}
+            style={{
+              height: 100,
+              backgroundColor: '#fafafa',
+              border: '1px solid #ddd',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+            }}
+          >
             <Loading size="s" muted position="normal" />
           </div>
         ))}
       </div>
 
       <h4>Main Loading (size="l")</h4>
-      <div style={{ height: 200, display: 'flex', alignItems: 'center', justifyContent: 'center', border: '2px dashed #ccc' }}>
+      <div
+        style={{
+          height: 200,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          border: '2px dashed #ccc',
+        }}
+      >
         <Loading size="l" position="normal" />
       </div>
     </div>
@@ -167,11 +223,11 @@ function ContextualDemo() {
 
 ## Props
 
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `size` | `string` | `"m"` | Size of the spinner: s (40px), m (70px), or l (100px). |
-| `position` | `string` | `"normal"` | Position style: normal (inline flow), floating (overlay), or inline. |
-| `muted` | `boolean` | `false` | Whether to show a muted/subtle version of the spinner. |
+| Prop       | Type      | Default    | Description                                                          |
+| ---------- | --------- | ---------- | -------------------------------------------------------------------- |
+| `size`     | `string`  | `"m"`      | Size of the spinner: s (40px), m (70px), or l (100px).               |
+| `position` | `string`  | `"normal"` | Position style: normal (inline flow), floating (overlay), or inline. |
+| `muted`    | `boolean` | `false`    | Whether to show a muted/subtle version of the spinner.               |
 
 ## Import