chore: Update "version added" for remaining RSP components (#7417)

* chore: Update version added for remaining RSP components

* fix dropzone

---------

Co-authored-by: Danni <[email protected]>

Author: LFDanLu

packages/@react-spectrum/accordion/docs/Accordion.mdx

@@ -29,7 +29,8 @@ import {Accordion, Disclosure, DisclosureTitle, DisclosurePanel} from '@react-sp
 
 <HeaderInfo
   packageData={packageData}
-  componentNames={['Accordion', 'Disclosure', 'DisclosureTitle', 'DisclosurePanel']} />
+  componentNames={['Accordion', 'Disclosure', 'DisclosureTitle', 'DisclosurePanel']}
+  since="3.38.0" />
 
 ## Example
 
@@ -67,7 +68,7 @@ import {Key} from "@react-types/shared";
 
 function ControlledExpansion() {
   let [expandedKeys, setExpandedKeys] = React.useState<Set<Key>>(new Set(['personal']))
-  
+
   return (
     <>
       <Accordion expandedKeys={expandedKeys} onExpandedChange={setExpandedKeys}>

packages/@react-spectrum/accordion/docs/Disclosure.mdx

@@ -29,7 +29,8 @@ import {Disclosure, DisclosureTitle, DisclosurePanel} from '@react-spectrum/acco
 
 <HeaderInfo
   packageData={packageData}
-  componentNames={['Disclosure', 'DisclosureTitle', 'DisclosurePanel']} />
+  componentNames={['Disclosure', 'DisclosureTitle', 'DisclosurePanel']}
+  since="3.38.0" />
 
 ## Example
 
@@ -44,7 +45,7 @@ import {Disclosure, DisclosureTitle, DisclosurePanel} from '@react-spectrum/acco
 
 ## Content
 
-Disclosure follows the [ARIA Disclosure pattern](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/) and consists of two children: `DisclosureTitle` and `DisclosurePanel`. The `DisclosureTitle` controls the expansion of the `DisclosurePanel` and the contents inside. 
+Disclosure follows the [ARIA Disclosure pattern](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/) and consists of two children: `DisclosureTitle` and `DisclosurePanel`. The `DisclosureTitle` controls the expansion of the `DisclosurePanel` and the contents inside.
 
 Disclosure can be used as a standalone collapsible section of content. However, multiple discosures can be combined to form an [Accordion](Accordion.html).
 
@@ -59,7 +60,7 @@ Disclosure accepts an `onExpandedChange` prop which is triggered when it is expa
 ```tsx example
 function ControlledExpansion() {
   let [isExpanded, setIsExpanded] = React.useState<boolean>(false);
-  
+
   return (
     <>
       <Disclosure isExpanded={isExpanded} onExpandedChange={setIsExpanded}>

packages/@react-spectrum/color/docs/ColorArea.mdx

@@ -37,7 +37,8 @@ keywords: [color area]
   componentNames={['ColorArea']}
   sourceData={[
     {type: 'Spectrum', url: 'https://spectrum.adobe.com/page/color-area/'}
-  ]} />
+  ]}
+  since="3.35.0" />
 
 ## Example
 

packages/@react-spectrum/color/docs/ColorField.mdx

@@ -33,7 +33,8 @@ keywords: [color field, input]
 <HeaderInfo
   packageData={packageData}
   componentNames={['ColorField']}
-  sourceData={[]} />
+  sourceData={[]}
+  since="3.35.0" />
 
 ## Example
 
@@ -44,7 +45,7 @@ keywords: [color field, input]
 ## Value
 
 A ColorField's `value` is empty by default, but an initial, uncontrolled, value can be provided using the `defaultValue` prop.
-Alternatively, a controlled value can be provided using the `value` prop.  The value provided to either of these props should be a color string or <TypeLink links={colorTypes.links} type={colorTypes.exports.Color} /> object. 
+Alternatively, a controlled value can be provided using the `value` prop.  The value provided to either of these props should be a color string or <TypeLink links={colorTypes.links} type={colorTypes.exports.Color} /> object.
 
 In the example below, the <TypeLink links={statelyDocs.links} type={statelyDocs.exports.parseColor} /> function is used to parse the initial color
 from a hex value, stored in state.

packages/@react-spectrum/color/docs/ColorPicker.mdx

@@ -32,7 +32,8 @@ keywords: [color picker]
 
 <HeaderInfo
   packageData={packageData}
-  componentNames={['ColorPicker', 'ColorEditor']} />
+  componentNames={['ColorPicker', 'ColorEditor']}
+  since="3.35.0" />
 
 ## Example
 
@@ -142,7 +143,7 @@ import {ColorWheel, ColorArea} from '@react-spectrum/color';
 
 <ColorPicker label="Fill" defaultValue="#08f">
   <ColorWheel />
-  <ColorArea 
+  <ColorArea
     colorSpace="hsb"
     xChannel="saturation"
     yChannel="brightness"

packages/@react-spectrum/color/docs/ColorSlider.mdx

@@ -35,7 +35,8 @@ keywords: [color slider]
   componentNames={['ColorSlider']}
   sourceData={[
     {type: 'Spectrum', url: 'https://spectrum.adobe.com/page/color-slider/'}
-  ]} />
+  ]}
+  since="3.35.0" />
 
 ## Example
 

packages/@react-spectrum/color/docs/ColorSwatch.mdx

@@ -35,7 +35,8 @@ keywords: [color swatch]
   componentNames={['ColorSwatch']}
   sourceData={[
     {type: 'Spectrum', url: 'https://spectrum.adobe.com/page/swatch/'}
-  ]} />
+  ]}
+  since="3.35.0" />
 
 ## Example
 

packages/@react-spectrum/color/docs/ColorSwatchPicker.mdx

@@ -34,7 +34,8 @@ keywords: [color swatch]
   componentNames={['ColorSwatchPicker']}
   sourceData={[
     {type: 'Spectrum', url: 'https://spectrum.adobe.com/page/swatch-group/'}
-  ]} />
+  ]}
+  since="3.35.0" />
 
 ## Example
 

packages/@react-spectrum/color/docs/ColorWheel.mdx

@@ -35,7 +35,8 @@ keywords: [color wheel, slider]
   componentNames={['ColorWheel']}
   sourceData={[
     {type: 'Spectrum', url: 'https://spectrum.adobe.com/page/color-wheel/'}
-  ]} />
+  ]}
+  since="3.35.0" />
 
 ## Example
 

packages/@react-spectrum/dropzone/docs/DropZone.mdx

@@ -35,6 +35,7 @@ category: Drag and drop
 <HeaderInfo
   packageData={packageData}
   componentNames={['DropZone']}
+  since="3.35.0"
 />
 
 ## Example
@@ -340,7 +341,7 @@ function Example() {
 
 A DropZone displays visual feedback to the user when a drag hovers over the drop target by passing the `getDropOperation` function. If a drop target only supports data of specific types (e.g. images, videos, text, etc.), then it should implement the `getDropOperation` prop and return `'cancel'` for types that aren't supported. This will prevent visual feedback indicating that the drop target accepts the dragged data when this is not true. [Read more about getDropOperation.](../react-aria/useDrop.html#getdropoperation)
 
-In the below example, the drop zone only supports dropping JPEG images. If a JPEG is dragged over the drop zone, it will be highlighted and the operating system will display a copy cursor. If another type is dragged over the drop zone, then there is no visual feedback, indicating that a drop is not accepted. 
+In the below example, the drop zone only supports dropping JPEG images. If a JPEG is dragged over the drop zone, it will be highlighted and the operating system will display a copy cursor. If another type is dragged over the drop zone, then there is no visual feedback, indicating that a drop is not accepted.
 
 ```tsx example
 import {FileTrigger} from '@adobe/react-spectrum';